body
{
text-align: center; 
background: url(graphics/bg1.jpg) 0 0;
background-repeat: repeat;
}
.map
{
text-align: center;
}
#container
{
margin-left: auto; 
margin-right: auto; 
width: 821px; 
text-align: left; 
background: #ffffff; 
border: 1px solid gray;
}
.directions
{
margin-left: 100px; 
margin-right: 100px; 
font:12px/18px verdana, arial; 
text-align: center;
}
#header
{
padding-left: 20px; 
padding-right: 20px; 
padding-top: 20px; 
padding-bottom: 20px;
}
#header2
{
margin-left: 20px; 
margin-right: 20px; 
border-bottom: 3px solid #dedbf8; 
padding: 0;
}
#rightnav
{
float: right; 
width: 190px; 
margin: 0; 
text-align: left; 
padding-top: 20px;
}
#content
{
border-right: 3px solid #dedbf8; 
margin-right: 210px; 
padding-left: 20px; 
padding-right: 20px; 
padding-top: 20px; 
padding-bottom: 10px; 
font:12px/18px verdana, arial; 
text-align: justify;
}
#footer
{
clear: both; 
margin-left: 20px; 
margin-right: 20px; 
text-align: center; 
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 10px;
color: #333; 
background-color: #ffffff; 
border-top: 3px solid #dedbf8; 
border-bottom: 3px solid #dedbf8; 
font: 10px verdana;
}
.footlink
{
color: #333;
}
#content h2
{
margin: 0 0 .5em 0;
font-size: 24px;
font-family: verdana; 
line-height: 24px;
font-weight: normal;
color: #000000;
}
#content h3
{
margin: 0 0 .5em 0;
font-size: 18px;
font-family: verdana; 
line-height: 18px;
font-weight: normal;
color: #000000;
padding-top: 10px;
}
#content h4
{
margin: 0 0 .5em 0;
font-size: 18px;
font-family: verdana; 
line-height: 18px;
font-weight: normal;
color: #000000;
}
#navcontainer
{
background: #e0ddfa;
width: 170px;
margin: 0 0;
padding: 10px 0;
font-family: verdana, arial;
font-size: 11px;
text-align: center;
}
ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 150px;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 6px 0 6px 10px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #384a70;
text-decoration: none;
background: #afb7f5;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #c6c9fa;
color: #777;
}

ul#navlist li.subactive a
{
background: #e6e4fa;
padding: 6px 0 6px 15px;
color: #777;
width: 145px;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #4d6aa4;
background: transparent;
border-color: #aaab9c #fff #fff #aaab9c;
}
#bottom
{
margin: 0px; 
padding: 10px;
}
.banner
{
padding: 0;
border: 1px solid #666;
}
.left
{
float: left; 
margin: 5px 10px 0 0; 
border: 1px solid #666;
}
.leftno
{
float: left; 
margin: 5px 10px 0 0; 
border: 0;
}
.right
{
float: right; 
margin: 5px 0 0 10px; 
border: 1px solid #666;
}
.rightno
{
float: right; 
margin: 5px 0 0 10px; 
}
#icon
{
float: right;
border: 0;
margin: 5px 0 0 10px;
}
.belief
{
display: block;
padding-bottom: 18px;
}
#linkinside
{
width: 100px;
TEXT-DECORATION: none;
text-align: right;
vertical-align: top;
PADDING-TOP: 0px;
padding-bottom: 0px;
height: 0;
float: right;
font-weight: bold;
}
.verse
{
float: right;
text-align: left;
font-family: verdana, arial;
font-size: 10px;
font-weight: normal;
line-height: 14px;
vertical-align: top;
width: 150px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #4d6aa4;
margin-left: 10px;
margin-top: -2px;
background: #e2dffa;
}
.verse A
{
DISPLAY: block;
COLOR: #000000; 
POSITION: relative; 
TEXT-DECORATION: none;
text-align: left;
}
.verse A:hover
{
border-width: 0;
}
#verse1 A .pop {
	DISPLAY: none
}
#verse2 A .pop {
	DISPLAY: none
}
#verse3 A .pop {
	DISPLAY: none
}
#verse4 A .pop {
	DISPLAY: none
}
#verse5 A .pop {
	DISPLAY: none
}
#verse6 A .pop {
	DISPLAY: none
}
#verse7 A .pop {
	DISPLAY: none
}
#verse8 A .pop {
	DISPLAY: none
}
#verse9 A .pop {
	DISPLAY: none
}
#verse10 A .pop {
	DISPLAY: none
}
#verse1 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse2 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse3 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse4 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse5 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse6 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse7 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse8 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse9 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
#verse10 A:hover .pop {
	BORDER-RIGHT: #4d6aa4 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #4d6aa4 1px solid; DISPLAY: block; PADDING-LEFT:8px; Z-INDEX: 10; LEFT: -350px; PADDING-BOTTOM: 8px; BORDER-LEFT: #4d6aa4 1px solid; WIDTH: 320px; PADDING-TOP: 8px; BORDER-BOTTOM: #4d6aa4 1px solid; POSITION: absolute; TOP: -12px; BACKGROUND-COLOR: #e2dffa; font-family: arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none; text-align: left; line-height: 14px;
}
.cdleft
{
float: left; 
margin: 0; 
border: 0;
}
.playlist
{
text-align: right;
line-height: 23px;
}
.cdhead
{
width: 550px;
height: 115px;
border: 1px solid #333;
padding: 0;
}
.cdheadlow
{
width: 552px;
height: 18px;
font-size: 12px;
font-family: verdana;
font-weight: bold;
text-align: center;
}
#confglory
{
background: #da8343;
}
#confrest
{
background: #994610;
}
#confproph
{
background: #de3d35;
}
#confaih
{
background: #4b6ecc;
}
.cdheadlow1
{
float: left;
width: 120px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
}
.cdheadlow2
{
float: left;
width: 338px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
}
.cdheadlow3
{
float: left;
width: 90px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
}
.cdheadlow4
{
float: left;
width: 150px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
}
.row
{
width: 552px;
height: 20px;
font-size: 12px;
font-family: verdana;
}
.box1
{
float: left;
text-align: left;
width: 110px;
height: 20px;
padding-left: 10px;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.box2
{
float: left;
text-align: left;
width: 328px;
height: 20px;
padding-left: 10px;
border-left: 1px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.box3
{
float: left;
text-align: center;
width: 90px;
height: 20px;
border-left: 1px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.box4
{
float: left;
text-align: right;
width: 140px;
height: 20px;
padding-right: 10px;
border-left: 1px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.dunhead
{
width: 552px;
height: 36px;
font-size: 12px;
font-family: verdana;
font-weight: bold;
text-align: center;
}
#dun
{
background: #416276;
}
.dunhead1
{
float: left;
width: 240px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
padding-top: 18px;
}
.dunhead2
{
float: left;
width: 127px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
padding-top: 18px;
}
.dunhead3
{
float: left;
width: 90px;
height: 18px;
font-size: 12px;
font-family: verdana;
border-left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
padding-top: 18px;
}
.dunhead4
{
float: left;
width: 90px;
height: 36px;
font-size: 12px;
font-family: verdana;
border-left: 0;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
color: #ffffff;
}
.dbox1
{
float: left;
text-align: left;
width: 230px;
height: 20px;
padding-left: 10px;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.dbox2
{
float: left;
text-align: left;
width: 117px;
height: 20px;
padding-left: 10px;
border-left: 1px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.dbox3
{
float: left;
text-align: center;
width: 90px;
height: 20px;
border-left: 1px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.dbox4
{
float: left;
text-align: right;
width: 80px;
height: 20px;
padding-right: 10px;
border-left: 1px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 0;
margin: 0;
}
.cont
{
margin-bottom: 18px;
width: 550px;
}
.linkbox
{
width: 550px;
margin-bottom: 18px;
}
.linkbox2
{
width: 550px;
height: 36px;
margin-bottom: 18px;
}
.linkbox3
{
width: 550px;
height: 54px;
margin-bottom: 18px;
}
.linkleft
{
width: 200px;
}
.linkright
{
float: right;
width: 300px;
}
.site
{
line-height: 22px;
}
.display
{
width: 567px;
height: 180px;
border: 0;
margin-bottom: 18px;
}
.searchbox
{
width: 178px;
height: 178px;
border: 1px solid #333;
float: right;
text-align: center;
}
#search
{
line-height: 9px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-top: 0;
}
#searchhead
{
font-family: verdana, arial;
border-bottom: 1px solid #333;
text-align: center;
background: #afb7f5;
}
.proph
{
width: 178px;
height: 178px;
border: 1px solid #333;
float: right;
margin-left: 14px;
}
.rest
{
width: 178px;
height: 178px;
border: 1px solid #333;
float: left;
}
.votd
{
background: #e0ddfa;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-top: 0;
width: 541px;
border: 1px solid #333;
margin-bottom: 18px;
}
#votdtext
{
font-size: 11px;
font-family: verdana, arial;
}
#biblecom
{
text-align: center;
border: 0;
}
.validleft
{
float: left;
}
.validright
{
float: right;
}
.counter
{
height: 31px;
margin-bottom: 8px;
text-align: center;
}
#vidcontainer
{
text-align: center;
margin-bottom: 18px;
margin-top: 18px;
}
#slideshow
{
width: 565px;
height: 125px;
border: 1px solid #333;
margin-bottom: 12px;
}
.online
{
font-weight: bold;
font-size: 14px;
}