/* this particular version layout will not work in IE/Win Strict Mode 
   it can be made to work in IE strict with the use of CSS expressions
	 to calculate the required height of the 2 absolute positioned divs
*/
/********** main css ***********/
@import url("/css/events_styles.css");
@import url("/css/blogs_styles.css");
@import url("/css/media_styles.css");
@import url("/css/classes_styles.css");
@import url("/css/livebroadcast_styles.css");
html
{
    min-width: 1003px;
    width: 100%;
}
body
{
    margin: 0px 0px 0px 0px;
    height: 100%;
    font-family: Century Gothic,arial,helvetica,sans-serif;
    font-size: 12px;
    background-position: top;
    text-align: center; /* IE quirky center */
    color: #000000;
    background-color: #e0e0e0;
    min-width: 1003px;
    width: 100%;
    
}
/* DEFAULT CSS  */

h1
{
    font-family: Verdana;
    font-weight:bold;
    color: #e0e0e0;
    font-size: 30px;

}

h2
{
    font-family: Verdana;
    font-size: 18px;
    color: #002f57;
    font-weight: normal;
}

h3
{
    font-family: Verdana;
    font-size: 14px;
    color: #604f22;
    font-weight: bold;
}

h4
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

h5
{
    font-family: Verdana;
    font-size: 11px;
    color: #3c3c3c;
    font-weight: bold;
}

p
{
    font-family: Verdana, sans-serif;
    color: #757575;
    font-size: 12px;
    line-height: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
}

a
{
    color: #186bb3;
    text-decoration: none;
}

a:hover
{
    color: #186bb3;
    text-decoration: underline;
}

ul, ol
{
    padding: 10px 20px;
    list-style-type: none;
}

li
{
    padding-left: 12px;
    background: url(images/li-arrow.png) left top no-repeat;
    line-height: 18px;
}
li.rrItem
{
    padding-left:0px;
}

a.footerlinks
{
    color: #50769b;
    text-decoration: none;
}
a.footerlinks:hover
{
    color: #50769b;
    text-decoration: underline;
}
a.forgotlogin
{
    color: #ffffff;
    text-decoration: none;
}
a.forgotlogin:hover
{
    color: #ffffff;
    text-decoration: underline;
}
a.episode_close
{
    color: #000000;
    text-decoration: none;
}
a.services
{
    color: Silver;
    text-decoration: none;
}
a.services:hover
{
    color: Silver;
    text-decoration: underline;
}
a.top
{
    color: #434343;
    text-decoration: none;
}
a.top:hover
{
    color: #434343;
    text-decoration: underline;
}
img
{
    border: 0px;
}
img.middle
{
    vertical-align: middle;
}
/* heading tags */

h1
{
    color: #94c221;
}

h2
{
}

h3
{
}
h4
{
}
/** site structure **/
#ministry_wrapper
{
    position: relative;
    min-width: 1500px;
    width: 100%;
    min-height: 43px;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index:900;
  
}
#ministry_top_wrapper
{
    position: relative;
    min-width: 1039px;
    width:100%;
    z-index:900;
    height:43px;
   background-image: url(/images/bg_ministryguide.png);
    background-position: top;
    background-repeat: repeat-x;
}
#ministrytop_wrapper1
{
    position:relative;
    width:1039px;
}
#ministry_top_text
{
    position: absolute;
    top: 7px;
    left: 250px;
}
#main_wrapper
{
    position: relative;
    min-width: 1003px;
    width: 100%;
    height: 100%;
    background-image:url(/images/bg_main.jpg);
    background-repeat:repeat-x;
    background-position: top;
}
.main_wrapper
{
    position: relative;
    min-width: 1003px;
    width: 100%;
    height: 100%;
    background-image:url(/images/bg_main.jpg);
    background-repeat:repeat-x;
    background-position: top;
}
.submain_wrapper
{
    position: relative;
    min-width: 1003px;
    width: 100%;
    height: 100%;
    background-image:url(/images/subpage_bg_main.jpg);
    background-repeat:repeat-x;
    background-position: top;
    background-color:#ffffff;
}
#maintop_wrapper
{
    
}
.maintop_wrapper
{
    position: relative;
    min-width: 1500px;
    width: 100%;
    margin-top: 0px;
    min-height: 501px;
    height: 100%;
    background-image: url(/images/headerbg.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.submaintop_wrapper
{
    position: relative;
    min-width: 1500px;
    width: 100%;
    margin-top: 0px;
    min-height: 138px;
    height: 100%;
    background-image: url(/images/subheaderbg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.maintop1_wrapper
{
    position: relative;
    min-width: 1500px;
    width: 100%;
    margin-top: 0px;
    min-height: 501px;
    height: 100%;
    background-image: url(/images/bg_header1.jpg);
    background-repeat: no-repeat;
    background-position: top;
    z-index: 0;
}
.submaintop1_wrapper
{
    position: relative;
    min-width: 1500px;
    width: 100%;
    margin-top: 0px;
    min-height: 138px;
    height: 100%;
    background-image: url(/images/bg_header1.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
#nav_wrapper
{
    position: relative;
    width: 990px;
    min-height: 138px;
    z-index: 91;
    top: 0px;
    left: 0px;
}
#defaultLogo
{
    position: absolute;
    left: 0px;
    top: 10px;
}
#customLogo
{
    position: absolute;
    left: 20px;
    top: 20px;
}
#topnav_wrapper
{
    position: relative;
    width: 715px;
    top: -138px;
    left: 143px;
    z-index: 91;
}
#nav
{
    position: absolute;
    height: 138px;
    left: 151px;
    top: 0px;
    z-index: 91;
    width:840px;
}
#nav_text
{
    position: absolute;
    z-index: 91;
    left: 0px;
    top: 84px;
}
#nav_div
{
    position: absolute;
    left: 0px;
    top: 7px;
}
/*HEADER CSS */
#search_wrapper
{
    position: absolute;
    left: 750px;
    height: 25px;
    top: 2px;
    vertical-align: middle;
}
#search
{
    position: absolute;
    left: 760px;
    top: 100px;
}
.text_wrapper
{
    padding-left: 13px;
    padding-top: 4px;
}
#nav_top
{
    position: absolute;
    left: 132px;
}

/*Sub Page CSS*/
#center_bottom_wrapper
{
    position: relative;
    width: 100%;
    padding-top: 0px;
    left: 0px;
    min-height: 350px;
    height: 100%;
    height: auto !important;
    z-index: 1;
    background-color: #f1f1f1;
    background-image: url(/images/subpage_content_mid.jpg);
    background-position: top;
    background-repeat: repeat-y;
}
#center_wrapper
{
    position: relative;
    width: 1003px;
    padding-top: 0px;
    left: 0px;
    min-height: 450px;
    height: 100%;
    height: auto !important;
    z-index: 1;
}
#subpage_line
{
    position: relative;
    width: 1003px;
    height: 1px;
}
#sub_content_top
{
    position: relative;
    width: 1003px;
    height: 33px;
}

#sub_content_middle
{
    position: relative;
    min-height: 350px;
    height: 100%;
    width: 100%;
    z-index: 20;
    
}

#sub_content_bottom
{
    position: relative;
    width: 1003px;
    height:41px;
}
#subpage_gap
{
    position: relative;
    width: 1003px;
    height:25px;
}
.content_middle_wrapper
{
    position: relative;
    width: 100%;
    min-height: 350px;
    height: auto !important;
    height: 100%;
    background-image: url(/images/subpage_content_mid.png);
    background-position: top;
    background-repeat:repeat-y;
}
.content_middle_wrapper_full
{
    position: relative;
    width: 100%;
    min-height: 350px;
    height: auto !important;
    height: 100%;
    background-image: url(/images/subpage_content_mid.png);
    background-position: top;
    background-repeat:repeat-y;
}

.content_middle
{
    position: relative;
    left: 0px;
    padding: 0px 0px 0px 0px;
    min-height: 348px;
    height: 100%;
    top: 0px;
    width: 940px;
}
.content_middle_full
{
    position: relative;
    left: 0px;
    padding: 0px 0px 0px 10px;
    min-height: 348px;
    height: 100%;
    top: 0px;
    width: 930px;
}
#subpage_bottom
{
    position: relative;
    width: 1276px;
    height: 32px;
}
#subNav
{
   
}
.subNav
{
    float: left;
    display: inline;
    position: relative;
    padding: 10px 10px 10px 10x;
    margin-left: 15px;
    left: 0px;
    top: 70px;
    z-index: 90;
    width: 220px;
    border: solid 1px Transparent;
}
#subnav_top
{
    position: relative;
}
#subNavHeaderText
{
    position: relative;
    width: 150px;
    left: 0px;
    text-align: left;
    color: #a81c54;
    font-size: 20px;
    top: 0px;
    min-height: 35px;
}
#subNavBody
{
    position: relative;
    width: 180px;
}
.subNavText
{
    font-weight: bold;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #434343;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:link
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #434343;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:active
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #434343;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:visited
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #434343;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:hover
{
    color: #434343;
    text-align: left;
    text-decoration: underline;
}

#subMainContentArea_wrapper
{
    position: relative;
    text-align: left;
}

#subPageWrapper
{
    position: relative;
}

.content_wrapper
{
    position: relative;
    padding-top: 0px;
    margin-left: 0px;
    padding: 10px 0px 0px 10px;
}

/*Sub Content Area End*/

#footer_wrapper
{
    position:relative;
    height:100px;
    width:995px;
}
.footer_wrapper
{
}

#blueFooterBar
{
    position:relative;
    width:100%;
    height:50px;
    background-image:url(/images/bg_footer.png);
    background-repeat:no-repeat;
    
}
#search_text
{
    position:absolute;
    top:6px;
    left:9px;
    color:White;
    font-family:Century Gothic, Arial;
    font-size:15px;
    z-index:21;
}
#blueFooterBarServiceTimes
{
    position:absolute;
    left:20px;
    top:12px;
    color:White;
    font-family:Century Gothic, Arial;
}
#blueFooterBarSearch
{
    position:absolute;
    left:500px;
    top:5px;
}
#blueFooterBarDonate
{
    position:absolute;
    left:810px;
    top:5px;
}


#clientLogo
{
    position: absolute;
    top: 0px;
    left: 25px;
}

#footer_logo
{
    position: absolute;
    left: 0px;
    top: 60px;
}
#footer_facebook_Logo
{
    position: absolute;
    right: 90px;
    top: 60px;
}
#footer_vimeo_Logo
{
    position: absolute;
    right: 45px;
    top: 60px;
}
#copyright
{
    position: absolute;
    left: 40px;
    top: 74px;
    text-align: left;
    font-family: Century Gothic, Arial;
    text-transform: none;
    color: Gray;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
}
#subcopyright
{
    position: absolute;
    left: 135px;
    top: 34px;
    text-align: left;
    font-family: Century Gothic, Arial;
    text-transform: lowercase;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

#subfooter_logo
{
    position: absolute;
    left: 955px;
    top: 20px;
}
#footer_links
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 325px;
    color: #50769b;
    font-weight: bold;
}
#fnLogo
{
    position: absolute;
    left: 884px;
    top: 0px;
}
/******* Homepage Layout ************/

#mainContentArea_wrapper
{
    position: relative;
    height: 100%;
    top: 0px;
    left: 0px;
    width: 100%;
}

/*CALLOUTS*/
#callout_wrapper
{
    position: relative;
    width: 1000px;
    height: 184px;
    top: 5px;
}
#callout1
{
    position: absolute;
    top: 3px;
    left: -1px;
}
#callout2
{
    position: absolute;
    top: 0px;
    left: 252px;
}
#callout3
{
    position: absolute;
    top: 3px;
    left: 504px;
}
#callout4
{
    position: absolute;
    top: 2px;
    left: 755px;
}
#callout_fb
{
    position: absolute;
    top: 13px;
    left: 663px;
    color: White;
    font-weight: bold;
    font-size: 19px;
}
#callout_prayer
{
    position: absolute;
    top: 74px;
    left: 663px;
    color: White;
    font-weight: bold;
    font-size: 19px;
}
#callout_online
{
    position: absolute;
    top: 134px;
    left: 663px;
    color: White;
    font-weight: bold;
    font-size: 19px;
}
#subcallout_wrapper
{
    position: relative;
    width: 100%;
    height: 141px;
    background-image: url(/images/bg_callouts.png);
    background-position: top;
    background-repeat: repeat-x;
    top: -3px;
}
#callouts
{
    position: absolute;
    top: 9px;
    left: 0px;
}
#customCallout_wrapper
{
    position: relative;
    width: 990px;
}
#customCallout
{
    position: relative;
    left: 0px;
}
#indexCallout_events
{
    position: absolute;
    top: 10px;
    left: 18px;
}

#indexCallout_top
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 1029px;
    height: 435px;
}
#home_large_rotator_bg
{
        position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(/images/bg_rotator.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 1029px;
    height: 428px;
}
#home_large_rotator
{
    position: absolute;
    left: 17px;
    top: 17px;
}
#indexCallout_top_right
{
    position: absolute;
    top: 5px;
    left: 643px;
}
#indexcallout_right_worship
{
    position: absolute;
    top: 0px;
    left: 0px;
}
#indexcallout_right_connect
{
    position: absolute;
    top: 0px;
    left: 110px;
}
#indexcallout_right_serve
{
    position: absolute;
    top: 0px;
    left: 220px;
}
#indexCallout_top_middle
{
    position: relative;
    left: 0px;
    margin-top: -3px;
    width: 100%;
    min-height: 129px;
    height: 100%;
    background-image: url(/images/bg_rot.jpg);
    background-position: top;
    background-repeat: repeat-x;
}
#indexCallout_top_middle_rot_content
{
    position: absolute;
    width: 1000px;
    left: 0px;
    top: 10px;
}
#indexCallout_top_middle_rot
{
    position: relative;
    width: 1000px;
    left: 0px;
    top: 10px;
}
.item
{
    border: none;
    margin: 0px;
}
.itemTemplateSmall
{
    border: none;
    height: 109px;
    position: relative;
}
.rrRelativeWrapper, rrClipRegion, .rrItemsList
{
    border: none;
}
#indexCallout_new
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 217px;
    height: 314px;
}
#indexCallout_new_content
{
    position: absolute;
    top: 200px;
    left: 15px;
    text-align: left;
    font-size: 17px;
    color: White;
}
#indexCallout_bottom
{
    position: relative;
    width: 1003px;
    left: 0px;
    height: 300px;
}
#home_guest_wrapper
{
    position: absolute;
    left: 335px;
    height: 298px;
    width: 662px;
    background-image: url(/images/bg_guestinfo.png);
    background-position: top;
    background-repeat: no-repeat;
}
#home_guest_title
{
    padding: 10px 0px 0px 13px;
    text-transform: uppercase;
    position: absolute;
    font-size: 25px;
    font-weight: normal;
    top: 0px;
    left: 0px;
    font-family: Century Gothic, Arial;
}
#subcallout_bottom
{
    position: relative;
    top: 20px;
    left: 0px;
    height: 93px;
    width: 1014px;
    background-image: url(/images/seperator.png);
    background-position: top;
    background-repeat: no-repeat;
}
#indexcallout_ann_top
{
    position: absolute;
    left: 0px;
    top: 0px;
}
#indexcallout_ann_bottom
{
    position: absolute;
    top: 133px;
    left: 0px;
    background-image: url(/images/callout_OurServices.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 221px;
    height: 181px;
}
#indexcallout_ann_bottom_content
{
    position: absolute;
    left: 32px;
    top: 46px;
    text-align: left;
    color: #d1c2ab;
    font-family: Century Gothic, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}
#indexcallout_message_top
{
    position: absolute;
    left: 0px;
    top: 250px;
    background-image: url(/images/bg_message.jpg);
    background-repeat: no-repeat;
    width: 320px;
    height: 240px;
}
#indexcallout_message
{
    position: absolute;
    top: 0px;
    left: 0px;
}
#indexcallout_servicia_top
{
    position: absolute;
    left: 0px;
    top: 500px;
    background-image: url(/images/bg_servicia.jpg);
    background-repeat: no-repeat;
    width: 357px;
    height: 282px;
}
#indexcallout_servicia
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 357px;
    height: 282px;
}
#indexcallout_servicia_content
{
    position: absolute;
    top: 50px;
    left: 30px;
    font-family: Century Gothic, Arial;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}
#subcallout_servicia_content
{
    position: absolute;
    top: 45px;
    left: 0px;
    width: 290px;
    height: 40px;
    font-family: Century Gothic, Arial;
    text-align: left;
    font-size: 13px;
    color: White;
    padding-left: 30px;
    padding-top: 4px;
    background-color: #ab1c57;
}
#indexcallout_tabs
{
    position: relative;
    width: 100%;
    background-image: url(/images/bg_tabarea.jpg);
    background-position: top;
    background-repeat: no-repeat;
    min-height: 592px;
    height: 100%;
}
#indexcallout_tabs_content
{
    position: relative;
    width: 1000px;
    top: 20px;
}
#tabs1
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(/images/bg_lefttab.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 495px;
    height: 540px;
}
#tabs2
{
    position: absolute;
    left: 515px;
    top: 0px;
    background-image: url(/images/bg_righttab.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 495px;
    height: 540px;
}
.tabStrip
{
    position: absolute;
    width: 495px;
    height: 540px;
    top: 0px;
    left: 0px;
    z-index: 0;
}
#fbtab
{
    position: absolute;
    min-height: 50px;
    left: 0px;
    height: 100%;
    top: 30px;
}
#twittertab, #flickrtab
{
    position: absolute;
    min-height: 50px;
    left: 0px;
    height: 100%;
    top: 30px;
}
#currenttab
{
    position: absolute;
    height: 496px;
    width: 487px;
    background-image: url(/images/bg_currentseries.png);
    background-position: top;
    background-repeat: no-repeat;
    left: 3px;
    height: 100%;
    top: 36px;
}
#currenttab_content
{
    position: absolute;
    min-height: 50px;
    left: 20px;
    height: 100%;
    top: 10px;
    text-align: left;
    padding: 0px 20px 0px 0px;
}
#servicetab
{
    position: absolute;
    height: 496px;
    width: 487px;
    background-image: url(/images/bg_servicetimes.png);
    background-position: top;
    background-repeat: no-repeat;
    left: 3px;
    height: 100%;
    top: 38px;
}
#servicetab_content
{
    position: absolute;
    min-height: 50px;
    left: 20px;
    height: 100%;
    top: 12px;
    text-align: left;
    padding: 0px 20px 0px 0px;
}
#calendartab
{
    position: absolute;
    height: 496px;
    width: 487px;
    background-image: url(/images/bg_calendar.png);
    background-position: top;
    background-repeat: no-repeat;
    left: 3px;
    height: 100%;
    top: 36px;
}
#calendartab_content
{
    position: absolute;
    min-height: 50px;
    left: 20px;
    height: 100%;
    top: 20px;
    text-align: left;
    padding: 0px 20px 0px 0px;
}
.SelectedTab
{
    color: #650324 !important;
    text-transform: uppercase;
}

.CustomTab
{
    font-weight: bold !important;
}

.DisabledTab
{
    text-decoration: line-through !important;
    background-color: Red;
}

.HoveredTab
{
    text-decoration: underline !important;
}

.currenttab
{
    background-image: url(/images/currentseries_under.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 192px;
    height: 37px;
    position: relative;
    left: -1px;
}
.currentSelectedTab
{
    background-image: url(/images/currentseries_over.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 192px;
    height: 37px;
    position: relative;
    left: -1px;
}
.servicetab
{
    background-image: url(/images/servicetimes_under.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 177px;
    height: 37px;
    position: relative;
    left: -11px;
}
.serviceSelectedTab
{
    background-image: url(/images/servicetimes_over.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 177px;
    height: 37px;
    position: relative;
    left: -11px;
}
.calendartab
{
    background-image: url(/images/calendar_under.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 138px;
    height: 37px;
    position: relative;
    left: -9px;
}
.calendarSelectedTab
{
    background-image: url(/images/calendar_over.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 138px;
    height: 37px;
    position: relative;
    left: -9px;
}
#currentevents
{
    position: relative;
    padding-bottom: 9px;
    left: 2px;
    text-align: left;
    font-size: 19px;
    color: #434343;
    font-family: Calibri, Arial;
    font-weight: bold;
}
/************** content area ****************/
#contentArea_wrapper
{
    position: relative;
    min-height: 276px;
    width: 100%;
    z-index: 0;
}

#subpageHeader_wrapper
{
    position: relative;
    width: 939px;
    left: 0px;
    min-height: 93px;
    z-index: 30;
}
#subPageHeaders_image
{
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 30;
}

#subPageHeaders
{
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    padding: 10px 0px 0px 20px;
    text-align: left;
    left: 0px;
    bottom: 20px;
    z-index: 31;
    font-family: Century Gothic, arial;
    text-transform: uppercase;
    position:absolute;
}

#customSubPageHeader, #defaultSubPageHeader
{
    position: relative;
    margin-top: 0px;
    min-height: 23px;
    left: 0px;
    top: 0px;
    width: 100%;
    
}
#customSubPageHeader_img, #defaultSubPageHeader_img
{
    margin-top: 0px;
}
/*Rounded Corners CSS */
.b1, .b2, .b3, .b4
{
    font-size: 1px;
    overflow: hidden;
    display: block;
}
.b1
{
    height: 1px;
    background: #9B4864;
    margin: 0 5px;
}
.b2
{
    height: 1px;
    background: #9B4864;
    border-right: 2px solid #9B4864;
    border-left: 2px solid #9B4864;
    margin: 0 3px;
}
.b3
{
    height: 1px;
    background: #9B4864;
    border-right: 1px solid #9B4864;
    border-left: 1px solid #9B4864;
    margin: 0 2px;
}
.b4
{
    height: 1px;
    background: #9B4864;
    border-right: 1px solid #9B4864;
    border-left: 1px solid #9B4864;
    margin: 0 1px;
}
/* LEFT NAV ROUNDED BORDER */
.b5, .b6, .b7, .b8
{
    font-size: 1px;
    overflow: hidden;
    display: block;
}
.b5
{
    height: 1px;
    background: #333333;
    margin: 0 5px;
}
.b6
{
    height: 1px;
    background: #FFFFFF;
    border-right: 2px solid #333333;
    border-left: 2px solid #333333;
    margin: 0 3px;
}
.b7
{
    height: 1px;
    background: #FFFFFF;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin: 0 2px;
}
.b8
{
    height: 1px;
    background: #FFFFFF;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin: 0 1px;
}

.content_wrapper div
{
    margin-left: 0px;
    margin-top: 0px;
}
#content_text
{
    padding: 0px 20px 20px 0px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    text-align: left;
}

/*login*/
#login_wrapper
{
    position: relative;
    height: 550px;
    text-align: left;
    margin-top: 0px;
    left: 0px;
    padding: 20px 20px 20px 50px;
    width: 900px;
    color: White;
}


/*Location CSS*/
#location_wrapper /*iframe width inherits this width in this class*/
{
    position: relative;
    min-height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
}
#loc_title
{
}
#loc_Address
{
}

/*This hides the groups box*/
#admin_groups_dropdown
{
    display: none;
}
#Td1
{
    width: 700px;
    padding-left: 10px;
}
.index_moreinfoLink, a.index_moreinfoLink, a.index_moreinfoLink:link, a.index_moreinfoLink:visited
{
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
}

a.index_moreinfoLink:hover
{
    text-decoration: underline;
}


/*******  form elements ***********/

input[type=text], input[type=password]
{
}

/*******  form Pages ***********/

#form_wrapper
{
    position: relative;
    width: 548;
}
#form_content
{
    position: relative;
    width: 548px;
}
#form_input_wrapper
{
    position: relative;
    background-color: #d4f7ff;
    width: 510px;
    padding: 20px 20px 20px 20px;
}
#siteMap_wrapper
{
    position: relative;
    color: White;
}
.siteMap
{
    color: White;
}
#searchResultsWrapper
{
    padding-top: 10px;
    min-height: 471px;
    height: auto !important;
    height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 0px 20px 20px 10px;
}
#searchResultsContent_wrapper
{
    padding-bottom: 7px;
}



/************Online Donations***************/
#onlineDonationWrapper
{
    font-family:Arial;
}
#odWelcome
{
    position: absolute;
    padding-bottom: 10px;
    width: 225px;
    font-family:Arial;
}

#odMyAccountBoxWrapper
{
    position: relative;
    height: 184px;
    width: 280px;
    background-image: url('/images/odMyAccount_bg.png');
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
}

#odMyAccountWrapper
{
    position: absolute;
    left: 255px;
}

#odMyAccountWrapper_AccountCreated
{
    position: relative;
}

#odMyAccountHeading
{
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

.odMyAccountText
{
    font-size: 11px;
    color: #000000;
}

#odMyAccountFormWrapper
{
    padding-top: 10px;
}

.odMyAccountFormText
{
    font-size: 12px;
    color: #000000;
}


#odSignInButton
{
    padding-top: 5px;
    text-align: right;
}

#odCreateAccountBtn
{
    position: relative;
    z-index: 100;
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

#odGiveNow
{
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

#odFloatingDivSignUp
{
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}
.odFloatingDivSignUp
{
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 5001;
}

#odFloatingDivSignUp_Content
{
    width: 360px;
    height: 460px;
    padding: 10px 10px 10px 10px;
}

#odCreateAccountFormHeader
{
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

.odCreateAccount_FormElementTitleCell
{
    width: 150px;
    font-size: 12px;
    color: #000000;
    text-align: right;
}

.odCreateAccount_FormElementCell
{
    width: 150px;
    text-align: left;
}


.odCreateAccount_FormElementCellRight
{
    width: 250px;
    text-align: right;
}

.odCreateAccount_FormElement
{
    height: 20px;
    border: 1px solid #eeeeee;
    font-size: 12px;
}

#odCloseWindow
{
    position: absolute;
    left: 360px;
}

.odCreateAccountError
{
    color: Red;
    font-size: 10px;
}

#odForgotPasswordLink
{
    position: absolute;
    top: 180px;
    left: 10px;
}
.odForgotPasswordLink
{
    font-size: 10px;
    color: #000000;
}


.odForgotPasswordLink:link
{
    font-size: 10px;
    color: #000000;
}

.odForgotPasswordLink:active
{
    font-size: 10px;
    color: #000000;
}

.odForgotPasswordLink:hover
{
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}


.odDonateSubTitle
{
    font-size: 16px;
    color: #000000;
    width: 500px;
    border-bottom: solid 1px #dddddd;
    padding-top: 10px;
}

#odDonateNowForm
{
    width: 360px;
    padding: 0px 10px 0px 0px;
    text-align: left;
    width: 500px;
}

.odDonateFormSection
{
    padding-top: 10px;
}


.odDonateNow_FormElementTitleCell_AmountTotal
{
    width: 150px;
    font-size: 12px;
    color: #000000;
    text-align: right;
    border-top: solid 1px #dddddd;
}

.odDonateNow_FormElementCell_AmountTotal
{
    width: 150px;
    text-align: left;
    border-top: solid 1px #dddddd;
}

.odCardImage
{
    padding: 0px 0px 0px 0px;
    height: 34px;
    vertical-align: middle;
}
#odGiveNextSteps
{
    width: 500px;
    text-align: right;
    padding-top: 10px;
}



.ocSummaryHeader
{
    font-size: 14px;
    color: #6699cc;
}

.ocSummarySubHeader
{
    font-weight: bold;
    color: #000000;
}
#odSummaryPersonalInfo
{
    position: relative;
    width:500px;
    float:left;
    display:inline;
}
#odSummaryDonationInfo
{
    position: relative;
    left: 0px;
    float:right;
    display:inline;
    width:300px;
}

#odSummaryCardInfo
{
    padding-top: 10px;
}

.odSummaryTotalAmount
{
    font-size: 14px;
    color: #6699cc;
}

.odProgressTemplate
{
    position: absolute;
    top: -300px;
    height: 500px;
    width: 600px;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.odTransGrid
{
    border: solid 1px #ffffff;
}

.odTransItem
{
    font-size: 10px;
    background-color: #FFFFFF;
}

.odTransItemAlt
{
    font-size: 10px;
    background-color: #6699cc;
}

.odTransHeader
{
    background-color: #000000;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

#odPrivactyLinks
{
    color: #cccccc;
}

.odPrivacyLink
{
    font-size: 10px;
    color: #333;
}


.odPrivacyLink:link
{
    font-size: 10px;
    color: #333;
}

.odPrivacyLink:active
{
    font-size: 10px;
    color: #333;
}

.odPrivacyLink:hover
{
    font-size: 10px;
    color: #333;
    text-decoration: underline;
}




#odFloatingDivPrivacy
{
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}
.odFloatingDivPrivacy
{
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

#odFloatingDivPrivacy_Content
{
    width: 360px;
    height: 460px;
    padding: 10px 10px 10px 10px;
}

#odCreateAccountFormHeaderPrivacy
{
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

#odCloseWindowPrivacy
{
    position: absolute;
    left: 360px;
}



#odFloatingDivRefund
{
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}
.odFloatingDivRefund
{
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

#odFloatingDivRefund_Content
{
    width: 360px;
    height: 460px;
    padding: 10px 10px 10px 10px;
}

#odCreateAccountFormHeaderRefund
{
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

#odCloseWindowRefund
{
    position: absolute;
    left: 360px;
}

.odPolicy
{
    width: 375px;
    height: 440px;
    overflow: auto;
}

#newsLetterSignup
{
    position: absolute;
    left: 145px;
    width: 255px;
    height: 100px;
}

#newsLetterSignup_textboxArea
{
    position: absolute;
    left: 32px;
    bottom: 62px;
    width: 214px;
}
.newsLetterSignup_textbox
{
    width: 213px;
}
#newsLetterSignup_button
{
    position: absolute;
    right: 12px;
    bottom: 60px;
    width: 14px;
    height: 17px;
}
#newsLetterSignup_Image
{
}

.newsletterSignUp
{
    background-image: url(/images/signup_textbox.jpg);
}
/************ STAFF ************/
#staff_wrapper
{
    position: relative;
    padding-top: 15px;
}
#staffMember
{
    padding: 20px 20px 0px 20px;
    height: 200px;
}
#memberTitle
{
    font-weight: bold;
}
.staffMemberName
{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

/*** CSS ToolTip  ***/
a.info
{
    position: relative; /*this is the key*/
    z-index: 24; /*color:#000;*/
    text-decoration: none;
}

a.info:hover
{
    z-index: 25; /*background-color:#ff0*/
}

a.info span
{
    display: none;
}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    border: 1px solid #000;
    background-color: #333333;
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
.commandsWrapper, .commandsWrapper li
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    height: auto;
    display: block;
    zoom: 1;
    position: relative;
}

.commandsWrapper
{
    width: 136px;
}
.commandsWrapper li
{
    margin-right: 14px;
    _margin-right: 13px; /* START IE6 hack */
}
.commandsWrapper ul:after
{
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#memberlogin
{
    position: absolute;
    top: 0px;
    left: 813px;
    z-index: 900;
}
#footer_index
{
    position: relative;
    text-align: left;
    color: White;
    font-size: 12px;
    line-height: 11px;
    left: 20px;
}
#header_index
{
    position: relative;
    color: White;
    font-size: 12px;
    line-height: 11px;
    min-height: 100px;
    height: 100%;
    padding-top: 5px;
    text-align: left;
    width:990px;
}
#quicklinksheader_text
{
    /*background-color: #f0e5d3;*/
    width: 100%;
    height: 100%;
    z-index:90;
    position:relative;
    margin-top:-8px;
}
#quicklinksfooter_text
{
    width: 100%;
    height: 100%;
}
.animationContainer
{
    min-height: 100px;
    height: 100%;
}
.animationContainer1
{
}
.demoDiv
{
    overflow: hidden;
    position: relative;
    background-image: url(/images/bg_ministryguide_dropdown.png);
    background-position: top;
    background-repeat: repeat-x; /*background-color: #9ea2ab;*/
    min-height: 206px;
    z-index: 90;
    height: 100%;
    top: 0px;
}
.demoDiv1
{
    overflow: hidden;
    position: relative;
    padding-top: 0px; /*background-image: url(/images/bg_quicklinks1.jpg);     background-position: top;     background-repeat:repeat;*/
    height: 100%;
}
#slideItUp2
{
    position: relative;
    width: 990px;
    padding-top: 15px;
}
#slideItUp1
{
}
.hideInitially
{
    /*visibility:hidden;*/
    display: none;
    z-index: 90;
}
#clickhere_quickheader
{
    position: relative;
    width: 980px; /*background-color:green;*/
    top: 0px;
    height: 28px;
    left: 0px;
    z-index: 0;
}
#clickhere_quickfooter
{
    position: relative;
    width: 980px; /*background-color:green;*/
    top: 10px;
    height: 35px;
    left: 9px;
    z-index: 0;
}
#clickhere_quickheader_img
{
    text-align: left;
    left: 0px;
}
#clickhere_quickfooter_img
{
    text-align: left;
    left: 0px;
}
#footer_quick_text
{
    position: absolute;
    left: 140px;
    top: 5px;
    font-size: 14px;
}
#footer_quick_img
{
    position: absolute;
    left: 800px;
    top: 3px;
}


/* Image Hover States */
.Btn_footerFacebook
{
    display: block;
    width: 43px;
    height: 43px;
    background: url('/images/footer_facebook.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.Btn_footerVimeo:hover
{
    background-position: 0 0;
}
.Btn_footerVimeo
{
    display: block;
    width: 43px;
    height: 43px;
    background: url('/images/footer_vimeo.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.Btn_footerFacebook:hover
{
    background-position: 0 0;
}
.logo_footerFaithnetwork
{
    display: block;
    width: 30px;
    height: 34px;
    background: url('/images/footer_fn.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.logo_footerFaithnetwork:hover
{
    background-position: 0 0;
}
