/* Localized */
/* @override styles.css */

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

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

#body-inner{
   background: url(../images/bg_under_head.jpg) no-repeat center top;
}

span.highlight {
	background-color: #FFFF66;
}

span.highlight_bright {
	background-color: #f8ec11;
	padding: 0 3px;
}

hr, .hidden{
   display: none;
}
.show { display:block; }
#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   position: relative;
   width: 842px;
   margin: 0 auto;
}

a{
   overflow: hidden;
}

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

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 300px;
   height: 150px;
   margin: 2px 0 0 2px;
   background: transparent no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 300px;
   height: 150px;
}

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

#nav{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 12px 0 0 0;
   list-style: none;
}

#nav li{
   float: left;
   margin-right: 3px;
   font-size: 1.1em;
}

#nav li:hover,
#nav li.sfhover{
   padding-left: 9px;
   background: url(../images/bg_nav_li_hover.gif) no-repeat;
   cursor: pointer;
}

#nav li a{
   display: block;
   padding: 7px 12px 17px;
   color: #FFF;
   text-decoration: none;
   outline: 0;
}

#nav li:hover a,
#nav li.sfhover a{
   padding-left: 3px;
   background: url(../images/bg_nav_li_a_hover.gif) no-repeat right top;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px;
   margin-left: -9px;
   border-top: 4px solid #19262C;
   list-style: none;
   line-height: 1;
}

#nav li:hover li,
#nav li.sfhover li{
   padding: 0;
   background: none;
   font-size: 1em;
}

#nav li ul ul{
   margin: -27px 0 0 150px;
   border-top: 0;
}

#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:hover li a,
#nav li.sfhover li a{
   width: 124px;
   padding: 7px 13px 8px;
   border-top: 1px solid #000000;
   background: #000099;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   padding-top: 8px;
   border: 0;
   background: #0030D2;
}

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

#container-inner{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 816px;
   margin: 160px 13px 0;
}

body#home #container-inner{
   margin-top: 299px;
}

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



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

#content{
   float: right;
   width: 500px;
   margin-top: 12px;
   padding-bottom:2em;
}

body#home #content{
   margin: 0;
}

#content h3{
   margin-bottom: .6em;
   padding-bottom: 11px;
   background: url(../images/bg_content_h3.gif) no-repeat left bottom;
   color: #961110;
   font-size: 2em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

body#home #content h3{
   margin-bottom: .2em;
   padding-bottom: 9px;
   background: none;
}

#content h4,
#content h5,
#content h6{
   margin:0; padding:0;
}

#content h4 {
	font-size:1.2em;
	color:#FF2F2F;
	margin-top:1.5em;
}
#home #content3 h4, #home #content4 h4 { margin-top:0em; }
#content h5 { font-size:1.9em; font-family:Georgia, "Times New Roman", serif; color: #e36b23; }
#content h6 {  font:1.9em Georgia, "Times New Roman", serif; color:#000;  }
#content h7 { font-size:1.9em; color:#000099; line-height: 1.75; color:#000; }
#content p,
#content li{
   margin-bottom: 1em;
   color: #000099;
   font-size: 1.45em;
   line-height: 1.55;
}
#content div {  color:#000099; }
#content blockquote { font-size:1em; color:#000099; }

#content ul,
#content ol{
   margin: 0 0 1em 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left; margin:0 0 10px; padding:0;
   width:60%;   
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
}

#content li{
   margin: 0;
}

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

#content blockquote{
   margin-left: 3em;
}

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

#content a{
	color: #FF0000;
}

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

#content img{   
   margin: 5px 10px 5px 0;
   padding: 1px;
   border-top: 1px solid #24221E;
   border-right: 1px solid #292622;
   border-bottom: 1px solid #24221E;
   border-left: 1px solid #4B4946;   
   background: #FFF;
}

#content #text{
   clear: both;
}

/*------>> BOX STYLES <<-----*/
#content .sermonlist { margin-top:1em; }
#content .askbox{ position:relative; padding:5px; margin-bottom: 0; border-bottom: 1px dotted #2D2A26;}
#home #content .askbox { padding:0 0 10px; margin-bottom:10px;}
#content .askbox h4 { margin:1em 0 0.5em; padding:0; }
#content .askbox h5 { margin-bottom: 5px; color:#887F73;;}
#content .askbox h5 a { margin-right:10px; }
#content .askbox p{ padding: 0; margin: 0;  }
#content .askbox p.sermonlink{ margin-top: 10px; }
#content .askbox p.eventtime{ margin-bottom: 0; }
#content .askbox ul { position:absolute; top:35px; right:30px; margin:0; padding:0; list-style:none; }
	#content .askbox li { float:left; margin:0 4px; }
	#content .askbox li a { display:block; height:16px; width:16px; behavior:url(../iepngfix.htc); text-indent:-9999px; text-decoration:none; 	}
	#content .askbox li a:focus { outline:none; }
	#content .askbox li.sl_listen { background: url(../images/listen_bg.png) no-repeat; }
	#content .askbox li.sl_download { background:url(../images/download_bg.png) no-repeat; }
	#content .askbox li.sl_download-notes { background: url(../images/download_notes_bg.png) no-repeat; }
	#content .askbox li.sl_watch-video { background: url(../images/video_bg.png) no-repeat; }

#content #mediabox{ float: right; width: 125px; padding: 5px 5px 0; list-style: none; }
#content #mediabox li { margin-bottom: 6px; font-size: 1.1em; font-weight: bold; }
#content #mediabox li a{ display: block; height: 16px; padding:2px 0 2px 20px; background-repeat: no-repeat; behavior:url(../iepngfix.htc); }
#content #mediabox li#mb_print a{ background-image: url(../images/mb_print.gif); }
#content #mediabox li#mb_video a{ background-image: url(../images/video_bg.png); background-position:0 2px }
#content #mediabox li#mb_download a{ background-image: url(../images/download_bg.png); }
#content #mediabox li#mb_notes a{ background-image: url(../images/download_notes_bg.png); }
#content #mediabox li#mb_jukebox a{ background-image: url(../images/listen_bg.png); }
#content #mediabox li#mb_podcast a{ background-image: url(../images/podcast_bg.png);}

	/*------- SERMON SIDEBAR ------*/
	#legend-lg { background:url(../images/lg_legend_bg.gif) no-repeat; margin-top:3.5em; padding:20px; width:232px; }
	#legend-lg h3, #legend-sm h3, #sorting h3 { font-size:1.4em; color:#fff; margin-bottom:1em; }
	#legend-lg ul {  margin:3em 0 0; padding:0; list-style:none; }
	#legend-lg li { font-size:1.2em; behavior:url(../iepngfix.htc); color:#fff; margin-bottom:1em; padding-left:20px; }
	#legend-lg li#listen, #legend-sm li#listen { background:url(../images/listen_bg.png) no-repeat; }
	#legend-lg li#save, #legend-sm li#save { background:url(../images/download_bg.png) no-repeat; }
	#legend-lg li#notes, #legend-sm li#notes { background:url(../images/download_notes_bg.png) no-repeat; }
	#legend-lg li#video, #legend-sm li#video { background:url(../images/video_bg.png) no-repeat; }
	#legend-lg li span { font-weight:bold; }
	#legend-lg p { font-size:1.2em; color:#fff; margin-top:7.5em; }
	
	#legend-sm { background: url(../images/sm_legend_bg.png) no-repeat; margin-top:1em; padding:20px; width:232px; height:100px; }
	#legend-sm ul { margin:0; padding:0; list-style: none; }
	#legend-sm li { float:left; font-size:1.2em; behavior:url(../iepngfix.htc); color:#fff; padding:4px 0 4px 20px; width:40%; margin-bottom:1.5em;  }
	#legend-sm li#listen, #legend-sm li#save, #legend-sm li#notes, #legend-sm li#video
		{ background-position:0 2px }
		
/* Home Nav */

#content ul#home-nav{
   width: 518px;
   height: 41px;
   margin: 0 0 26px;
   background: url(../images/bg_home-nav.gif) no-repeat left bottom;
   list-style: none;
}

#content ul#home-nav li{
   float: left;
   font-size: 1.2em;
}

#content ul#home-nav li a{
   display: block;
   background: url(../images/bg_home-nav_a.gif) no-repeat;
   color: #ACA48B;
   text-decoration: none;
   outline: 0;
}

#content ul#home-nav li span{
   display: block;
   padding: 10px 16px 8px 18px;
}

#content ul#home-nav li.first a{
   background: none;
}

#content ul#home-nav li a.current{
   position: relative;
   z-index: 999;
   margin-right: -2px;
   padding-left: 4px;
   background: url(../images/bg_home-nav_a_current.gif) no-repeat left bottom;
   color: #FFF;
}

#content ul#home-nav li a.current span{
   padding-left: 14px;
   padding-right: 18px;
   background: url(../images/bg_home-nav_span_current.gif) no-repeat right bottom;
}

#content ul#home-nav li a:hover{
   color: #FFF;
}

#content p.byline{
   color: #887F73;
   font-size: 1.2em;
}

#content p.byline span.date{
   text-transform: uppercase;
}

#content p.byline span.comments{
   color: #A79C8E;
}

#content p.more{
   color: #EE884B;
   text-align: right;
}

#content p.more a{
   color: #EE884B;
}

/* Calendar */

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

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

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

#content table.calendar th{
   padding: 8px 0;
   background: #414B51;
   color: #FFF;
   font-size: 1.2em;
   font-weight: normal;
}

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

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

#content table.calendar td a{
   color: #C3BA9F;
}

#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: #CA7644;
   text-decoration: underline;
}

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

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

#sidebar{
   float: left;
   width: 276px;
   padding: 20px 0 35px 18px;
   background: url(../images/bg_sidebar.gif) no-repeat left 37px;
}

body#home #sidebar{
   margin-top: 10px;
}

#sidebar p#login-wrap{
   margin: 0 0 23px 26px;
   color: #726C5E;
   font-size: 1.2em;
}

#sidebar p#login-wrap a{
   margin: 0 4px;
   color: #AAA189;
   text-decoration: none;
}

#sidebar p#login-wrap a:hover{
   color: #fff;
   text-decoration: underline;
}


#sidebar #tip-submit p{
   text-indent: -9999px;
}

#sidebar #tip-submit a{
   display: block;
   width: 272px;
   height: 70px;
   background: url(../images/tip_submit_button.gif) no-repeat;
}

#sidebar #tips{
   position: relative;
   width: 240px;
   height: 47px;
   margin: 0 0 0 9px;
   padding-top: 14px;

}

#sidebar #tips2{
   position: relative;
   width: 240px;
   height: 630px;
   margin: 0 0 0 9px;
   padding-top: 14px;

}

#sidebar #tips h3{
   margin-bottom: .7em;
   padding: 0 0 5px 8px;
   border-bottom: 1px dotted #2D2A26;
   color: #000;
   font-size: 1.4em;
   font-weight: normal;
}

#sidebar #tips h3 img{
   margin: 0 6px 2px 0;
   vertical-align: middle;
}

#sidebar #tips h4{
   margin: 0 0 .8em 0px;
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar #tips h4 a{
   color: #000;
}

#sidebar #tips h4 a:hover{
	color: #000;
   text-decoration: none;
}

#sidebar #tips p{
   margin-left: 97px;
   color: #ACA48B;
   font-size: 1em;
}

#sidebar #tips ul{
   position: absolute;
   top: 46px;
   left: 0;
   width: 88px;
   height: 48px;
   background: url(../images/bg_latest-message_ul.gif) no-repeat;
   list-style: none;
   text-indent: -9999px;
}

#sidebar #tips li a{
   display: block;
   height: 24px;
}

#sidebar #locallaw{
   position: relative;
   width: 240px;
   height: 260px;
   margin: 0 0 0 9px;
   padding-top: 95px;
   background: url(../images/bg_latest-message.gif) no-repeat;
}

#sidebar #locallaw h3{
   margin-bottom: .7em;
   padding: 0 0 5px 8px;
   border-bottom: 1px dotted #2D2A26;
   color: #000;
   font-size: 1.45em;
   font-weight: normal;
}

#sidebar #locallaw h3 img{
   margin: 0 6px 2px 0;
   vertical-align: middle;
}

#sidebar #locallaw h4{
   margin: 0 0 .8em 28px;
   font-size: 1.35em;
   font-weight: bold;
}

#sidebar #locallaw h4 a{
   color: #000;
}

#sidebar #locallaw h4 a:hover{
	color: #333333;
	text-decoration: none;
}

#sidebar #locallaw p{
   margin-left: 97px;
   color: #ACA48B;
   font-size: 1em;
}

#sidebar #locallaw ul{
   position: absolute;
   top: 46px;
   left: 0;
   width: 88px;
   height: 48px;
   background: url(../images/bg_latest-message_ul.gif) no-repeat;
   list-style: none;
   text-indent: -9999px;
}




	/*----- BLOG SIDEBAR ------*/
	#comments form { background:url(../images/bg_upcoming-events.gif) repeat-x left top; }
	label { display:block; margin-bottom:1em; font-size:1.4em; }
	#sidebar #blog-sidebar h3, #sorting h3{ 
		margin-bottom: .7em; padding: 0 0 5px 8px; border-bottom: 1px dotted #2D2A26; 
		color: #F4F3E8; font-size: 1.4em; font-weight: normal; 
	}
	#blog-sidebar ul {  margin:0 0 1.5em 9px; padding:0; list-style:none; width:240px; }
	#blog-sidebar li a, #sorting li a { font-size:1.2em; color: #ACA48B; text-decoration: none;}
	#blog-sidebar li a:hover { color: #E9E3CF; text-decoration: underline; }
	
	#sorting { margin:5em 0 2em; }
	#sorting h3 { padding-left:4px; }
	#sorting ul { list-style:none; }
	#sorting li a { display:block; line-height:20px; padding:2px 4px; border-bottom: 1px solid #3A3631; }
	#sorting li a:hover { color:#e9e3cf; }


#sidebar #upcoming-events{
   width: 240px;
   margin: 0 0 0 9px;
   padding-top: 18px;
   background: url(../images/bg_latest-message.gif) no-repeat;
}

#sidebar #upcoming-events h3{
   margin-bottom: .7em;
   padding: 0 0 5px 8px;
   border-bottom: 1px dotted #2D2A26;
   color: #F4F3E8;
   font-size: 1.4em;
   font-weight: normal;
}

#sidebar #upcoming-events h3 img{
   margin: 0 6px 2px 0;
   vertical-align: middle;
}

#sidebar #upcoming-events table{
   border-collapse: collapse;
}

#sidebar #upcoming-events td{
   width: 171px;
   padding: 6px 0;
   border-bottom: 1px solid #3A3631;
   line-height: 1.25;
   vertical-align: top;
}

#sidebar #upcoming-events tr.last td{
   border: 0;
}

#sidebar #upcoming-events td.date{
   width: 56px;
   color: #E9E3CF;
   font-size: 1.1em;
   font-weight: bold;
}

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

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

#sidebar #current-series{
	width:240px;
   margin: 0 0 0 9px;
   padding-top: 18px;
   background: url(../images/bg_latest-message.gif) no-repeat;
}

#sidebar #current-series h3{
	text-align:left;
   margin-bottom: .7em;
   padding: 0 0 5px 8px;
   border-bottom: 1px dotted #2D2A26;
   color: #F4F3E8;
   font-size: 1.4em;
   font-weight: normal;
}

#sidebar #current-series a img, #sidebar #current-series a:visited img { border:4px solid #2d2a26; }
#sidebar #current-series a:hover img { border:4px solid #e36b23;}

/* =Mega-footer
---------------------------------------------------------------------
*/

#mega-footer{
   clear: both;
   float: left;
   width: 810px;
   margin: 15px 0 10px;
   padding-bottom:10px;
   background: #46413A url(../images/bg_mega-footer.gif) no-repeat;
}


#mega-footer #upcoming-events{
   float: left;
   width: 211px;
   padding: 22px 32px 0 27px;
}

#mega-footer #upcoming-events h3{
   margin-bottom: .7em;
   padding: 0 0 7px 0;
   background: url(../images/bg_upcoming-events_h3.gif) repeat-x left bottom;
   color: #F4F3E8;
   font-size: 1.4em;
   font-weight: normal;
}

#mega-footer #upcoming-events h3 img{
   margin: 0 6px 2px 0;
   vertical-align: middle;
}

#mega-footer #upcoming-events table{
   width: 211px;
   border-collapse: collapse;
}

#mega-footer #upcoming-events td{
   /*width: 171px;*/
   padding: 6px 0;
   border-bottom: 1px solid #3A3631;
   line-height: 1.25;
   vertical-align: top;
}

#mega-footer #upcoming-events tr.last td{
   border: 0;
}

#mega-footer #upcoming-events td.date{
   width: 56px;
   color: #E9E3CF;
   font-size: 1.1em;
   font-weight: bold;
}

#mega-footer #upcoming-events td a{
   color: #ACA48B;
   text-decoration: none;
}

#mega-footer #upcoming-events td a:hover{
   color: #E9E3CF;
   text-decoration: underline;
}

/* Quicklinks */

#quicklinks{
   float: left;
   width: 211px;
   padding: 22px 36px 0 24px;
}

#quicklinks div{
   clear: left;
   float: left;
   width: 211px;
   margin-bottom: 1px;
}

#quicklinks h3{
   padding-top: 9px;
   margin-bottom: .45em;
   color: #C8BFA1;
   font-size: 1.2em;
   font-weight: bold;
}

#quicklinks p{
   float: left;
   padding-bottom: 13px;
   border-bottom: 1px solid #3D3933;
   color: #FFF;
   font-size: 1.1em;
}

#quicklinks div.last p{
   border-bottom: 0;
}

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

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

#quicklinks img{
   float: left;
   margin-right: 14px;
   border: 2px solid #2D2A26;
}

/* Phone Numbers */

#phone-numbers{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 206px;
   margin: 0 0 13px 32px;
   padding: 23px 0 13px 0;
   background: url(../images/bg_upcoming-events_h3.gif) repeat-x left bottom;
}

#phone-numbers p{
   margin-bottom: .5em;
   color: #E9E3CF;
   font-size: 1.1em;
}

/* Resource Links */

#resource-links{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 206px;
   margin: 0 0 0 32px;
}

#resource-links li{
   margin-bottom: 5px;
   font-size: 1.1em;
   list-style: none;
}

#resource-links li a{
   padding-bottom: 5px;
   border-bottom: 1px solid #3D3933;
   color: #FFF;
   text-decoration: none;
}

#resource-links li a:hover{
   color: #FFF;
   background: #e3661b;
   padding-bottom: 2px;
   padding-top: 2px;
}

#resource-links li.last a{
   border: 0;
}

#resource-links li img{
   margin: 0 7px 0 0;
   vertical-align: middle;
}

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

#footer{
   clear: both;
   width: 810px;
   margin: 0 auto;
   padding: 15px 0 25px;
   background: url(../images/bg_footer.gif) no-repeat;
}

#footer p{
   margin-bottom: .5em;
   color: #000099;
   font-size: 1.1em;
}

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

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

#footer ul#footer-icons{
   float: right;
   position: absolute;
   bottom: 30px;
   right: 50px;
   height: 63px;
}

#footer ul#footer-icons li{
   position: relative;
   float: left;
   margin-right: 8px;
   padding-top: 37px;
   font-size: 1.1em;
   list-style: none;
   text-indent: -9999px;
}

#footer ul#footer-icons li a{
   display: block;
   width: 24px;
   height: 26px;
   background-repeat: no-repeat;
   color: #FFF;
   text-decoration: none;
}

#footer ul#footer-icons li#foot_dotcom_labs a{
   width: 142px;
   background-image: url(../images/foot_dotcom_labs.gif);
}

#footer ul#footer-icons li#fi_global a{
   width: 27px;
   background-image: url(../images/fi_global.gif);
}

#footer ul#footer-icons li#fi_gathering a{
   width: 47px;
   background-image: url(../images/fi_gathering.gif);
}

#footer ul#footer-icons li#fi_ladder a{
   width: 18px;
   background-image: url(../images/fi_ladder.gif);
}

#footer ul#footer-icons li#fi_community a{
   width: 36px;
   height: 25px;
   background-image: url(../images/fi_community2.gif);
}



#footer ul#footer-icons li#fi_service a span{
   left: -23px;
}

#footer ul#footer-icons li#fi_global a span{
   left: -19px;
}

#footer ul#footer-icons li#fi_gathering a span{
   left: -17px;
}

#footer ul#footer-icons li#fi_ladder a span{
   left: -25px;
}

#footer ul#footer-icons li#fi_community a span{
   left: -25px;
}