body { margin : 0px }

h1 { font-size : 18px ; color : #393737 ; margin-left : 20px ; margin-top : 20px }

h2 { font-size : 11pt ; color : #006D34 ; margin-left : 20px ; margin-top : 20px ; border-bottom : 1px solid #859A8F ; width : 600px}

.newsheading { font-size : 11pt ; color : #676363 ; margin-left : 20px ; margin-top : 20px ; font-weight : bold ; border-bottom : 1px solid #ccc ; width : 400px }

p, td { font-family : Arial ; font-size : 10pt ; margin-left : 20px ; color : #393737 }

.rightcellpadded { text-align : right ; padding-right : 20px }

.sidebar { float : right ; margin-top : 30px ; margin-left : 20px ; width : 200px }

.sideboxheader { 
	color : #393737 ; 
	background : #cad1d6 ; 
	font-size : 9pt ; 
	font-weight : bold ; 
	margin : 0px ; 
	padding : 3px 5px 3px 5px ; 
	width : 200px ;
	white-space : nowrap }

.sidebox { border-left : 1px solid #cad1d6 ; border-bottom : 1px solid #efefef ; margin-top : 20px }

.sidebox p { margin-left : 10px ; font-size : 9pt }

.homeboxheader { 
	color : #393737 ; 
	background : #cad1d6 ; 
	font-size : 9pt ; 
	font-weight : bold ; 
	margin : 0px ; 
	padding : 3px 5px 3px 5px ; 
	width : 300px ;
	white-space : nowrap }

.homebox { float : left ; height : 130px ; margin-left : 20px ; width : 300px ; border-left : 1px solid #cad1d6 ; border-bottom : 1px solid #efefef ; margin-top : 20px }

.homebox p { margin-left : 10px ; font-size : 9pt }

#servicetable td { border-bottom : 1px solid #EFF1CD ; vertical-align : top }

#servicetable p { margin-left : 50px }

#navcontainer { width : 500px }

#navlist { font-size : 12px ; color : white ; white-space: nowrap }

#navlist a { text-decoration : none ; color : white }

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left }

ul#navlist li a
{
color: white;
background-color: #4C4848;
}

ul#navlist li a:hover
{
color : #ffff00;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " > "; }

.sermonitem { background : #fafafa; margin-right : 50px ; padding-bottom : 20px; margin-bottom : 10px; margin-left : 20px; }
.sermonitem { font-family : Verdana; font-size : 8pt; }
.sermonitem p { font-size : 10pt; margin : 0px; font-family : Arial; }
.sermonitem .name { color : #666; margin-top : 2px}
.sermonitem .desc { margin-top : 8px; }
.sermonitem .play { margin-top : 10px; }


.ddm1 {
    font: 11px tahoma;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 1px #4C4848;
    border-style: solid none solid none;
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
    background: #4C4848;
    color: #ffffff;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #666;
    color: yellow;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #efefef;
    color: darkgray;
}
.ddm1 .item2:hover {
    background: #B0B0B0;
    color: #ffffff;
}

.ddm1 .section {
    border: 1px #003366;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
	margin-top: 28px;
}

a img { border-color : black }

.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }