/* Site: Lake Ridge Church */

@import url(thickbox.css);

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

body{
   background: #E0DBCB url(images/bg_body.gif) repeat-x;
   font-size: 62.5%;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container-outer{
   background: url(images/bg_container-outer.gif) no-repeat center top;
}

#container{
   background: url(images/bg_container.gif) repeat-y center top;
}

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 6px 0px 0 0;
   width: 204px;
   height: 103px;
   background: url(images/bg_h1.jpg) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 204px;
   height: 103px;
}

#header #header-text{
   position: absolute;
   top: 59px;
   left: 276px;
   width: 465px;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#header #header-text h3{
   margin-bottom: .4em;
   color: #ECE5D0;
   font-size: 1.8em;
   font-weight: normal;
}

#header #header-text p{
   color: #FFF;
   font-size: 1.4em;
   line-height: 1.4;
}

#header #header-text a{
   padding: 1px 5px;
   margin: 0 3px;
   background: #5595B5;
   color: #041F2C;
   text-decoration: none;
   font-size: .8571em;
   font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#header #top-menu{
   position: absolute;
   left: 563px;
   width: 247px;
   height: 30px;
   padding: 8px 0 0;
   background: url(images/bg_top-menu.gif) no-repeat;
}

#header #top-menu p{
   color: #64625A;
   font-size: 1.2em;
   text-align: center;
}

#header #top-menu a{
   padding-right: 15px;
   background: url(images/bg_top-menu_a.gif) no-repeat right 65%;
   color: #DACFAE;
   text-decoration: none;
}

#header #top-menu a:hover{
   text-decoration: none;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   clear: left;
   float: left;
   width: 205px;
   margin: 4px 0 11px;
   border-top: 1px solid #DAD4C2;
   border-left: 1px solid #DAD4C2;
   list-style: none;
}

#nav li{
   float: left;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #DAD4C2;
   font-size: 1.6em;
   font-family: Georgia, Times, "Times New Roman", serif;
   text-transform: lowercase;
   text-align: right;
}

#nav li#nav_home{
   border-top: 0;
}

#nav li a{
   display: block;
   width: 176px;
   padding: 8px 14px;
   background: #e2ddce;
   border-right: 1px solid #DCD6C5;
   color: #303030;
   text-decoration: none;
}

#nav li a:hover,
#nav li.current a{
   border-right-color: #E8E4D9;
   background: #FFF;
   color: #987E27;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 164px;
   margin: -34px 0 0 204px;
   border: 1px solid #D1CAB6;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
}

#nav li li{
   border: 0;
   border-bottom: 1px solid #D1CAB6;
   font-size: .875em;
   text-align: left;
}

#nav li ul ul{
   margin: -29px 0 0 164px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li li a{
   width: 138px;
   padding: 7px 13px;
   border: 0;
}

#nav li.current li a{
   background: #e2ddcf;
   color: #303030;
}

#nav li.current li a:hover{
   border-right-color: #E8E4D9;
   background: #FFF;
   color: #987E27;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner{
   background: url(images/bg_container-inner.gif) no-repeat center top;
}

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   position: relative;
   width: 814px;
   margin: 0 auto;
   padding: 0 0 0 28px;
   background: url(images/bg_content-wrap.gif) no-repeat 18px 104px;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   display: inline; /* IE6 double margin float bug hack */
   clear: right;
   float: right;
   width: 570px;
   margin: 66px 22px 0 0;
 
}



body#home #content{
   background: none;
}

#content h3{
   margin: 0 0 .25em 16px;
   padding: 10px 15px 16px;
   background: url(images/bg_content_h3.gif) no-repeat;
   color: #254F62;
   font-size: 1.8em;
   font-weight: normal;
   text-transform: lowercase;
}

#content h3 img{
   margin: 0;
}

#content h4{
   margin-bottom: .75em;
   color: #1A688F;
   font-size: 1.4em;
}

#content h5{
   margin-bottom: .75em;
   color: #18658B;
   font-size: 1.6em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content h6{
   margin-bottom: .75em;
   color: #987D28;
   font-size: 1.4em;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #303030;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content li{
   line-height: 1.5;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #987D28;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   /* float: left; */
   margin: 0 10px 5px 0;
}

#content img#sub_header{
   float: none;
   display: block;
   width: 530px;
   height: 184px;
   margin: 19px 0 22px 17px;
   border: 3px solid #928E7F;
}

#content img#mcms_stats{
   display: none;
}

#content #text{
   clear: both;
   width: 505px;
   margin-left: 32px;
}

#content .sermonbox{
   margin: 0 32px 20px 32px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content .featured{
   margin: 0 32px 10px;
   border-bottom: 1px solid #E5E3DD;
}

#content .featured .sermonbox{
   margin: 0 0 10px;
}

#content #mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #E5E3DD;
   font-size: 1.1em;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(images/bg_sermonlist_watch-video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(images/bg_sermonlist_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(images/bg_sermonlist_download-notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(images/bg_sermonlist_listen.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(images/mb_podcast.gif);
}

/* Welcome */

#content #welcome{
   height: 252px;
   margin: 11px 0 16px;
   background: url(images/bg_welcome.gif) no-repeat left 14px;
}

#content #welcome #welcome-nav{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 0 0 3px 9px;
   list-style: none;
}

#content #welcome #welcome-nav li{
   float: left;
   margin-right: 2px;
   text-indent: -9999px;
}

#content #welcome #welcome-nav a{
   display: block;
   height: 31px;
   color: #504F4C;
   text-decoration: none;
   outline: 0;
}

#content #welcome #welcome-nav li#wn_welcome a{
   width: 180px;
   background: url(images/bg_welcome-nav_welcome.gif) no-repeat;
}

#content #welcome #welcome-nav li#wn_series a{
   width: 127px;
   background: url(images/bg_welcome-nav_series.gif) no-repeat;
}

#content #welcome #welcome-nav li#wn_groups a{
   width: 156px;
   background: url(images/bg_welcome-nav_groups.gif) no-repeat;
}

#content #welcome #welcome-nav li a.current{
   background-position: left bottom !important;
}

#content #welcome div{
   clear: both;
   margin: 0 17px;
}

#content #welcome #branch2,
#content #welcome #branch3{
   display: none;
}

#content #welcome div#branch1 img{
   display: block;
   float: left;
   margin: 0;
   border: 3px solid #928E7F;
}

#content #welcome div.branch-text{
   clear: none;
   height: 208px;
   margin: 0;
   background: url(images/bg_branch-text.gif) repeat-x;
}

#content #welcome div.branch-text h4{
   color: #2D5669;
   font-size: 1.8em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content #welcome div.branch-text p{
   font-size: 1.1em;
   color: #2D2D2B;
}

#content #welcome div.branch-text p.more{
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #welcome div#branch1 div.branch-text p.more a{
   display: block;
   width: 153px;
   height: 18px;
   padding: 5px 0 0 6px;
   background: url(images/bg_branch-text_welcome_more.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#content #welcome div#branch2 div.branch-text p.more a{
   display: block;
   width: 173px;
   height: 18px;
   padding: 5px 0 0 11px;
   background: url(images/bg_branch-text_vision_more.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#content #welcome div#branch3 div.branch-text p.more a{
   display: block;
   width: 100px;
   height: 18px;
   padding: 5px 0 0 11px;
   background: url(images/bg_branch-text_history_more.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#content #welcome div#branch1 .branch-text{
   float: right;
   width: 160px;
   padding: 10px;
}

#content #welcome div#branch2 .branch-text,
#content #welcome div#branch3 .branch-text{
   padding: 10px 17px;
}

/* Homebox */

#content .homebox{
   float: left;
   clear: both;
   width: 530px;
   margin: 0 0 20px 15px;
   padding-left: 9px;
   /*background: url(images/bg_homebox.gif) no-repeat;*/
}

#content .homebox h3{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   height: 20px;
   margin: 9px 0 13px 5px;
   padding: 0;
}

#content .homebox h4{
   color: #254F62;
   font-size: 1.4em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content .homebox-text{
   clear: left;
   float: left;
   width: 341px;
}

#content .homebox p{
   color: #252525;
}

#content .homebox p.more{
   float: right;
   font-size: 1.1em;
   font-weight: bold;
   text-align: center;
}

#content .homebox p.more a{
   display: block;
   width: 109px;
   padding: 3px 0 4px;
   background: url(images/bg_homebox_more.gif) no-repeat;
   color: #987D28;
   text-decoration: none;
}

#content .homebox img{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 14px 5px 0 19px;
   padding: 5px 7px 7px 6px;
   background: url(images/bg_homebox_img.gif) no-repeat;
}

#content .event-date{
   float: left;
   width: 46px;
   height: 50px;
   margin: 0 12px 30px 0;
   padding-top: 2px;
   background: url(images/bg_event-date.gif) no-repeat right top;
   color: #FFFFFD;
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   text-align: center;
}

#content .event-date .date{
   display: block;
   margin-top: 6px;
   color: #4E6D7B;
   font-size: 2em;
}

#content .homebox h4 span.time{
   padding-left: 5px;
   font-size: .8462em;
   font-weight: normal;
}

#content form#prayer_form{
   width: 505px;
   margin-left: 32px;
}

/* Calendar */

#content table.calendar{
   margin: 0 auto 25px;
   border: 1px solid #D4CFBB;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #303030;
   font-size: 1.4em;
   font-weight: bold;
}

#content table.calendar caption span{
   color: #987D28;
}

#content table.calendar th{
   padding: 6px 0;
   background: #B4CCD5;
   color: #303030;
   font-size: 1.3em;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #D4CFBB;
   border-left: 0;
   border-top: 0;
   background: #F3F1E9;
   color: #555;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #F3F1E9;
}

#content table.calendar td a{
   color: #987D28;
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
}

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar td li a{
   color: #987D28;
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   clear: left;
   width: 206px;
}

#sidebar h3{
   margin: 0 -8px .35em;
   padding: 0 9px 10px;
   background: url(images/bg_sidebar_h3.gif) repeat-x left bottom;
   color: #254F62;
   font-size: 1.6em;
   font-weight: normal;
   text-transform: lowercase;
}

#sidebar #recent-sermon{
   float: left;
   width: 170px;
   margin-bottom: 30px;
   padding: 16px 18px 0;
   background: url(images/bg_sidebar_recent-service.gif) repeat-x;
}

#sidebar #recent-sermon h4{
   margin-bottom: .25em;
   color: #303030;
   font-size: 1.2em;
}

#sidebar #recent-sermon h4 a{
   color: #303030;
   text-decoration: none;
}

#sidebar #recent-sermon h4 a:hover{
   text-decoration: underline;
}

#sidebar #recent-sermon p{
   margin-bottom: .5em;
   color: #716E67;
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar #recent-sermon p span.date{
   color: #987D28;
   font-size: .9090em;
}

#sidebar #recent-sermon p.more{
   clear: left;
   font-size: 1.1em;
   font-weight: normal;
}

#sidebar #recent-sermon p.more a{
   color: #0000CC;
}

#sidebar #recent-sermon p.more a:hover{
   text-decoration: none;
}

#sidebar #recent-sermon li{
   float: left;
   margin: 10px 5px 12px 0;
   background: url(images/bg_sidebar_recent-service_li.gif) no-repeat right top;
   font-size: 1.2em;
   font-weight: bold;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   list-style: none;
}

#sidebar #recent-sermon li a{
   display: block;
   padding: 6px 7px 5px 22px;
   color: #5D5A55;
   text-decoration: none;
}

#sidebar #recent-sermon li#listen a{
   background: url(images/bg_listen.gif) no-repeat;
}

#sidebar #recent-sermon li#download a{
   background: url(images/bg_download.gif) no-repeat;
}

#sidebar #upcoming-events{
   margin-bottom: 20px;
   padding: 16px 18px 0;
   background: url(images/bg_sidebar_recent-service.gif) repeat-x;
}

#sidebar #upcoming-events .event{
   padding: 10px 0;
   background: url(images/bg_sidebar_event.gif) repeat-x left bottom;
}

#sidebar #upcoming-events h4{
   margin-bottom: .25em;
   color: #987D28;
   font-size: 1.2em;
   font-weight: normal;
   text-transform: uppercase;
}

#sidebar #upcoming-events p{
   font-size: 1.2em;
   line-height: 1.3;
}

#sidebar #upcoming-events a{
   color: #303030;
   text-decoration: none;
}

#sidebar #upcoming-events a:hover{
   text-decoration: underline;
}

#sidebar #service-times{
   border-top: 1px solid #E3E0D2;
   padding-top: 10px;
}

#sidebar #service-times p{
   font-size: 1.1em;
}

#sidebar #service-times a{
   display: block;
   width: 130px;
   padding: 2px 0 4px;
   background: url(images/bg_map.gif) no-repeat;
   font-size: 1.0909em;
   text-decoration: none;
   text-align: center;
}

#sidebar #quicklinks{
   clear: left;
   margin-bottom: 20px;
   padding: 13px 14px 8px;
   border: 1px solid #D6D2BF;
   background: #ECE9DD;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar #quicklinks p{
   padding-top: 8px;
   border-top: 1px solid #D6D2BF;
   color: #5D5A55;
   font-size: 1.3em;
}

#sidebar #quicklinks li{
   margin: 0;
   margin-bottom: 1em;
   padding: 3px 0 3px 20px;
   font-size: 1.2em;
   font-weight: bold;
   list-style: none;
}

#sidebar #quicklinks li#ql_feed{
   background: url(images/ql_feed.gif) no-repeat left center;
}

#sidebar #quicklinks li#ql_podcast{
   background: url(images/ql_podcast.gif) no-repeat left center;
}

#sidebar #quicklinks li#ql_email{
   background: url(images/ql_email.gif) no-repeat left center;
}

#sidebar #quicklinks li#ql_login{
   background: url(images/ql_login.gif) no-repeat left center;
}

#sidebar #quicklinks a{
   color: #5D5A55;
}

#sidebar #quicklinks a:hover{
   text-decoration: none;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   width: 752px;
   height: 50px;
   margin: 0 -28px;
   padding: 12px 45px;
   background: #E0DBCB url(images/bg_footer.gif) no-repeat; 
}

#footer p{
   float: left;
   color: #56544B;
   font-size: 1.1em;
}

#footer p.powered{
   float: right;
}

#footer a{
   color: #050505;
   text-decoration: none;
}

#footer a:hover{
   text-decoration: underline;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 21px;
}

.sIFR-hasFlash #content .homebox h3 {
   visibility: visible;
   font-size: 10px;
}

.sIFR-hasFlash #sidebar h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 21px;
}

/* @override http://lakeridgechurch.net/css/stil.css */

/* Site: Lake Ridge Church */

@import url(/css/thickbox.css);

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

body{
   background: #E0DBCB url(images/bg_body.gif) repeat-x;
   font-size: 62.5%;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container-outer{
   background: url(images/bg_container-outer.gif) no-repeat center top;
}

#container{
   background: url(images/bg_container.gif) repeat-y center top;
}

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 6px 0px 0 0;
   width: 204px;
   height: 103px;
   background: url(images/bg_h1.jpg) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 204px;
   height: 103px;
}

#header #header-text{
   position: absolute;
   top: 59px;
   left: 276px;
   width: 465px;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#header #header-text h3{
   margin-bottom: .4em;
   color: #ECE5D0;
   font-size: 1.8em;
   font-weight: normal;
}

#header #header-text p{
   color: #FFF;
   font-size: 1.4em;
   line-height: 1.4;
}

#header #header-text a{
   padding: 1px 5px;
   margin: 0 3px;
   background: #5595B5;
   color: #041F2C;
   text-decoration: none;
   font-size: .8571em;
   font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#header #top-menu{
   position: absolute;
   left: 563px;
   width: 247px;
   height: 30px;
   padding: 8px 0 0;
   background: url(images/bg_top-menu.gif) no-repeat;
}

#header #top-menu p{
   color: #64625A;
   font-size: 1.2em;
   text-align: center;
}

#header #top-menu a{
   padding-right: 15px;
   background: url(images/bg_top-menu_a.gif) no-repeat right 65%;
   color: #DACFAE;
   text-decoration: none;
}

#header #top-menu a:hover{
   text-decoration: none;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   clear: left;
   float: left;
   width: 205px;
   margin: 4px 0 11px;
   border-top: 1px solid #DAD4C2;
   border-left: 1px solid #DAD4C2;
   list-style: none;
}

#nav li{
   float: left;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #DAD4C2;
   font-size: 1.6em;
   font-family: Georgia, Times, "Times New Roman", serif;
   text-transform: lowercase;
   text-align: right;
}

#nav li#nav_home{
   border-top: 0;
}

#nav li a{
   display: block;
   width: 176px;
   padding: 8px 14px;
   background: #EAE7DA;
   border-right: 1px solid #DCD6C5;
   color: #303030;
   text-decoration: none;
}

#nav li a:hover,
#nav li.current a{
   border-right-color: #E8E4D9;
   background: #FFF;
   color: #987E27;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 164px;
   margin: -34px 0 0 204px;
   border: 1px solid #D1CAB6;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
}

#nav li li{
   border: 0;
   border-bottom: 1px solid #D1CAB6;
   font-size: .875em;
   text-align: left;
}

#nav li ul ul{
   margin: -29px 0 0 164px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li li a{
   width: 138px;
   padding: 7px 13px;
   border: 0;
}

#nav li.current li a{
   background: #EAE7DA;
   color: #303030;
}

#nav li.current li a:hover{
   border-right-color: #E8E4D9;
   background: #FFF;
   color: #987E27;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner{
   background: url(images/bg_container-inner.gif) no-repeat center top;
}

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   position: relative;
   width: 814px;
   margin: 0 auto;
   padding: 0 0 0 28px;
   background: url(images/bg_content-wrap.gif) no-repeat 18px 104px;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   display: inline; /* IE6 double margin float bug hack */
   clear: right;
   float: right;
   width: 570px;
   margin: 66px 22px 0 0;

}

body#home #content{
   background: none;
}

#content h3{
   margin: 0 0 .25em 16px;
   padding: 10px 15px 16px;
   background: url(images/bg_content_h3.gif) no-repeat;
   color: #254F62;
   font-size: 1.8em;
   font-weight: normal;
   text-transform: lowercase;
}

#content h3 img{
   margin: 0;
}

#content h4{
   margin-bottom: .75em;
   color: #1A688F;
   font-size: 1.4em;
}

#content h5{
   margin-bottom: .75em;
   color: #18658B;
   font-size: 1.6em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content h6{
   margin-bottom: .75em;
   color: #987D28;
   font-size: 1.4em;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #303030;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content li{
   line-height: 1.5;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #987D28;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   /* float: left; */
   margin: 0 10px 5px 0;
}

#content img#sub_header{
   float: none;
   display: block;
   width: 530px;
   height: 184px;
   margin: 19px 0 22px 17px;
   border: 3px solid #928E7F;
}

#content img#mcms_stats{
   display: none;
}

#content #text{
   clear: both;
   width: 505px;
   margin-left: 32px;
}

#content .sermonbox{
   margin: 0 32px 20px 32px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content .featured{
   margin: 0 32px 10px;
   border-bottom: 1px solid #E5E3DD;
}

#content .featured .sermonbox{
   margin: 0 0 10px;
}

#content #mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #E5E3DD;
   font-size: 1.1em;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(images/bg_sermonlist_watch-video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(images/bg_sermonlist_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(images/bg_sermonlist_download-notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(images/bg_sermonlist_listen.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(images/mb_podcast.gif);
}

/* Welcome */

#content #welcome{
   height: 252px;
   margin: 11px 0 16px;
   background: url(images/bg_welcome.gif) no-repeat left 14px;
}

#content #welcome #welcome-nav{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 0 0 3px 9px;
   list-style: none;
}

#content #welcome #welcome-nav li{
   float: left;
   margin-right: 2px;
   text-indent: -9999px;
}

#content #welcome #welcome-nav a{
   display: block;
   height: 31px;
   color: #504F4C;
   text-decoration: none;
   outline: 0;
}

#content #welcome #welcome-nav li#wn_welcome a{
   width: 180px;
   background: url(images/bg_welcome-nav_welcome.gif) no-repeat;
}

#content #welcome #welcome-nav li#wn_series a{
   width: 127px;
   background: url(images/bg_welcome-nav_series.gif) no-repeat;
}

#content #welcome #welcome-nav li#wn_groups a{
   width: 156px;
   background: url(images/bg_welcome-nav_groups.gif) no-repeat;
}

#content #welcome #welcome-nav li a.current{
   background-position: left bottom !important;
}

#content #welcome div{
   clear: both;
   margin: 0 17px;
}

#content #welcome #branch2,
#content #welcome #branch3{
   display: none;
}

#content #welcome div#branch1 img{
   display: block;
   float: left;
   margin: 0;
   border: 3px solid #928E7F;
}

#content #welcome div.branch-text{
   clear: none;
   height: 208px;
   margin: 0;
   background: url(images/bg_branch-text.gif) repeat-x;
}

#content #welcome div.branch-text h4{
   color: #2D5669;
   font-size: 1.8em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content #welcome div.branch-text p{
   font-size: 1.1em;
   color: #2D2D2B;
}

#content #welcome div.branch-text p.more{
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #welcome div#branch1 div.branch-text p.more a{
   display: block;
   width: 153px;
   height: 18px;
   padding: 5px 0 0 6px;
   background: url(images/bg_branch-text_welcome_more.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#content #welcome div#branch2 div.branch-text p.more a{
   display: block;
   width: 173px;
   height: 18px;
   padding: 5px 0 0 11px;
   background: url(images/bg_branch-text_vision_more.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#content #welcome div#branch3 div.branch-text p.more a{
   display: block;
   width: 100px;
   height: 18px;
   padding: 5px 0 0 11px;
   background: url(images/bg_branch-text_history_more.gif) no-repeat;
   color: #FFF;
   text-decoration: none;
}

#content #welcome div#branch1 .branch-text{
   float: right;
   width: 160px;
   padding: 10px;
}

#content #welcome div#branch2 .branch-text,
#content #welcome div#branch3 .branch-text{
   padding: 10px 17px;
}

/* Homebox */

#content .homebox{
   float: left;
   clear: both;
   width: 530px;
   margin: 0 0 20px 15px;
   padding-left: 9px;
   /*background: url(images/bg_homebox.gif) no-repeat;*/
}

#content .homebox h3{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   height: 20px;
   margin: 9px 0 13px 5px;
   padding: 0;
}

#content .homebox h4{
   color: #254F62;
   font-size: 1.4em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content .homebox-text{
   clear: left;
   float: left;
   width: 341px;
}

#content .homebox p{
   color: #252525;
}

#content .homebox p.more{
   float: right;
   font-size: 1.1em;
   font-weight: bold;
   text-align: center;
}

#content .homebox p.more a{
   display: block;
   width: 109px;
   padding: 3px 0 4px;
   background: url(images/bg_homebox_more.gif) no-repeat;
   color: #987D28;
   text-decoration: none;
}

#content .homebox img{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 14px 5px 0 19px;
   padding: 5px 7px 7px 6px;
   background: url(images/bg_homebox_img.gif) no-repeat;
}

#content .event-date{
   float: left;
   width: 46px;
   height: 50px;
   margin: 0 12px 30px 0;
   padding-top: 2px;
   background: url(images/bg_event-date.gif) no-repeat right top;
   color: #FFFFFD;
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
   text-align: center;
}

#content .event-date .date{
   display: block;
   margin-top: 6px;
   color: #4E6D7B;
   font-size: 2em;
}

#content .homebox h4 span.time{
   padding-left: 5px;
   font-size: .8462em;
   font-weight: normal;
}

#content form#prayer_form{
   width: 505px;
   margin-left: 32px;
}

/* Calendar */

#content table.calendar{
   margin: 0 auto 25px;
   border: 1px solid #D4CFBB;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #303030;
   font-size: 1.4em;
   font-weight: bold;
}

#content table.calendar caption span{
   color: #987D28;
}

#content table.calendar th{
   padding: 6px 0;
   background: #B4CCD5;
   color: #303030;
   font-size: 1.3em;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #D4CFBB;
   border-left: 0;
   border-top: 0;
   background: #F3F1E9;
   color: #555;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #F3F1E9;
}

#content table.calendar td a{
   color: #987D28;
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
}

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar td li a{
   color: #987D28;
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   clear: left;
   width: 206px;
}

#sidebar h3{
   margin: 0 -8px .35em;
   padding: 0 9px 10px;
   background: url(images/bg_sidebar_h3.gif) repeat-x left bottom;
   color: #254F62;
   font-size: 1.6em;
   font-weight: normal;
   text-transform: lowercase;
}

#sidebar #recent-sermon{
   float: left;
   width: 170px;
   margin-bottom: 30px;
   padding: 16px 18px 0;
   background: url(images/bg_sidebar_recent-service.gif) repeat-x;
}

#sidebar #recent-sermon h4{
   margin-bottom: .25em;
   color: #303030;
   font-size: 1.2em;
}

#sidebar #recent-sermon h4 a{
   color: #303030;
   text-decoration: none;
}

#sidebar #recent-sermon h4 a:hover{
   text-decoration: underline;
}

#sidebar #recent-sermon p{
   margin-bottom: .5em;
   color: #716E67;
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar #recent-sermon p span.date{
   color: #987D28;
   font-size: .9090em;
}

#sidebar #recent-sermon p.more{
   clear: left;
   font-size: 1.1em;
   font-weight: normal;
}

#sidebar #recent-sermon p.more a{
   color: #0000CC;
}

#sidebar #recent-sermon p.more a:hover{
   text-decoration: none;
}

#sidebar #recent-sermon li{
   float: left;
   margin: 10px 5px 12px 0;
   background: url(images/bg_sidebar_recent-service_li.gif) no-repeat right top;
   font-size: 1.2em;
   font-weight: bold;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   list-style: none;
}

#sidebar #recent-sermon li a{
   display: block;
   padding: 6px 7px 5px 22px;
   color: #5D5A55;
   text-decoration: none;
}

#sidebar #recent-sermon li#listen a{
   background: url(images/bg_listen.gif) no-repeat;
}

#sidebar #recent-sermon li#download a{
   background: url(images/bg_download.gif) no-repeat;
}

#sidebar #upcoming-events{
   margin-bottom: 20px;
   padding: 16px 18px 0;
   background: url(images/bg_sidebar_recent-service.gif) repeat-x;
}

#sidebar #upcoming-events .event{
   padding: 10px 0;
   background: url(images/bg_sidebar_event.gif) repeat-x left bottom;
}

#sidebar #upcoming-events h4{
   margin-bottom: .25em;
   color: #987D28;
   font-size: 1.2em;
   font-weight: normal;
   text-transform: uppercase;
}

#sidebar #upcoming-events p{
   font-size: 1.2em;
   line-height: 1.3;
}

#sidebar #upcoming-events a{
   color: #303030;
   text-decoration: none;
}

#sidebar #upcoming-events a:hover{
   text-decoration: underline;
}

#sidebar #service-times{
   border-top: 1px solid #E3E0D2;
   padding-top: 10px;
}

#sidebar #service-times p{
   font-size: 1.1em;
}

#sidebar #service-times a{
   display: block;
   width: 130px;
   padding: 2px 0 4px;
   background: url(images/bg_map.gif) no-repeat;
   font-size: 1.0909em;
   text-decoration: none;
   text-align: center;
}

#sidebar #quicklinks{
   clear: left;
   margin-bottom: 20px;
   padding: 13px 14px 8px;
   border: 1px solid #D6D2BF;
   background: #ECE9DD;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar #quicklinks p{
   padding-top: 8px;
   border-top: 1px solid #D6D2BF;
   color: #5D5A55;
   font-size: 1.3em;
}

#sidebar #quicklinks li{
   margin: 0;
   margin-bottom: 1em;
   padding: 3px 0 3px 20px;
   font-size: 1.2em;
   font-weight: bold;
   list-style: none;
}

#sidebar #quicklinks li#ql_feed{
   background: url(images/ql_feed.gif) no-repeat left center;
}

#sidebar #quicklinks li#ql_podcast{
   background: url(images/ql_podcast.gif) no-repeat left center;
}

#sidebar #quicklinks li#ql_email{
   background: url(images/ql_email.gif) no-repeat left center;
}

#sidebar #quicklinks li#ql_login{
   background: url(images/ql_login.gif) no-repeat left center;
}

#sidebar #quicklinks a{
   color: #5D5A55;
}

#sidebar #quicklinks a:hover{
   text-decoration: none;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   width: 752px;
   height: 160px;
   margin: 0 -28px;
   padding: 12px 45px;
   background: #E0DBCB url(images/bg_footer.gif) no-repeat;
}

#footer p{
   float: left;
   color: #56544B;
   font-size: 1.1em;
}

#footer p.powered{
   float: right;
}

#footer a{
   color: #050505;
   text-decoration: none;
}

#footer a:hover{
   text-decoration: underline;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 21px;
}

.sIFR-hasFlash #content .homebox h3 {
   visibility: visible;
   font-size: 10px;
}

.sIFR-hasFlash #sidebar h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 21px;
}

/*----- CONTACT FORM -----*/
#contact-form { margin:0; padding:10px; }
#contact-form fieldset { border:0; display:block; float:none; }
#contact-form div { margin:0 0 1em;  }
#contact-form input, #contact-form textarea { float:right; margin:0.5em 0; padding:4px; font-size:1.4em; border:1px solid #ccc; width:65%; }
#contact-form label { float:left;  width: 30%; margin:0.5em 0; padding-top:5px; font-size:1.4em; color: #254F62; }

#contact-form #human { position:relative; }
#contact-form #human label { position:absolute; top:0; left:0; float:none;}
#contact-form #human input { position:absolute; top:0; left:182px; }
#contact-form #human #confirm {  position:absolute; top:10px; left:250px; }
#contact-form #human span { position:absolute; top:15px; left:250px; }
#contact-form input[type="submit"], #contact-form input.button { margin:50px 0 0 182px; width:20%; float:none; }