@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
        font-family:Lucida sans, Arial, sans-serif;
}

body{
        background:url(images/bg.jpg) repeat-x;
        background-color:#1f1f1f;
        margin:0;
padding:0;
width:100%;
float:left;
}

h1{
        font-family:Lucida sans, Arial, sans-serif;
        font-size:16px;
        font-weight:bold;
        color:#fff;
        background-color:#2f628b;
background:url(images/h1Bg.jpg) repeat-x;
background-position:bottom left;
        margin:-10px 0 10px -10px;
width:585px;
padding:5px 10px;
float:left;
}

h2{
        font-family:Lucida sans;
        font-size:20px;
        font-weight:bold;
        color:#2f628b;
}

h3{
        font-family:Lucida sans;
        font-size:14px;
        font-weight:bold;
        color:#2f628b;
}

a{
color:#2f628b;
}

p{
color:#333;
font-size:12px;
line-height:20px;
margin-bottom:20px;
}

#whiteArea ul{
list-style:none;
font-size:12px;
border-left:5px solid #ddd;
margin-top:10px;
}

#whiteArea ul li{
padding-left:20px;
margin-bottom:20px;
}

a img{
border:none;
}

#container{
width:900px;
margin:0 auto 20px auto;
}


/* =================== HEADER + NAVIGATION ================= */
#header{
width:900px;
float:left;
clear:both;
height:auto;
}

.headerBox{
width:auto;
height:110px;
float:left;
}

#header a img{
border:none;
}

#navigation{
width:100%;
float:left;
clear:both;
font-family:lucida sans;
font-size:14px;
margin:0 0 10px 0;
height:25px;
}

#navigation ul{
list-style:none;
}

#navigation ul li{
float:left;
position:relative;
}

#navigation ul li a{
margin:3px 17px;
display:block;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#navigation ul li a:hover{
color:#2f628b;
border-bottom:5px solid #2f628b;
}

#navigation ul li ul{ 
        margin:0;  
        list-style:none; 
        display:none; 
        position:absolute; 
z-index:99;
border:none;
}

#navigation ul li:hover ul { 
        display:block; 
margin-top:20px;
margin-left:9px;
}

#navigation ul li ul li { 
font-size:11px;
font-weight:normal;
        clear:left;
position:relative;
z-index:99;
border-right:none;
border-left:none;
background-image:none;
background-color:#2f628b;
        filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
padding:0;
}

#navigation ul li ul li a{
width:150px;
padding:5px 10px;
}

#navigation ul li ul li a:hover{
background-color:#97bad7;
border:none!important;
}

#search{
height:110px;
float:right;
font-family:lucida sans;
font-size:10px;
line-height:25px;
font-weight:bold;
color:#666;
margin-top:15px;
}


.searchTop{
width:254px;
height:7px;
background:url(images/searchTop.png) no-repeat;
float:left;
clear:both;
}

.searchMain{
width:254px;
height:auto;
float:left;
clear:both;
background:url(images/searchBg.png) repeat;
padding:5px 0;
text-align:center;
}

.searchBottom{
width:254px;
height:7px;
background:url(images/searchBottom.png) no-repeat;
float:left;
clear:both;
}

#link1{
width:83px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link1.png) no-repeat;
margin:0 17px;
}

#link1:hover{
width:83px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link2{
width:41px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link2.png) no-repeat;
margin:0 17px;
}

#link2:hover{
width:41px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link3{
width:134px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link3.png) no-repeat;
margin:0 17px;
}

#link3:hover{
width:134px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link4{
width:95px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link4.png) no-repeat;
margin:0 17px;
}

#link4:hover{
width:95px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link5{
width:26px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link5.png) no-repeat;
margin:0 17px;
}

#link5:hover{
width:26px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link6{
width:115px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link6.png) no-repeat;
margin:0 17px;
}

#link6:hover{
width:115px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link7{
width:76px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link7.png) no-repeat;
margin:0 17px;
}

#link7:hover{
width:76px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

#link8{
width:56px;
height:14px;
background-position:0 -14px!important;
float:left;
background:url(images/link8.png) no-repeat;
margin:0 17px;
}

#link8:hover{
width:56px;
height:14px;
background-position:0 0!important;
float:left;
border-bottom:5px solid #2f628b
}

/* ================================================ */

#content{
width:900px;
float:left;
clear:both;
padding-bottom:20px;
}

#whiteArea{
width:585px;
padding:10px;
background-color:#fff;
float:left;
min-height:418px;
}


/* ================== SIDEBAR ===================== */
#sidebar{
width:285px;
float:left;
height:auto;
margin-right:10px;
}

.sideBox{
margin-bottom:10px;
float:left;
clear:both;
background-color:#fff;
width:100%;
}

.sideBox a{
height:auto!important;
padding:0!important;
display:block;
}

.sideBox a img{
border:none;
}

.sideBox h2{
background:url(images/h1Bg.jpg) repeat-x;
background-position:bottom left;
color:#fff;
padding:5px 10px;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
}

.sideBox ul{
list-style:none;
}

.sideBox ul li a{
padding:5px 10px;
float:left;
background-color:#eee;
display:block;
width:265px;
text-decoration:none;
}

.sideBox ul li a:hover{
color:#fff;
background-color:#6097b5;
}

.selectBox{
width:100%;
text-align:center;
padding:10px 0;
}

.sideBox p{
margin:10px;
}

/* =========================================================== */

#mainContent{
width:605px;
float:left;
}

.mainBottomLinks{
background:url(images/mainBottomBg.jpg) repeat-x;
height:91px;
width:100%;
float:left;
clear:both;
}

.mainBottomLinks a{
margin:10px 15px 0 15px;
}

#bottom1{
width:120px;
height:68px;
background-position:0 -68px!important;
float:left;
background:url(images/bottom1.png) no-repeat;
display:none;
}

#bottom1:hover{
width:120px;
height:68px;
background-position:0 0!important;
float:left;
}

#bottom2{
width:120px;
height:68px;
background-position:0 -68px!important;
float:left;
background:url(images/bottom2.png) no-repeat;
}

#bottom2:hover{
width:120px;
height:68px;
background-position:0 0!important;
float:left;
}

#bottom3{
width:120px;
height:68px;
background-position:0 -68px!important;
float:left;
background:url(images/bottom3.png) no-repeat;
}

#bottom3:hover{
width:120px;
height:68px;
background-position:0 0!important;
float:left;
}

#bottom4{
width:120px;
height:68px;
background-position:0 -68px!important;
float:left;
background:url(images/bottom4.png) no-repeat;
}

#bottom4:hover{
width:120px;
height:68px;
background-position:0 0!important;
float:left;
}

#bottom5{
width:120px;
height:68px;
background-position:0 -68px!important;
float:left;
background:url(images/bottom5.png) no-repeat;
}

#bottom5:hover{
width:120px;
height:68px;
background-position:0 0!important;
float:left;
}

.sep{
width:1px;
height:68px;
background:url(images/mainBottomSep.jpg) no-repeat;
float:left;
margin-top:10px;
}

#footer{
width:900px;
float:left;
clear:both;
height:100px;
font-size:10px;
color:#fff;
}

.footerLinks{
float:left;
margin-right:100px;
}

.footerCopyright{
float:left;
}

.footerSocial{
float:right;
margin-top:-8px;
}

#footer a{
color:#ccc;
}

.date{
font-size:11px;
font-style:italic;
color:#999;
display:block;
margin-bottom:15px;
}

.archiveBox, .sermonBox{
padding:10px;
}

.archiveBox .date{
margin-bottom:10px;
}

.archiveBox p, .sermonBox p{
font-size:11px;
}

.odd{
background-color:#ebf2f7;
}

.sermonBox{
float:left;
width:565px;
}

.currentSeries{
background-color:#ebf2f7;
margin-bottom:10px;
}

.sermonImage{
margin-right:10px;
float:left;
background-color:#666;
}

.sermonText{
float:left;
width:380px;
}

.sermonText p{
margin:0!important;
padding:0!important;
line-height:100%;
}

.normalParagraph p{
line-height:140%!important;
}

.audioContainer{
float:left;
clear:both;
margin-top:10px;
padding:10px;
background-color:#eee;
margin-left:-10px;
width:585px;
position:relative;
}

.darkText{
color:#000;
font-weight:normal;
}

.downloadNotes{
font-size:11px;
position:absolute;
bottom:15px;
right:10px;
}

.seriesInfo{
float:left;
clear:both;
margin-top:10px;
}

.seriesInfo p{
font-size:11px;
line-height:140%;
}

.seriesInfo ul{
list-style:none;
font-size:12px;
margin-top:10px;
}

.seriesInfo a{
font-weight:bold;
}

#whiteArea img.alignright {border:1px solid #ddd; padding:10px;float:right; margin:0 0 1em 1em}
#whiteArea img.alignleft {border:1px solid #ddd; padding:10px;float:left; margin:0 1em 1em 0}
#whiteArea img.alignnone {border:1px solid #ddd; padding:10px;display:block;}
#whiteArea img.aligncenter {border:1px solid #ddd; padding:10px;display: block; margin-left: auto; margin-right: auto}
#whiteArea a img.alignright {border:1px solid #ddd; padding:10px;float:right; margin:0 0 1em 1em}
#whiteArea a img.alignleft {border:1px solid #ddd; padding:10px;float:left; margin:0 1em 1em 0}
#whiteArea a img.alignnone {border:1px solid #ddd; padding:10px;display:block;}
#whiteArea a img.aligncenter {border:1px solid #ddd; padding:10px;display: block; margin-left: auto; margin-right: auto}

.videoContainer{
width:100%;
float:left;
clear:both;
margin-bottom:10px;
}

.video{
background-color:#fff;
width:120px;
padding:5px;
display:block;
float:left;
border:1px solid #eee;
margin-right:10px;
}

.videoBox{
width:120px;
height:auto;
float:left;
clear:both;
position:relative;
z-index:1;
}

.play{
position:absolute;
width:120px;
height:90px;
background:url(images/play.png) no-repeat;
}

.videoTitle{
font-size:12px;
color:#2f628b;
}

.imageGallery{
float:left;
clear:both;
}

.imageGallery ul{
border:none!important;
}

.imageGallery ul li{
float:left;
padding:0!important;
margin:0!important;
}

.imageGallery ul li a{
padding:5px;
border:1px solid #eee;
display:block;
margin-right:10px;
}

.staffWrapper{
float:left;
clear:both;
margin-bottom:20px;
}

.staffPic{
width:140px;
float:left;
}

.staffPic img{
padding:5px;
border:1px solid #ddd;
}

.staffText{
width:440px;
float:left;
}

.currentSeriesHover{
width:139px;
height:40px;
position:absolute;
top:0;
left:5px;
background:url(images/current_series.png) no-repeat;
}

.sideBox ul li a{
width:265px;
border-bottom:1px solid #ddd;
padding:10px!important;
display:block;
font-size:11px;
}

.sideBox ul li a strong{
font-size:14px;
}

.eventDetails{
background-color:#eee;
border:1px solid #d9d9d9;
padding:10px 10px 0 10px;
}

.sliderBox{
position:relative;
}

#welcomeHeaderNav{
list-style:none;
position:relative;
float:left;
z-index:1001;
width:585px;
margin:-40px auto 0 auto;
text-align:center;
}

#welcomeHeaderNav a{
margin-right:10px;
background-color:#000;
border:1px solid #222;
padding:0 7px;
font-size:10px;
}

#welcomeHeaderNav a.activeSlide{
background-color:#2f628b;
border:1px solid #005;
padding:0 7px;
font-size:10px;
}

#mainSlider{
float:left;
width:605px;
height:337px;
}

#cat.postform{
width:250px;
}