/* 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");
html
{
    min-width:901px;
    width:100%;
}
body
{
    margin: 0px 0px 0px 0px;
    height: 100%;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    background-image:url(/images/bg_main.jpg);
    background-repeat:no-repeat;
    background-color: #2f3a00;
    background-position: top;
    text-align: center; /* IE quirky center */
    color: #000000;
    
}

a
{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    color: #000000;
    text-decoration: underline;
}
a:visited
{
    color: #000000;
    text-decoration: none;
}
a.footerlinks
{
    color: #62722d;
    text-decoration: none;
}
a.footerlinks:hover
{
    color: #62722d;
    text-decoration: underline;
}
a.forgotlogin
{
    color: #000000;
    text-decoration: none;
}
a.forgotlogin:hover
{
    color: #000000;
    text-decoration: underline;
}
img
{
    border: 0px;
}
img.middle
{
    vertical-align: middle;
}
/* heading tags */

h1
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
}

h2
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
}

h3
{
    text-align: left;
    font-size: 9pt;
    font-weight: normal;
    padding: 3px;
    text-align: left;
    line-height: 16px;
    color: #666;
    margin: 0;
    border-bottom: solid 1px #666;
}
h4
{
    font-size: 11px;
}
/** site structure **/
#gutter_left
{
    position:absolute;
    width:15px;
    min-height:785px;
    height:100%;
    background-image:url(/images/shadow_left.jpg);
    background-repeat:repeat-y;
    left:-15px;
    z-index:31;
    top:0px;
}
#gutter_right
{
    position:absolute;
    width:14px;
    min-height:780px;
    height:100%;
    background-image:url(/images/shadow_right.jpg);
    background-repeat:repeat-y;
    left:901px;
    top:0px;
    z-index:31;
}
#main_wrapper
{
    position: relative;
    width:901px;
}

#nav_wrapper
{
    position: relative;
    width: 901px;
    height: 150px; /* background-image: url(/images/header.jpg);*/
    background-repeat: no-repeat;
    background-position: top;
    z-index: 31;
}
#nav
{
    position: relative;
    width: 901px;
    height: 26px;
    left: 0px;
    top: 0px;
    z-index: 91;
}
#nav_left
{
    position:absolute;
    top:0px;
    left:0px;
}
#nav_right
{
    position:absolute;
    left:293px;
    top:0px;
}
#prayerdiv
{
    position:absolute;
    top:20px;
    left:750px;
}
#inviteafriend
{
    position:absolute;
    top:80px;
    left:750px;
}
/*HEADER CSS */
#logo_wrapper
{
    position: absolute;
    width: 265px;
    height: 123px;
    left: 16px;
    top: 24px;
}
#home_livebroadcast
{
    position:absolute;
    width:313px;
    height:38px;
    left:480px;
    top:30px;
}
#search_wrapper
{
    position: relative;
    width: 991px;
    left: 0px;
    height: 38px;
    vertical-align: middle;
}
#search
{
    position: absolute;
    left: 800px;
    top: 30px;
    height:38px;
}
.text_wrapper
{
    padding-top: 12px;
    padding-left: 16px;
    height:12px;
    line-height:12px;
}
#nav_top
{
    position: absolute;
    left: 132px;
}

/*Sub Page CSS*/
#subpage_top_seperator
{
    position:relative;
    width:994px;
    top:0px;
    left:0px;
    background-image:url(/images/nav_bottom.jpg);
    background-repeat:no-repeat;
    height:8px;
}
#center_wrapper
{
    position: relative;
    width: 901px;
    top: 0px;
    left: 0px;
    background-image:url(/images/content_bg.jpg);
    background-position:top;
    background-repeat:repeat-y;
    min-height: 500px;
    height: 100%;
    height: auto !important;
    z-index: 1;
}

#sub_content_top
{
    position: relative;
    background-repeat: no-repeat;
    width: 881px;
    height: 7px;
    left: 0px;
}

#sub_content_middle
{
    position: relative;
    min-height: 500px;
    height: 100%;
    left: 0px;
    width: 881px;
    z-index: 20;
}
#subnav_bottom
{
    position:relative;
    width:212px;
    height:31px;
    left:40px;
}
#sub_content_bottom
{
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 881px;
    height: 180px;
    left: 0px;
}
.sub_content_bottom
{
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 881px;
    height: 180px;
    left: 0px;
}
.sub_content_bottom_full
{
    position:relative;
    display:none;
}
.content_middle_wrapper
{
    position: relative;
    background-image: url(/images/sub_content_middle.jpg);
    background-repeat: repeat-y;
    width: 881px;
    min-height: 500px;
    height: auto !important;
    height: 100%;
    text-align: left;
}
.content_middle_wrapper_full
{
    position: relative;
    background-color:#ffffff;
    width: 881px;
    min-height: 700px;
    height: auto !important;
    height: 100%;
    text-align: left;
}

.content_middle
{
    position: relative;
    background-position: top;
    left: 215px;
    width: 660px;
    padding: 20px 0px 0px 10px;
    min-height: 500px;
    height: 100%;
    
}
.content_middle_full
{
    position: relative;
    background-position: top;
    left: 20px;
    width: 840px;
    padding: 0px 0px 0px 10px;
    min-height: 500px;
    height: 100%;
}

#subNav
{
    position: absolute;
    width: 220px;
    float: left;
    z-index: 90;
    top:-7px;
}
.subNav
{
    position: absolute;
    width: 220px;
    float: left;
    z-index: 90;
    top:-7px;
}
#subnav_top
{
    position:relative;
    width:220px;
    min-height:116px;
    background-image:url(/images/subnav_top.jpg);
    background-repeat:no-repeat;
    left:0px;
    top:0px;
    padding-top:25px;
}

#subNavHeaderText
{
    position: relative;
    width: 175px;
    left:0px;
    top:0px;
    text-align:left;
    color: #ffffff;
    font-weight:bold;
    font-size: 17px;
    padding-top:0px;
    padding-bottom:10px;
    border-bottom:solid 1px Black;
}
#subNavBody
{
    position:relative;
}
.subNavText
{
    font-weight: bold;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:link
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:active
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:visited
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:hover
{
    color: #ffffff;
    text-align: left;
    text-decoration: none;
}

#subMainContentArea_wrapper
{
    position: relative;
    text-align: left;
}

#subPageWrapper
{
    position: relative;
}

.content_wrapper
{
    position: relative;
    padding-top: 0px;
    margin-left: 0px;
}

/*Sub Content Area End*/

#footer_wrapper
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 901px; /*background-color:green;*/
    height:57px;
    top: 0px;
}
#footer
{
    position: relative; /* to enable further positioned divs inside content area */
    z-index: 0; /* to make sure if long words overflow they show above the right column */
    padding: 0px;
    margin: 0px;
    width: 901px;
    height: 57px;
    left: 0px;
    top: 0px;
    text-align: left; /*background-color:Green; word-wrap:break-word;*/
    
}
#invite_wrapper
{
    position: relative;
    min-height: 471px;
    height: auto !important;
    height: 100%;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
}
#subfooter_wrapper
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 992px; /*background-color:green;*/
    top: 0px;
}
#subfooter
{
    position: relative; /* to enable further positioned divs inside content area */
    z-index: 0; /* to make sure if long words overflow they show above the right column */
    padding: 0px;
    margin: 0px;
    width: 992px;
    height: 52px;
    left: 0px;
    top: 0px;
    text-align: left; /*background-color:Green; word-wrap:break-word;*/
}
#copyright
{
    position: absolute;
    left: 55px;
    top: 40px;
    color: #666666;
    font-size: 11px;
}
#footer_links
{
    position: absolute;
    left: 80px;
    top: 10px;
    font-size: 11px;
    text-align:left;
}
#fnLogo
{
    position:relative;
    width:900px;
    height:115px;
    left:0px;
    top:0px;
}
/******* Homepage Layout ************/

#mainContentArea_wrapper
{
    position: relative;
    height: 100%;
    top: 0px;
}
#line
{
    position:relative;
    width:1025px;
    height:28px;
}
/*CALLOUTS*/
#subcallout_wrapper
{
    position: relative;
    width:1025px;
    left: 0px;
    top: 0px;
}
#callouts
{
    position:relative;
    width:901px;
}
#callout_wrapper
{
    position: relative;
    width:901px;
    min-height: 177px;
    height: auto !important;
    height: 177px;
    left: 0px;
    top: 0px;
    background-image:url(/images/bg_callouts.jpg);
    background-position:top;
    background-repeat:no-repeat;
}

#callout1
{
    position: absolute;
    left: 25px;
    top: 15px;
}
#callout2
{
    position: absolute;
    left: 313px;
    top:  15px;
}
#callout3
{
    position: absolute;
    left: 600px;
    top: 15px;
}
#callout4
{
    position: absolute;
    left: 330px;
    top: 188px;
}
#callout5
{
    position:absolute;
    top:0px;
    left:710px;
    background-image:url(/images/guest_info.jpg);
    background-repeat:no-repeat;
    width:315px;
    height:277px;
}
#callout5_content
{
    position:absolute;
    left:50px;
    top:70px;
    text-align:left;
    font-weight:bold;
    line-height:29px;
    font-size:13px;
}
#customCallout_wrapper
{
    position:relative;
    width:901px;
}
#customCallout
{
    position: relative;
    left: 0px;
}
#indexCallout_events
{
    position: absolute;
    top: 10px;
    left: 18px;
}

#indexCallout_top
{
    position: relative;
    left: -1px;
    top: 0px;
    width: 901px;
}

#indexCallout_top_content
{
    position: relative;
    width: 901px;
    left: 0px;
    top: 0px;
    height: 376px; /*border:solid 2px #cc0000;*/
}
#home_large_rotator_bg
{
    position: absolute;
    left: 1px;
    top: 0px;
    background-image: url(/images/bg_welcome.jpg);
    background-repeat: no-repeat;
    width: 648px;
    height: 376px;
}
#home_large_rotator
{
    position: absolute;
    left: 10px;
    top: 0px;
    width: 640px;
    height: 347px;
}
#indexCallout_top_content_right
{
    position: absolute;
    background-image:url(/images/bg_newtoclovis.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 253px;
    left: 649px;
    height: 376px;
}

#indexcallout_visitorinfo
{
    position: absolute;
    left: 0px;
    top: 0px;
    width:243px;
    height:376px;
}
#indexcallout_visitorinfo_title
{
    position:absolute;
    left:34px;
    top:23px;
    text-align:left;
}
#indexcallout_visitorinfo_content
{
    position:absolute;
    top:150px;
    left:30px;
    text-align:left;
    color:#11616f;
    line-height:13px;
}
#indexcallout_contactus
{
    position: absolute;
    left: 0px;
    top: 234px;
}
#indexcallout_maps
{
    position: absolute;
    top: 270px;
    left: 0px;
}

#indexCallout_bottom
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 988px;
    height: 14px;
}
/************** content area ****************/
#contentArea_wrapper
{
    position: relative;
    min-height: 276px;
    width: 100%;
}

#subpageHeader_wrapper
{
    position: relative;
    width: 640px;
    left: 0px;
    top:0px;
    height: 30px;
}
#subPageHeaders_image
{
    position: absolute;
    background-repeat: no-repeat;
    width: 717px;
    height: 46px;
    left: 0px;
    z-index: 30;
    display:none;
}

#subPageHeaders
{
    position: relative;
    color: #434343;
    font-size: 22px;
    font-weight: bold;
    padding: 0px 0px 3px 20px;
    text-align: left;
    left: 0px;
    z-index: 31;
}

#customSubPageHeader
{
    position: relative;
    left:1px;
    width: 650px;
    min-height: 23px;
    margin-top:-22px;
}
/*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: 10px 20px 10px 20px;
    left: 20;
    min-height: 350px;
    height: auto !important;
    height: 350px;
    text-align: left;
}


/*login*/
#login_wrapper
{
    position: relative;
    height: 500px;
    text-align: left;
    margin-top: 0px;
    left: 0px;
    padding: 20px 20px 20px 50px;
    width: 900px;
}


/*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
{
    display:block;
}
#loc_Address
{
    display:block;
}
/******** admin **********/
#admin_wrapper
{
    position: relative;
    min-height: 600px;
    width:990px;
}
#admin_SubNav
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 100%;
}

#admin_Content
{
    position: relative;
    top: 0px;
    padding: 0px 0px 20px 0px;
    left: 10px;
    width: 634px;
    text-align: left;
    height: 100%;
}
.admin_header_title
{
    display: block;
}
.admin_header_dropdown
{
    display: block;
}
.admin_subheader_title
{
    display: block;
}
.admin_subheader_dropdown
{
    display: block;
}
.admin_callout_title
{
    display: block;
}
.admin_callout_dropdown
{
    display: block;
}
#admin_bgImageDropdown_wrapper
{
    display:none;
}
/*This hides the groups box*/
#admin_groups_dropdown
{
    display: block;
}
#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]
{
    background-color: #FFFFFF;
    border: #7B7B64 1px solid;
    color: black;
    font-family: arial, verdana, ms sans serif;
    font-size: 8pt;
    font-weight: normal;
}


select
{
    background-color: #FFFFFF;
    border: #7B7B64 1px solid;
    border-color: #7B7B64;
    color: black;
    font-family: arial, verdana, ms sans serif;
    font-size: 8pt;
    font-weight: normal;
}

button
{
    font-family: arial, verdana, ms sans serif;
    font-size: 8pt;
    font-weight: normal;
}


/*******  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;
}

/***************** Live Broadcast ********************/
#lb_chat
{
    visibility: hidden;
    padding-top: 10px;
}
#lb_wrapper
{
    position: relative;
    min-height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 20px 10px 20px 20px;
}

.lbTitle
{
    font-size: 12px;
    font-weight: bold;
}

.lbSmallTitle
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.lbPageViews
{
    color: #000000;
}
#lb_countdown
{
    height: 69px;
    width: 501px;
    background-image: url( '/images/lb_timer_bg.jpg' );
}

.lbTabStrip
{
    width: 670px;
}



.lbEditor
{
    position: relative;
    width: 640px;
    height: 300px;
}

.lbMultipage
{
    width: 650px;
    min-height: 500px;
    border: solid 1px #dddddd;
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
}
.lbSchedule
{
    width: 225px;
    height: 336px;
    min-height: 225px;
    background-image: url(/images/lb_schedule_bg.jpg);
    background-repeat: no-repeat;
    vertical-align: top;
    padding-top: 80px;
}

.lbSchedTable
{
    width: 174px;
    vertical-align: top;
}

.lbScheduleHeader
{
    font-weight: bold;
    color: #000000;
     font-size: 12px;
}

.lbScheduleText
{
    font-size: 12px;
    color: #999999;
}

.lbPlayerCell
{
    height: 288px;
    width: 480px;
}


.lb_marketing_cell
{
    padding-top: 6px;
    padding-left: -5px;
}

#LBRotator
{
    z-index: 1;
    visibility:visible;
    height:270px;
    width:200px;
    background-color:#eeeeee;
}


/************Countdown timer***************/
#countdownTimer
{
    position: relative;
    top: 0px;
    width: 200px;
    z-index: 100;
    color: #999999;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    left: 240px;
}

.countdownLargeText
{
    font-size: 45px;
    color: #999999;
}

.countdownSmallText
{
    font-size: 9px;
    text-transform: lowercase;
    color: #999999;
    text-align: center;
}

.countdownCell
{
    vertical-align: top;
    text-align: center;
}

.topCountdownLargeText_watchus
{
    font-size: 12px;
    border: solid 1px Red;
}