* {
   margin: 0;
   padding: 0;
}

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

hr{
   display: none;
}

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

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

a{
   overflow: hidden;
}


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

#header{
   float: right;
   width: 259px;
}

#header h1{
   width: 220px;
   height: 77px;
   margin: 9px auto;
   background: url(/images/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 220px;
   height: 77px;
}

#header h2{
   position: absolute;
   top: 49px;
   right: 53px;
   width: 26px;
   height: 26px;
   background: url(/images/bg_podcast.gif) no-repeat;
   text-indent: -9999px;
}

#header h2#rss{
   top: 51px;
   right: 14px;
   width: 23px;
   height: 22px;
   background: url(/images/bg_rss.gif) no-repeat;
}

#header h2 a{
   display: block;
   width: 26px;
   height: 26px;
}

#header h2#rss a{
   width: 23px;
   height: 22px;
}

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

#nav{
   position: absolute;
   z-index:1001;
   top: 40px;
   left: 0;
   width: 788px;
   padding: 0 13px;
   border-bottom: 9px solid #27261E;
   background: #630E09 url(/images/bg_nav.jpg) no-repeat;
   list-style: none;
}

#nav li{
   float: left;
   background: url(/images/bg_nav_li.gif) no-repeat left center;
   font-size: 1.6em;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: lowercase;
}

#nav li#nav_home{
   background: none;
}

#nav li a{
   display: block;
   padding: 13px 13px 13px 15px;
   color: #C4BF8C;
   text-decoration: none;
}

#nav li a:hover{
   margin-right: -2px;
   padding-right: 15px;
   color: #FEFEFD;
   background: url(/images/bg_nav_li_a_hover.gif) repeat-x left bottom;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 174px;
   border: 2px solid #27261E;
   border-top-width: 9px;
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: .8125em;
   font-weight: normal;
   text-transform: none;
}

#nav li ul ul{
   margin: -32px 0 0 174px;
   border-top-width: 2px;
}

#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: 146px;
   padding: 8px 14px 9px;
   background: #343328;
   color: #C1BD96;
}

#nav li li a:hover{
   margin: 0;
   padding-right: 14px;
   background: #454436;
   color: #FFF;
}

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

#container-inner{
   float: left;
   width: 800px;
   margin-top: 100px;
   padding: 0 7px;
   background: #6E0A01 url(/images/bg_container-inner.gif) repeat-y 7px top;
}

body#home #container-inner{
   background: #6E0A01;
}

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

#content-wrap{
   float: left;
   padding-top: 8px;
   background: url(/images/bg_content-wrap.gif) repeat-x;
}

#content-wrap #newsletter{
   position: absolute;
   bottom: 69px;
   right: 16px;
   width: 227px;
   height: 14px;
   padding: 7px;
   background: #26251E url(/images/bg_newsletter.gif) no-repeat;
}

#content-wrap #newsletter fieldset{
   border: 0;
}

#content-wrap #newsletter input{
   vertical-align: top;
}

#content-wrap #newsletter input#newsletter_text{
   width: 154px;
   padding: 3px 7px;
   border: 0;
   background: #C5C2A6;
   color: #27261E;
   font-size: 1.2em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

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

#content-outer{
   float: left;
   width: 531px;
}

#content-outer #sub_header{
   margin-bottom: 8px;
}

#content-outer #sub_header img{
   display: block;
   border: 4px solid #3B0701;
}

#content{
   float: left;
   width: 510px;
   padding: 0 10px;
   background: url(/images/bg_content.gif) repeat-x center 5px;
}

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

#content h3{
   margin: 0 -10px .5em;
   padding: 2px 10px 0;
   border-bottom: 1px dotted #927C65;
   background: #FFF url(/images/bg_content_h3.gif) repeat-x left bottom;
   color: #3B0701;
   font-size: 1.8em;
   font-weight: normal;
}

#content h4{
   margin-bottom: .5em;
   color: #9A0E01;
   font-size: 1.4em;
}

#content h5{
   margin-bottom: .5em;
   color: #25231F;
   font-size: 1.5em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h6{
   margin-bottom: .5em;
   color: #4D0902;
   font-size: 1.6em;
   font-weight: normal;
   font-family: Georgia, "Times New Roman", Times;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #25231F;
   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 hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #9A0E01;
}

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

#content img#mcms_stats{
   display: none;
}

#content img#home_header{
   display: block;
   margin: 0 -10px 5px;
   border: 4px solid #3B0701;
}

body#home #content img#home_header{
   border: 0;
   margin: 0;
   border-bottom: 4px solid #1D1C17;
}

#content #text{
   clear: left;
}

#content #special{
   padding: 13px 50px;
   background: #C8C390 url(/images/bg_content_special.gif) no-repeat left center;
}

#content #special p{
   margin: 0;
   color: #464426;
   font-size: 1.6em;
   line-height: 1;
}

#content #special strong,
#content #special b{
   color: #6E3600;
}

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

#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{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px dotted #918E77;
   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/mb_video.gif);
}

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

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

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

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

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

#content table.calendar caption{
   padding-bottom: .4em;
   color: #6E3600;
   font-size: 1.5em;
   font-weight: bold;
}

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

#content table.calendar th{
   padding: 2px 0;
   border-bottom: 1px solid #CBC5A3;
   background: #315463;
   color: #FFF;
   font-size: 1.1em;
   font-weight: normal;
}

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

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

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

#content #spacer{
   float: right;
   height: 645px;
   width: 1px;
}

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

#sidebar{
   clear: right;
   float: right;
   width: 259px;
   margin-bottom: 50px;
}

#sidebar .sidebar-box{
   clear: both;
   padding: 13px;
   background: url(/images/bg_sidebar_upcoming-events.gif) repeat-x;
   border-top: 7px solid #4D0902;
}

#sidebar .sidebar-box h3{
   margin-bottom: .75em;
   color: #FFF;
   font-size: 1.6em;
   font-weight: bold;
   text-transform: lowercase;
}

#sidebar #upcoming-events h3 span{
   padding-right: 15px;
   background: url(/images/bg_upcoming-events_h3.gif) no-repeat right center;
}

#sidebar #recent-sermon h3 span{
   padding-right: 15px;
   background: url(/images/bg_recent-sermon_h3.gif) no-repeat right center;
}

#sidebar #recent-article h3 span{
   padding-right: 15px;
   background: url(/images/bg_upcoming-events_h3.gif) no-repeat right center;
}

#sidebar #upcoming-events p.more{
   text-align: right;
   font-size: 1em;
   font-weight: bold;
}

#sidebar #upcoming-events p.more a{
   padding: 0;
   color: #BB2F23;
   text-decoration: none;
}

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

#sidebar #upcoming-events .event{
   padding: 5px 0;
   border-bottom: 1px solid #4D0902;
   line-height: 1.5;
}

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

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

#sidebar .sidebar-box h4{
   color: #E1DEBA;
   font-size: 1.2em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
}

#sidebar #recent-sermon h4{
   margin-bottom: .25em;
}

#sidebar .sidebar-box p{
   font-size: 1.2em;
   color: #E1DEBA;
}

#sidebar .sidebar-box a{
   padding-right: 15px;
   background: url(/images/bg_sidebar_upcoming-events_a.gif) no-repeat right center;
   color: #FCFCF8;
   text-decoration: none;
}

#sidebar .sidebar-box p.byline{
   font-size: 1.1em;
}

#sidebar #recent-sermon #sb_mediabox{
   float: left;
   width: 226px;
   margin: 5px -4px 10px;
   padding: 9px 7px;
   background: url(/images/bg_recent-sermon_ul.gif) no-repeat;
   list-style: none;
}

#sidebar #recent-sermon #sb_mediabox li{
   float: left;
   margin-right: 6px;
   font-size: .9em;
   font-weight: bold;
}

#sidebar #recent-sermon #sb_mediabox li a{
   padding: 1px 0 1px 13px;
   color: #FEFEFD;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: left center;
}

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

#sidebar #recent-sermon #sb_mediabox li#sb_listen a{
   background-image: url(/images/sb_listen.gif);
}

#sidebar #recent-sermon #sb_mediabox li#sb_download a{
   background-image: url(/images/sb_download.gif);
}

#sidebar #recent-sermon #sb_mediabox li#sb_subscribe a{
   background-image: url(/images/sb_subscribe.gif);
}

#sidebar #service-times p{
   margin-bottom: .5em;
   color: #FFF;
   font-size: 1.6em;
   text-align: center;
   text-transform: lowercase;
}

#sidebar #service-times a{
   display: block;
   padding: 3px 0 4px;
   background: url(/images/bg_service-times_a.gif) no-repeat center center;
   color: #AE9C72;
}

#sidebar #recent-article h4{
   color: #E1DEBA;
   font-size: 1em;
   font-weight: normal;
   text-transform: none;
}

#sidebar #recent-article h4 strong{
   font-size: 1.2em;
}

#sidebar #recent-article p{
   color: #E1DEBA;
   font-size: 1.1em;
}

#sidebar #recent-article a{
   padding: 0;
   background: none;
   color: #E1DEBA;
}

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

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

#quicklinks{
   clear: both;
   float: left;
   width: 100%;
   padding-top: 19px;
   background: url(/images/bg_quicklinks.gif) no-repeat center 11px;
   border-top: 7px solid #4D0902;
}

#quicklinks ul{
   width: 232px;
   margin: 0 auto;
   list-style: none;
}

#quicklinks li{
   float: left;
   padding: 0 6px;
   margin-bottom: 5px;
   font-size: 1em;
   font-weight: bold;
   text-transform: lowercase;
   text-align: center;
}

#quicklinks a{
   display: block;
   padding-bottom: 2px;
   color: #C4BF8C;
   text-decoration: none;
}

#quicklinks a:hover{
   color: #FEFEFD;
   background: url(/images/bg_quicklinks_a_hover.gif) repeat-x left bottom;
}

#quicklinks img{
   display: block;
   margin-bottom: 3px;
   border: 0;
}

body#home #quicklinks{
   clear: none;
   width: 532px;
   padding-top: 7px;
   border: 0;
   background: none;
}

body#home #quicklinks ul{
   float: left;
   position: relative;
   width: auto;
   margin: 0 -2px 0 -3px;
}

body#home #quicklinks li{
   display: inline; /* IE6 double margin float bug hack */
   width: 129px;
   margin: 0 2px 0 3px;
   padding: 0;
}

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

#footer{
   clear: both;
   height: 50px;
   padding: 5px 10px;
   border-top: 9px solid #27261E;
}

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

#footer p.powered{
  float: right; 
}

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

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

/* BOOK LIST */
#content .book{
   clear:left;
   width: 90%;
   margin: 10px 0 20px 20px;
}

#content .book * { 
	margin-left:80px;	
}
#content .book * * { margin-left:0; }

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

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