/* @group GLOBAL */
html { height:100%; }
body {
background:#D9D8BE url(../images/body_bg.gif) repeat-x; margin:0; padding:0; font-size:62.5%;
font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#4b4b47;
height:100%;
}
hr { display: none; }
#skip { position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container { margin:0 auto; width:889px; position:relative; min-height:60%; }
* html #container { height:60%; }
#mainContent { position:relative; clear:both; }
.column { float:left; display:inline; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 100%;}
.clearfix { display: block;}
/* End hide from IE-mac */
/* @end */
/* @group HEADER */
#header-wrap { background:url(../images/header_bg.gif) no-repeat center top; }
#header { position:relative; width:888px; height:147px; margin:0 auto; }
#header h1,
#header h1 a { display:block; width:340px; height:128px; }
#header h1 {
margin:0; padding:0; position:absolute; top:4px; left:4px; text-indent: -999em;
background:url(../images/logo.png) no-repeat;
}
#header h1 a:focus { outline:none; }
#skip { position:absolute; top:-999em; left:-999em; }
/* @end */
/* @group SERVICE TIMES */
#service-times {
position:absolute;
width:333px;
height:125px;
background:url(../images/service_times_bg.png) no-repeat;
float:right;
position:relative;
right:0;
margin-top:10px;
padding: 0px;
}
#service-times p { font-size:1.4em; line-height:1.5em; margin:0 0 0 -10px; padding:0; width:240px; color:#eed7bd; text-align:right; }
#service-times p a { text-decoration:none; }
#service-times b,
#service-times strong { color:#fff; }
#service-times .map {
display:block; width:96px; height:44px; background:url(../images/map_btn.png) no-repeat; text-indent:-999em; text-align:left;
position:absolute; top:44px; right:4px;
}
#service-times .map2 {
display:block; width:110px; height:44px; background:url(../images/questions_btn.png) no-repeat; text-indent:-999em; text-align:left;
position:absolute; top:44px; right:107px;
}
#service-times .map3 {
display:block; width:85px; height:44px; background:url(../images/gethere_btn.png) no-repeat; text-indent:-999em; text-align:left;
position:absolute; top:44px; right:224px;
}
#service-times a:focus { outline:none; }
/* @end */
/* @group NAVIGATION */
#nav, #nav * { list-style:none; margin:0; padding:0; }
#nav {
height:38px;
position:relative;
padding-left:23px;
width:850px;
z-index:11;
}
#nav li { float:left; display:inline; }
#nav li a { font-size:1.2em; color:#FFF; text-decoration:none; padding:0 18px; display:block; line-height:38px;}
#nav li:hover a,
#nav li a:hover { color:#000; background:#cfc7b4 url(../images/nav_hover_bg.gif) repeat-x left bottom; }
#nav li.current { background:url(../images/nav_li_current.gif) no-repeat left top; position:relative; top:-4px; margin-bottom:-8px; padding-left:3px;}
#nav li.current a,
#nav li.current a:hover {
padding-left:15px; background:url(../images/nav_a_current.gif) no-repeat right top;
color:#7f1b16; line-height:43px; font-weight:bold;
}
#nav li li { float:none; display:block; }
#nav li.current li a { font-weight:normal; color:#46443e; padding:0 18px; }
#nav li:hover li a,
#nav li li a { line-height:29px; background:#861e19; color:#fff; width:195px; font-size:12px; padding:0 18px; }
#nav li.current li { padding:0; }
#nav li.current li a:hover,
#nav li li a:hover { background:#f4efe5; color:#292825; font-weight:normal; line-height:29px; top:0; margin-bottom:0; padding:0 18px; }
#nav li ul { position:absolute;left:-5000px;z-index:1001; border:1px solid #d1cbbd; border-top:0; margin-left:-1px; }
#nav li:hover ul { left:auto;}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul
{ left:-5000px;}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul
{ left:auto;}
#nav li:hover ul li:hover ul
{ margin:-28px 0 0 150px;}
/* @end */
/* @group NAVIGATION Add-ons */
#pets {
background:url(../images/nav_pets.png) no-repeat right top;
display:block;
height:26px;
width:28px;
text-indent:-9999px;
float:right;
margin-top:5px;
}
#family {
background:url(../images/nav_family.png) no-repeat right top;
display:block;
height:26px;
width:39px;
text-indent:-9999px;
float:right;
margin-top:5px;
}
/* @end */
/* @group BANNER */
#banner img { border:0; }
#banner { display:block; width:888px; height:222px; position:relative; top:-4px; background:url(../images/sub_banner_bg.jpg) no-repeat; z-index:10; }
#banner-inner {
float:left; margin:0; width:869px; height:192px;
background:url(../mediafiles/subpage-header.jpg) no-repeat; position:relative; left:10px; top:12px;
}
#banner-left {
display:block; width:93px; height:222px; background:url(../images/sub_banner_left.jpg) no-repeat;
position:absolute; top:-10px; left:-93px;
}
#banner-right {
display:block; width:100px; height:222px; background:url(../images/sub_banner_right.jpg) no-repeat;
position:absolute; top:-10px; right:-100px;
}
/* @end */
/* @group PRIMARY CONTENT */
#primaryContent { position:relative; width:888px; }
#content { float:left; width:600px; padding-left:15px; padding-bottom:0; }
#content.wide { width:860px; }
#sidebar .side-section a,
#content a { color:#871e19; }
#content a:hover { text-decoration:none; }
#lowerContent {
padding-bottom:100px;
margin-top:-4px;
background-image: url(../images/inner_bg_main.jpg);
background-repeat: repeat-y;
}
#lowerContent p,
#lowerContent li,
#lowerContent td { font-size:1.3em; color:#3d3d3a; line-height:1.5em; }
#content .article p { margin-top:0; }
#primaryContent li p,
#content li p,
#content td * { font-size:1em; margin:0; line-height:1em; }
img.left-align { float:left; margin:10px 10px 10px 0; }
img.right-align { float:right; margin:10px 0 10px 10px }
img.no-border { border:0;}
/* @group HEADINGS */
h2, h3, h4, h5, h6 { color:#871e19; }
h2 { margin-top:0; font-size:1.7em; font-family:georgia, times, roman, serif; }
#content h3 { font-size:1.5em; }
#content h4 { font-size:1.4em; }
#content h4.title { margin:0; }
#content h5 { font-size:1.3em }
#content h6 { font-size:1.3em; font-style:italic; }
/* @end */
/* @group SIDEBAR */
.box { background:url(../images/box_bg.gif) repeat-y left top; }
.box-btm {
background:url(../images/box_btm.gif) no-repeat left bottom; display:block; height:20px; width:235px;
position:relative;
}
#subnav .box-btm { margin:0; }
#sidebar {
float:right; width:235px; background:url(../images/sidebar_bg.gif) no-repeat;
position:relative;
}
#sidebar.blank,
#sermons #sidebar { background:none; }
#sidebar .side-section { padding:0 0 0 12px; clear:both; }
#subnav { margin-top:7px; padding:7px 17px 0 17px; background:url(../images/box_bg.gif) repeat-y left top; }
#subnav .box-btm { margin-left:-17px; }
#snav, #snav * { margin:0; padding:0; list-style:none; }
#snav li { display:none; }
#articles li#snav_resources,
#articles li#snav_resources li,
#sermons li#snav_resources,
#sermons li#snav_resources li,
#snav li.current,
#snav li.current li { display:block; }
#snav li.current li li { display:none; }
#snav li li.current li { display:block; }
#articles li#snav_resources a,
#sermons li#snav_resources a,
#snav li.current a {
display:block; font-size:14px; font-weight:bold; text-decoration:none; color:#871e19;
padding:0 7px 9px; border-bottom:1px solid #cfc8b2; margin-bottom:7px;
}
#articles li#snav_resources li a,
#sermons li#snav_resources li a,
#snav li.current li a { font-size:13px; font-weight:normal; color:#2d2d2d; padding:0 7px; margin:0; border:0; height:28px; line-height:28px; overflow:hidden; }
#snav li.current li a:hover { text-decoration:underline; color:#525252; }
#articles li#snav_resources li#snav_resources_articles a,
#sermons li#snav_resources li#snav_resources_sermons a,
#snav li li.current a:hover,
#snav li li.current a {
background:url(../images/current_arrow.gif) no-repeat; position:relative; left:-17px;
padding:0 0 0 24px; height:28px; color:#fff; margin:0; line-height:28px; width:189px; text-decoration:none;
}
#sermons li#snav_resources li a:hover,
#articles li#snav_resources li a:hover,
#snav li li a:hover { color:#292927; }
/* 3RD LEVELS - initially hide 3rd levels */
#snav li li.active a,
#snav li li.current.active a { background:url(../images/right_arrow.gif) no-repeat right center; display:inline; padding-right:10px; color:#2d2d2d; }
#snav li li.current.active a:hover { text-decoration:underline; color:#525252; }
#snav li.current li li a { margin-left:15px; }
#snav li li.active li a,
#snav li li.current li a:hover,
#snav li li.current li a { background:none; color:#2d2d2d; text-decoration:none; margin-left:15px; }
#snav li li.current li a:hover { text-decoration:underline; }
#snav li li.active li.current a:hover,
#snav li li.active li.current a {
left:-32px; padding-left:38px; width:175px; background:url(../images/current_arrow.gif) no-repeat;
color:#fff; text-decoration:none; display:block;
}
/* SERMON AND ARTICLE PAGE CORRECTIONS */
#events li#snav_home,
#articles li#snav_home,
#sermons li#snav_home { display:none; }
/* @end */
/* @end */
/* @group SECONDARY CONTENT */
#secondaryContent { position:relative; }
#secondaryContent .column { width:267px; margin-right:0px; background:url(../images/stripe_bg.gif) repeat-x left 26px;}
/* @end */
/* @group FOOTER */
#footer {
position:relative;
margin-top:-1em;
background:#B2B292 url(../images/footer_bg.gif) repeat-x;
height:200px;
}
#footer-inner {
width:860px;
text-align:center;
height:157px;
padding-top:20px;
background:url(../images/vignette_bg.png) no-repeat center 100px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#footer p { font-size:1.1em; color:#605746; margin:0 0 1px; line-height:1.3em; }
#footer a { color:#3b352c; }
#footer a:hover { text-decoration: none; }
#footer-buttons { margin-top:11px; }
#footer img { border:0; }
/* @end */
/* @group SERMONS */
#filter { margin:0 0 1em; }
#filter select { width:100px; margin-left:10px; }
#filter a { margin-left:20px; }
.sermonlist { }
#content .sermonlist h4 { margin:0; padding:10px 0; }
.sermonbox { position:relative; padding:10px 0; border-top:1px solid #dfdaca; }
.sermonbox a { text-decoration:underline; }
.sermonbox a:hover { text-decoration:none; }
#content .sermonbox h5 { margin:0;}
#content .sermonbox h5 span { font-size:10px; margin-left:10px; }
.sermonbox h5 a { font-weight:bold; color:#183a6c;}
.sermonbox h5 a:hover { color:#556c6b }
#content .sermonbox p { margin:0;}
.sermonbox ul { position:absolute; top:30px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li { float:left; display:inline; margin-right:5px; }
.sermonbox li a { display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li a:focus { outline:none; }
/* @group MEDIA BOX */
#text { }
#byline { margin:10px 0 0; padding:0; list-style:none; }
#mediabox {
float:right; width:125px; padding:10px; margin:5px 0 0 10px; list-style:none;
border:1px solid #dfdaca; background:#f2ede3;
}
#mediabox li { padding:2px 0 2px 20px; }
#mediabox li a { color:#871e19; }
#mediabox li a:hover { text-decoration:none; }
#mediabox li#mb_links { background:#d3cebd; color:#656560; margin:-10px -10px 10px; padding:10px; font-weight:bold; border-bottom:1px solid #d3cebd; }
/* @end */
/* @group HOW IT WORKS */
#sorting,
#how-it-works { padding:17px; margin:10px 0; }
#sorting h3,
#how-it-works h3 {
background:url(../images/sidebar_bg.gif) no-repeat left top;
margin:-17px -17px 1em; padding:17px 17px 0; font-size:1.5em;
}
#how-it-works ul { margin:1.5em 0 0; padding:0; list-style:none; }
#how-it-works li { padding-left:20px; margin-bottom:1.5em; font-size:1.2em; }
#how-it-works li span { font-weight:bold; }
.box .box-btm { margin:0 -17px -17px; }
/* @end */
/* @group SORTING */
#sorting select,
#sorting label { display:block; }
#sorting select { width:100%; margin-bottom:1.5em; }
#sorting label { font-size:1.3em; margin-bottom:.5em; }
#sorting a { font-size:1.2em; color:#871e19; }
#sorting li a:hover { text-decoration: none; }
/* @end */
/* @end */
/* @group CALENDAR */
#content table.calendar { margin-bottom: 25px; border-collapse: collapse; width:100%; }
#content table.calendar caption { padding-bottom: 10px; color: #871e19; font-size: 1.4em; }
#content table.calendar th { padding: 6px 0; background:#d3cebd; color:#871e19; font-size: 1.3em; font-weight: normal; }
#content table.calendar td {
width: 68px; height: 68px; padding: 2px; border: 1px solid #dfdaca; border-left: 0;
border-top: 0; background:#f2ede3; color:#252525; font-size: 1em; vertical-align: top;
}
#content table.calendar td a { text-decoration: none; }
#content table.calendar td ul { margin: .5em 0 0 .5em; padding:0; 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 { text-decoration: underline; }
#content table.calendar td li a:hover{ text-decoration: none; }
/* @end */
/* misc
----------------------------------------------- */
.section{
border-top: 4px solid #3d3d33;
padding: 1.4em 0 3.2em 0;
overflow: auto;
width: 100%;
}
.first{ border-top: none; padding-top: 0; }
.thumbnail{
padding: 3px 3px 8px 3px;
background-color: #D9D8BE;
border: .5px solid #B8B790;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.caption{ font-size: 0.9em; padding-top: 0.2em ; }
/* @group PRIMARY CONTENT */
#content2 { float:left; width:600px; padding-left:15px; padding-bottom:0; }
#content2.wide { width:860px; }
#content2 a { color:#B8B790;}
#content2 a:hover { text-decoration:none; }
/*Testimonials boxes */
.sermonlist { border-top:8px solid #3c1c0a; }
#primaryContent .sermonlist h4 { margin:0; padding:10px 10px 0; background:#eee9d6; }
.articlebox { position:relative; padding:10px; background:#F3EEE4; }
.articlebox a { text-decoration:underline; }
.articlebox a:hover { text-decoration:none; }