body {font:normal 12px arial;}
body.home {background:url(/images/site/homebg.png) no-repeat center 177px;}
body.kids {background:url(/images/site/kidsBG.png);}
#container {width:960px; margin:0 auto;}

a {color:#559fb5; text-decoration:none;}
a:hover {text-decoration:underline;}


#header {margin:91px 0 37px 0; height:54px; position:relative; overflow:hidden; padding:0 0 0 30px;}
#header h1 {width:239px; float:left;}
#nav {width:600px; position:absolute; bottom:0px; right:25px; }
#nav li {display:inline;}
#nav li a {text-decoration:none; font:normal 13px verdana; color:#9c9b9a; background:url(/images/site/navbg.png) no-repeat center left; padding:0 12px 0 18px;}
#nav li a:hover {color:#559fb5;}

#funcNav {width:105px; position:absolute; top:0px; right:30px;}
#funcNav li {display:inline;}
#funcNav a {font:normal 11px verdana; color:#bdbcbc; text-decoration:none; padding:0px 3px;}
#funcNav a:hover {color:#559fb5;}

#mainTop {margin:0 0 40px 44px; position:relative;}
#newsBadge {display:block; background:url(/images/site/eventButton.png) no-repeat; 
height:124px; width:129px; text-indent:-999em; position:absolute; bottom:-33px; right:0px; z-index:200;}

#highlightWrap ul {overflow:hidden; width:808px; margin:0 auto;}
#highlightWrap li {padding:5px 0 0 10px; width:254px; height:151px; background:url(/images/site/highlightbg.png) no-repeat; float:left; margin-right:8px}
#highlightWrap li:last-child {margin-right:0px}

#tnav {height:15px; position:absolute; bottom:-5px; left:2px; overflow:hidden; z-index:200}
#tnav a {display:block; height:5px; width:30px; background-color:#fff; float:left; color:#333!important; font-size:8px; overflow:hidden; text-indent:-999em; margin-right:2px;}
#tnav a.activeSlide {background-color:#559FB5;}

.jcarousel-clip {width:808px; margin:0 auto;}
#prev {height:150px; width:28px; background:url(/images/site/leftbg.png) no-repeat; position:absolute; top:0px; left:0px;}
#next {height:150px; width:30px; background:url(/images/site/rightbg.png) no-repeat; position:absolute; top:0px; right:0px;}
#prev a, #next a {display:block; width:25px; height:25px; text-indent:-999em; background:url(/images/site/highlightArrows.png) no-repeat;}

#prev a { margin:62px 0 0 1px;}
#prev a:hover {background-position:bottom left;}
#next a {background-position:top right; margin:65px 0 0 4px;}
#next a:hover {background-position:bottom right;}


#mainBottom {position:relative; width:885px; margin:0px auto;}

#footer {background:url(/images/site/footerbg.png) repeat-x; height:40px; padding-top:15px; overflow:hidden; width:881px; margin:25px auto;}
#footer a {display:block; float:right; margin-left:10px;}



#content {}
#pageImg {text-align:center; background:url(/images/site/pageheader.png) no-repeat; height:176px; width:894px; margin:0 auto 20px auto;  padding:7px 0 0 0}
#side {width:195px; float:left; margin-left:38px;}
#main {width:688px; float:right; margin-right:38px; font:normal 12px verdana;}
#main h1 {color:#559fb5; font:normal 24px verdana; margin-bottom:10px; text-transform:uppercase;}
#main p {margin-bottom:15px;}

#nav_sub li a {color:#a9a8a7; text-decoration:none; font:normal 13px/20px verdana; }
li.overview a {text-transform:uppercase;}
#nav_sub li.here a {color:#559fb5;}
#nav_sub ul {margin-left:10px;}
#nav_sub ul li a {text-transform:none; font:normal 12px verdana;}
#nav_sub li.here li a {color:#a9a8a7;}


label {display:block; margin-bottom:2px;}
.radioInline label {display:inline}
.radioInline span {display:block}
textarea {font:normal 12px/18px arial;  padding:3px; color:#666;}

#prayerrequest .radioInline span {font-size:14px; color:#559fb5; margin-bottom:2px; display:block;}
#prayerrequest textarea {width:500px;}
input[type="text"] {color:#666;  width:250px;}

.eventsHeader {border-bottom:1px solid #c0bcbc; overflow:hidden; margin-bottom:20px;}
.eventsHeader h1 {float:left;}
.eventsHeader a {display:block; float:right; margin-top:10px; color:#559fb5; text-decoration:none;}
.eventsHeader a:hover {text-decoration:underline; color:#000;}

.vevent {border-bottom:1px solid #c0bcbc; overflow:hidden; margin-bottom:20px; padding-bottom:15px; font:normal 11px verdana;}
.eventTitle {overflow:hidden;}
.vevent h3 {float:left; font:normal 14px verdana; margin:0px;}
.vevent .eventTitle a {display:block; float:right; color:#559fb5; text-decoration:none;}
.vevent h4 {color:#a9a8a7; margin-bottom:15px;}
#main .vevent p {margin-bottom:5px;}
#main .vevent .description {margin-top:15px;}


.staff .staffTop {overflow:hidden; margin-bottom:10px;}
.staff .staffTop h3 {float:left; color:#000; text-decoration:none;  font:normal 14px verdana;}
.staff .staffTop a {display:block; float:right;}
.staff img {display:block; background:url(/images/site/staffbg.png) no-repeat; padding:8px 10px 15px 10px; width:469px; margin:0 auto;}

#volunteer #street1 {width:500px;}

.vol_address {overflow:hidden;}
.vol_city, .vol_state, .vol_zip {float:left;}
.vol_city {margin-right:10px;}
.vol_state {width:40px; margin-right:10px;}
.vol_state input {width:30px;}
.vol_zip {width:80px;}
.vol_zip input {width:70px;}
#contactarea {width:250px;}

#footer .text {padding-top:7px; color:#bdbcbc;}

/* KIDS PAGE */
#kenter {margin:150px auto; text-align:right; width:894px;}
#kenter a {color:#FFF; padding-right:5px; font:normal 11px verdana;}
#kenter a:hover {color:#e9901d;}

/* MEDIA ARCHIVE */
#mediaArchive {padding-left: 30px;}
.sermonSeries {width: 651px; margin-bottom: 20px; clear: both;}
#archiveLatest {position: absolute; z-index: 2; width: 226px; min-height: 157px; background: url(/images/site/archive-latest.png) top right no-repeat;}
.seriesPic {float: left; min-height: 157px; width: 231px; background: url(/images/site/sermon-pic-bg.jpg) top right no-repeat; display:block; margin: 0 10px 10px 0;}
.sermonSeries h2 {font-family: Verdana; font-weight: bold; font-size: 14px; color: #9c9b9a; margin-bottom: 15px;}
.sermonEntry {width: 400px; display: block; margin: 0 0 0 241px; padding: 4px 5px; color: #000; clear: right;}
.sermonEntry:hover {text-decoration:none; cursor: pointer; color: #FFF; background-color: #559fb5;}
.sermonDetails {width: 400px; display: block; padding: 5px; margin-left: 241px;}
.sermonDetails a {margin: 0 0 10px 0; padding: 5px; float: right; background-color: #eee; border: 1px solid #ccc;}
.sermonDetails a:hover {background-color: #559fb5; color: #fff; cursor: pointer; text-decoration: none;}
.stripe {background: #eee;}
.sermonSeries strong {font-weight: bold;}
.guestSpeaker {font-size: 10px;}
.archiveDate {float: right;}
.sermonSeries hr {clear:both; background-color: #ddd; color: #ddd; height: 2px; border: 0; width: 650px;}
#mediaPagination {clear: both}
#mediaPagination a {color: #000; background-color: #eee; border: 1px solid #9c9b9a; padding: 3px 5px 2px 5px; margin: 0 1px; font-family: Arial;}
#mediaPagination a:hover {color:#fff; background-color: #559fb5; text-decoration: none;}

/* SERMON PAGE */
#sermonPage {padding-left: 30px;}
#nowWatching {margin: 10px auto 5px auto; font-size: 11px; width: 500px; text-align: center;}
#nowWatching a:hover {text-decoration: none; cursor: pointer;}
#currentInfo {width: 840px; background: url(/images/site/current-white-border.png) no-repeat top left; padding: 20px 35px; min-height: 283px;}
#seriesInfo h2 {font-family: Verdana; font-weight: bold; font-size: 14px; color: #9c9b9a; margin-bottom: 15px; width: 226px; text-align: center;}
#seriesInfo p {text-align: justify; padding-top: 35px;}
#seriesList {width: 285px; float: right; min-height: 200px;}
#seriesSeparator {width: 3px; height: 215px; float:right; background: url(/images/site/series-separator.png) no-repeat bottom; margin: 0 10px;}
#seriesList h2 {font-family: Verdana; font-weight: bold; font-size: 14px; color: #9c9b9a; margin-bottom: 15px; width: 285px; text-align: center;}
#seriesList li {padding: 2px 5px;}
#seriesList strong {font-weight: bold;}
#seriesList a {color: #000; cursor: pointer;}
#seriesList a:hover {text-decoration: none; color: #559fb5;}
#seriesList a:visited {text-decoration: none; color: #559fb5;}
.downloadLinks {font-size: 10px; margin-left: 20px;}
.downloadLinks a {color: #000; cursor: pointer;}
.downloadLinks a:hover {text-decoration: none; color: #559fb5;}
.vLine {color: #ccc;}

#groupInterest h2 {font-size:16px; color:#559FB5; margin-bottom:10px;}
.groupcheck label {display:inline; padding-left:5px;}