/* @override http://www.fbcfonthe.net/css/styles.css */

* {
   margin: 0;
   padding: 0;
}

body{
   background: #522E1E url(/images/bg_body.gif) repeat-y center top;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-size: 62.5%;
	behavior:url(/css/csshover.htc);
}

hr{
   display: none;
}

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

#container{
   width: 794px;
   margin: 56px auto;
   background: url(/images/bg_container.gif) no-repeat;
}

a{
   overflow: hidden;
}

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

#header{
   float: left;
   width: 770px;
   height: 66px;
   padding: 13px 12px 0;
   background: url(/images/bg_header.gif) no-repeat;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 354px;
   height: 38px;
   margin: 19px 0 0 13px;
//   margin: 19px 0 0 33px;
//   background: url(/images/bg_h1.gif) no-repeat;
   background: url(/images/logo.gif) no-repeat;
   text-decoration: none;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 354px;
   height: 38px;
}

#header #service-times{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 0 8px 5px 0;
   padding: 0;
   background: url(/images/bg_service-times.gif) no-repeat top right;
}

#header #service-times p{
   height: 21px;
   padding: 4px 10px 0;
   color: #F0E5D6;
   font-size: 1.4em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-align: center;
   background: url(/images/bg_service-times_p.gif) no-repeat top left;
   line-height: 1;
}

#header #service-times strong{
   color: #E0CDB4;
   font-weight: normal;
}

#header #map{
   display: inline; /* IE6 double margin float bug hack */
   clear: right;
   float: right;
   margin-right: 8px;
}

#header #map p{
   text-indent: -9999px;
}

#header #map a{
   display: block;
   width: 181px;
   height: 35px;
   background: url(/images/bg_map.gif) no-repeat;
}

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

#nav{	   
float:left;
   clear: left;
   width: 174px;
   list-style: none;
}

#nav li{   
  float:left;
   width: 174px;
   background: url(/images/bg_nav_li.gif) no-repeat left bottom;
   font-size: 1.3em;
}

#nav li a{
   display: block;
   padding: 6px 25px;
   background: url(/images/bg_nav_li_a.gif) no-repeat 12px center;
   color: #FFF;
   text-decoration: none;
}

#nav li a:hover{
   background: url(/images/bg_nav_li_a_hover.gif) no-repeat left center;
   color: #F0DEC3;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 140px;
   margin: -50px 0 0 146px;
   border: 1px solid #2C3137;
   list-style: none;
   line-height: 1;
   visibility:hidden;
}

#nav li li{
   width: auto;
   border-bottom: 1px solid #4C555E;
   font-size: 1em;
}

#nav li ul ul{
   margin: -28px 0 0 140px;
}

#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; visibility:visible;
}

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

#nav li li a{
   width: 120px;
   padding: 7px 10px;
   background: #626D78;
}

#nav li li a:hover{
   background: #58616B;
   color: #D6C7B1;
}

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

#container-inner{
   float: left;
   clear: both;
   width: 794px;
   background: url(/images/bg_container-inner.gif) repeat-y;
}

body#home #container-inner{
   background: url(/images/bg_container-inner_home.gif) repeat-y;
}

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

#content-wrap{
   float: left;
   width: 770px;
   padding: 0 12px;
   background: url(/images/bg_content-wrap.gif) no-repeat 12px top;
}

#content-wrap #nav-wrap{
   float: left;
}

#content-wrap #new-here h3{
   float: left;
   width: 174px;
   margin-top: 17px;
   text-indent: -9999px;
}

#content-wrap #new-here a{
   display: block;
   width: 174px;
   height: 44px;
   background: url(/images/bg_new-here.gif) no-repeat;
}

#content-wrap #new-here a:hover{
   background: url(/images/bg_new-here-hover.gif) no-repeat;
}
/* =Content
---------------------------------------------------------------------
*/

#content{
   float: right;
   width: 558px;
   margin-top: 12px;
   padding: 8px 15px;
   background: url(/images/bg_content.gif) no-repeat;
}

body#home #content{
   width: 588px;
   padding: 0;
   background: none;
}

#content h2{
   margin: 0 0 .25em -8px;
   padding: 5px 8px;
   background: url(/images/bg_content_h2.gif) no-repeat;
   color: #412612;
   font-size: 2em;
   font-weight: bold;
   //font-family: Georgia, "Times New Roman", serif;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h3{
   margin: 0 0 .25em -8px;
   padding: 5px 8px;
   background: url(/images/bg_content_h3.gif) no-repeat;
   color: #412612;
   font-size: 1.7em;
   font-weight: bold;
   //font-family: Georgia, "Times New Roman", serif;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h4{
   margin-bottom: 1em;
   color: #852801;
   font-size: 1.6em;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h5{
   margin-bottom: 1em;
   color: #852801;
   font-size: 1.5em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h6{
   margin-bottom: 1em;
   color: #412612;
   font-size: 1.6em;
   font-weight: bold;
   //font-family: Georgia, "Times New Roman", serif;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

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

#content td p{
   font-size: 1em;
}

#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 blockquote{
   margin-left: 25px;
}

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

#content a{
   color: #852801;
}

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

#content img{
   margin: 0 10px 5px 0;
}

#content img#home_header{
   display: block;
   float: none;
   margin: 0;
}

#content img#mcms_stats{
   display: none;
}

#content #text{
   clear: both;
}

#content .sermonbox{
   clear: both;
   float: left;
   width: 100%;
   margin-bottom: 30px;
}

#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 #mediabox,
#content .mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #D7C3AC;
   font-size: 1.1em;
   list-style: none;
}

#content .mediabox{
   margin-top: -20px;
   border: 0;
}

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

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

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

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

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

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

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

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

#content table.calendar{
   margin: 0 auto;
   border: 1px solid #AC9577;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   text-decoration: none;	 
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #343C44;
   font-size: 1.5em;
   font-weight: bold;
   text-decoration: none;	 
}

#content table.calendar caption span{
   color: #8A4700;
   font-size: 1.3333em;
   text-decoration: none;	 
}

#content table.calendar th{
   padding: 2px 0;
   border-bottom: 1px solid #AC9577;
   background: #343C44;
   color: #FAFAFD;
   font-size: 1.3em;
   font-weight: normal;
   text-decoration: none;	 
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #AC9577;
   border-left: 0;
   border-top: 0;
   background: #FCF3E8;
   color: #313131;
   font-size: 1em;
   vertical-align: top;
   text-decoration: none;	 
}

#content table.calendar td.empty{
   background: #FCF3E8;
   text-decoration: none;	 
}

#content table.calendar td a{
   color: #852801;
   /*text-decoration: underline;*/
   text-decoration: none;
}

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

#content table.calendar td ul{
   margin: .5em 0 0 0;
   list-style: none;
   line-height: 1.2;
   text-decoration: none;	 
}

#content table.calendar td li{
   margin-bottom: .5em;
   text-decoration: none;	 
}

#content .book{
   clear: left;
   float: left;
   width: 90%;
   margin: 0 0 20px 20px;
}

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

#content .book img{
   float: left;
   margin: 0 10px 10px 0;
}


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

#sidebar{
   clear: left;
   float: left;
   width: 174px;
}

#sidebar h3{
   height: 33px;
   padding: 11px 0 0 22px;
   background: url(/images/bg_sidebar_h3.gif) no-repeat;
   color: #FFF;
   font-size: 1.5em;
   font-weight: normal;
}

#sidebar h3 img{
   margin-right: 5px;
   border: 0;
   vertical-align: -10%;
}

#sidebar h3 a{
   color: #FFF;
   text-decoration: none;
}

#sidebar .event{
   float: left;
   width: 154px;
   padding: 10px;
   background: url(/images/bg_sidebar_event.gif) no-repeat left bottom;
}

/* remove later
#sidebar .event{
   padding-left: 10px;
} */

#sidebar .event p{
   margin-right: 6px;
   color: #FFF;
   font-size: 1.1em;
   line-height: 15px;
}

#sidebar .event p.date{
   float: left;
   width: 29px;
   padding-bottom: 5px;
   border: 1px solid #512D1E;
   background: #FFF;
   color: #000;
   font-size: 1.8em;
   text-align: center;
}

#sidebar .event p.date span.month{
   display: block;
   margin-bottom: 3px;
   padding: 2px 0;
   background: #512D1E;
   color: #FFF;
   font-size: .5em;
   text-transform: uppercase;
   line-height: 1;
}

#sidebar .event p.date span.day{
   display: block;
}

#sidebar .event a{
   color: #DBC6B1;
}

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

#sidebar p.more{
   margin-right: 7px;
   margin-top: 5px;
   text-align: right;
   text-transform: lowercase;
   text-decoration: none;
}

#sidebar p.more a{
   font-size: 117%;
   color: #DBC6B1;
   text-decoration: none;
}

#sidebar p.more a:hover{
   text-decoration: underline;
}

#sidebar p.focus{
   margin-right: 7px;
   margin-left: 7px;	 
   margin-top: 5px;
   text-align: left;
   text-decoration: none;
}

#sidebar p.focus a{
   font-size: 117%;
   color: #DBC6B1;
   text-decoration: none;
}

#sidebar p.focus a:hover{
   text-decoration: underline;
}

/* =Subnav
---------------------------------------------------------------------
*/

#subnav{
   display: inline; /* IE6 double margin float bug hack */
   clear: left;
   float: left;
   width: 167px;
   margin: 12px 0 7px 7px;
}

#subnav h3{
   height: 26px;
   background: url(/images/bg_subnav_h3.gif) no-repeat;
   padding: 3px 17px 0;
   color: #D8BF9F;
   font-size: 1.6em;
   font-weight: normal;
}

#subnav ul{
   padding: 6px 0 9px 18px;
   background: url(/images/bg_subnav_ul.gif) no-repeat left bottom;
   list-style: none;
}

#subnav li{
   padding: 3px 0;
   font-size: 1.2em;
}

#subnav li a{
   color: #FFF;
   text-decoration: none;
}

#subnav li a:hover{
   color: #FFF;
   text-decoration: underline;
}

/* =Quicklinks
---------------------------------------------------------------------
*/

#quicklinks{
   float: right;
   width: 588px;
   background: #FFF;
}

#quicklinks div{
   float: left;
   width: 186px;
   padding: 8px 10px 0 0;
}

#quicklinks div#quicklink3{
   padding-right: 0;
}

#quicklinks h3{
   color: #363636;
   margin-bottom: .6em;
   font-size: 1.4em;
   font-weight: bold;
   line-height: 1;
}

#quicklinks p{
   float: left;
}

#quicklinks a{
   color: #363636;
   text-decoration: none;
}

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

#quicklinks img	{ border:none; width: 186px;}
/*
//body#adults #quicklinks #quicklink1{
   //width: 125px;
   //padding: 20px 5px 0 65px;
   //background: url(/mediafiles/quicklink-1-adults.gif) no-repeat 4px 20px;
//}

//body#adults #quicklinks #quicklink2{
   //width: 88px;
   //height: 105px;
   //padding: 14px 10px 0 99px;
   //background: #DDD6CD url(/mediafiles/quicklink-2-adults.jpg) no-repeat 1px 15px;
//}

//body#adults #quicklinks #quicklink3{
   //width: 109px;
   //padding: 14px 5px 0 82px;
   //background: #FFF url(/mediafiles/quicklink-3-adults.jpg) no-repeat 10px 29px;
//}

//body#youth #quicklinks #quicklink1{
   //width: 125px;
   //padding: 20px 5px 0 65px;
   //background: url(/mediafiles/quicklink-1-youth.gif) no-repeat 4px 20px;
//}

//body#youth #quicklinks #quicklink2{
   //width: 111px;
   //height: 101px;
   //padding: 18px 5px 0 81px;
   //background: #EBE7E2 url(/mediafiles/quicklink-2-youth.gif) no-repeat 5px 20px;
//}

//body#youth #quicklinks #quicklink3{
   //width: 120px;
   //padding: 16px 5px 0 71px;
   //background: url(/mediafiles/quicklink-3-youth.gif) no-repeat 15px 18px;
//}

*/

body#children #quicklinks h4,
body#children #quicklinks h5{
  float: left;
  width: 80px;
  font-size: 1.1em;
}

body#children #quicklinks h4{
   margin-bottom: 3px;
   font-weight: bold;
}

body#children #quicklinks h5{
   font-weight: normal;
}

body#children #quicklinks #quicklink1 p,
bodychildren #quicklinks #quicklink3 p{
   margin-right: 6px;
}

body#children #quicklinks #quicklink1 img,
body#children #quicklinks #quicklink3 img{
   display: block;
   float: left;
   width: 100px;
   height: 105px;
}

#quicklinks #quicklink2 img{
   display: block;
   float: left;
}

#quicklinks #quicklink3 img{
   display: block;
   float: left;
}
/*
//#quicklinks #quicklink2{
   //width: 88px;
   //height: 105px;
   //padding: 14px 10px 0 99px;
   //background: #DDD6CD url(/mediafiles/quicklink-2.gif) no-repeat 1px 15px;
//}

//#quicklinks #quicklink3{
   //width: 109px;
   //padding: 14px 5px 0 82px;
   //background: #FFF url(/mediafiles/quicklink-3.gif) no-repeat 10px 29px;
//}
*/

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

#footer{
   clear: both;
   float: left;
   width: 754px;
   padding: 20px; 
   background: url(/images/bg_footer.gif) no-repeat;
}

body#home #footer,
body#adults #footer{
   background: url(/images/bg_footer_home1.gif) no-repeat;
}

body#youth #footer,
body#children #footer{
   //background: url(/images/bg_footer_youth.gif) no-repeat;
   background: url(/images/bg_footer_home1.gif) no-repeat;
}

#footer p{
   float: left;
   color: #fff;
}

#footer p.powered{
  float: right; 
}

#footer a{
   color: #fff;
}

/* 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 h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
}

/* BLOG */
#blog #content					{ position:relative; }
#blog #subscribe				{ position:absolute; top:14px; right:20px; }
#blog #subscribe a				{ background:url(/images/mb_podcast.gif) no-repeat left center; padding:2px 0 2px 20px; }
#blog-sidebar ul 				{ margin:1.5em 0; padding-left:25px; list-style:none; }
#blog-sidebar li 				{ margin-bottom:1.5em }
#blog-sidebar li a				{ color: #DBC6B1; font-size:12px;}
#blog-sidebar li a:hover		{ text-decoration:none; }

#blog #comments					{ margin:2.5em 0;  }
#blog label						{ display:block; margin-bottom:1em; font-size:1.4em; }
#blog textarea					{ width:75%; height:200px; margin-bottom:.5em; }