/*///////////////////////////////////////////////////////////////////*/
/*                CSS for all pages contained here first            */
/*/////////////////////////////////////////////////////////////////*/


* {margin: 0px; padding: 0px;} /* initializes everything to zero */

body {
	margin-top: 10px; 
	background-image:URL(bg2.gif); 
	background-color: #666666;}

#contain {
	width: 810px;
	position:relative;
	display:block;
	margin:auto;
	border: 2px solid #000;
	background-color: #fff;
}
#header {
	display: block;	
	width: 810px;
	height: 215px;
	background-image:URL(good1.jpg);
	background-repeat: no-repeat;
}
#header h1 {visibility: hidden;}

#search {position: absolute; top: 175px; text-align: right; width: 390px; height: 40px; left: 400px; display: none;}
#search-containter {position: absolute; top: 180px; border: 1px solid #333;}

#content {
	margin-top:0px; 
	border-right: 0px solid #000; 
	border-left: 0px solid #000;
	border-top: 1px solid #000;
	}



/* navigation bar for all pages */
#nav { 
	background-color: #565895; 
	height: 54px; 
	text-align: center; 
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	border-bottom: 1px solid #000;
	width: 810px;
	background-image:url(link.gif);
	}
#nav a{
	background-color:#336677;
	border-right:1px solid #222;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight: bold;
	height:40px;
	margin:0pt;
	padding-top: 14px;
	text-decoration:none;
	width: 110px;
	text-align: center;
	background-image: url(link.gif);
	}
#nav a:hover {background-image:url(link-over.gif); background-color: #336699;}
#nav a.first {margin-left: 15px; border-left: 2px solid #000;}
#nav a.last {border-right: 2px solid #000; ; width: relative; }
#nav a:visited {color: #fff; text-decoration:none;}
#nav a:active {color: #ccc; text-decoration:none;}


#footer {text-align:center;}
.footer {width: 720px; background-image: url(bottom-links.gif); height: 25px; padding-top: 3px; margin: auto;}
.footer a {color: #336699; background: #tansparent; border: 0px solid #transparent; font-weight: bold;}
.footer a:hover {color: #000; background: #ccc; border-top: 1px solid #333; font-weight: bold;}


/* main links normal */
a:link {color: #336699; font-wight: bold; text-decoration:underline; }
a:visited {color: #666666; font-wight: bold; text-decoration:underline;}
a:active {color: #000000; font-wight: bold; text-decoration:underline;}
a:hover {color: #666699; font-wight: bold; text-decoration:underline;}



/* heading CSS definitions for different pages */
h5 {display: block; width: 200px; height: 20px; border-bottom: 1px dotted #333; }
h2 {}
h3 {margin-top:15px; margin-bottom: 10px; font-family: "Arial"; border-bottom: 1px solid #000;}
#h {color: #336699; font: italic bold 18pt "bold Arial", "Century Gothic"; text-decoration: none; width: 760px; border-bottom: 2px solid #336699; margin-bottom: 10px; }

#page {padding-right: 10px; font-weight: bold; font-size: 13pt; background-color: #336699; color: #fff;}
#page a, #page a:visited {color: #eee; text-decoration: none;}
#page a:hover {color: #ddd;}
#update {padding-left: 10px; font-weight: ; font-size: 10pt; background-color: #336699; color: #ccc;}


.right {float: right;}
.left {float: left;}

#spacer {height: 4px; display: visible;}




/*///////////////////////////////////////////////////////////////////*/
/*   index.html css  */
/*/////////////////////////////////////////////////////////////////*/



a.imgPop {
	position:relative;
	z-index:20;
	text-decoration: none;
}
a.imgPop:hover {
	display:inline;
	z-index:30;
}
a.imgPop span {
	display:none;
}
a.imgPop:hover span, a.imgPop:active span {
	display:block;
	position:absolute;
	top:1em;
	left:1em;
	width:300px;
	height:auto;
	background:#eee;
	padding: 10px;
	margin: 2px;
	border: 1px solid #333333;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}

a.verse {
	position:relative;
	z-index:20;
	text-decoration: none;
}
a.verse:hover {
	display:inline;
	z-index:30;
}
a.verse span {
	display:none;
}
a.verse:hover span, a.verse:active span {
	display:block;
	position:absolute;
	top:1.5em;
	left:1em;
	width:250px;
	height:auto;
	background:#ddd;
	padding: 5px;
	margin: 2px;
	border: 2px solid #333333;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}

#ver {display: block; border-bottom: 1px dotted #777; margin-bottom:4px; padding-bottom: 4px;}

#shafer {
	background-color:#eeeeee; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000;
	padding-bottom: 4px;}

#bar {border-top: 1px solid #000; border-bottom: 1px solid #000;}
#top-main {border-bottom: 2px dotted #000; height: 23px;}


#map {
 width: 306px;
 height: 422px;
 background: url(map2.gif);
 margin: 0px auto; 
 padding: 0;
 position: relative;
}
#map li {margin: 0; margin-left: 3px; padding: 0; position: absolute;}

#map li {width: 300px; display: block; margin-left: 3px;}
#map a {width: 300px; display: block;}

#panel1b {left: 0px; top: 48px; width: 303px; height: 100px; border: 0px solid #000;}
#panel2b {left: 0px; top: 148px; width: 303px; height: 95px;  border: 0px solid #000;}
#panel3b {left: 0px; top: 243px; width: 303px; height: 128px; border: 0px solid #000;}
#panel4b {left: 0px; top: 372px; width: 303px; height: 45px; border: 0px solid #000;}


#panel1b a:hover {background: transparent url(map2.gif) -308px -49px no-repeat; border: 1px solid #fff;}
#panel2b a:hover {background: transparent url(map2.gif) -307px -148px no-repeat;}
#panel3b a:hover {background: transparent url(map2.gif) -307px -243px no-repeat;}
#panel4b a:hover {background: transparent url(map2.gif) -307px -372px no-repeat;}







/* links on the top right of index.html */
.linkers {border: 0px solid #666; padding: 3px;}
.linkers a {
		display: block; 
		width: 96%; 
		height: 25px; 
		background: #336699; 
		margin-bottom: 1px; 
		color: #ccc; 
		text-align: right; 
		padding-right: 4px; 
		border: 1px solid #000;
		text-decoration: underline;}

.linkers a:hover {
		display: block; 
		width: 96%; height: 25px; 
		background: #666699; 
		margin-bottom: 1px; 
		color: #fff; 
		text-align: right; 
		padding-right: 4px; 
		border: 1px solid #000;
		text-decoration: underline;}
.linkers a:active {color: #fff; text-decoration: underline;}
.linkers a:visited {color: #fff; text-decoration: underline;}

	
/* quick links */
.links {border: 1px solid #222; background-color: #ccc;}
.links a {display: block; width: 208px; height: 26px; background: #bbb; color: #336699; padding-top: 5px; border: 1px solid #888;} 
.links a:hover {display: block; width: 208px; height: 26px; background: #E17BE2; color: #fff; padding-top: 5px; border: 1px solid #555;}

#links {border: 1px solid  #222; background-color: #ccc;}


/* map CSS for index.html  */
.wol {;}
.wol a {display: block; width: 298px; height: 110px; margin-top: 48px; background: #transparent;}
.wol a:hover {display: block; background: #666699; opacity: 0.2; -moz-opacity:0.20; filter:alpha(opacity=20);}

.flint {}
.flint a {display: block; width: 298px; height: 95px; background: #transparent;}
.flint a:hover {display: block; background: #666699; opacity: 0.2; -moz-opacity:0.20; filter:alpha(opacity=20); }

.sag {}
.sag a {display: block; width: 298px; height: 120px; background: #transparent;}
.sag a:hover {display: block; background: #666699; opacity: 0.2; -moz-opacity:0.20; filter:alpha(opacity=20);}

.link {;}
.link a {display: block; width: 298px; height: 40px; background: #transparent;}
.link a:hover {display: block; background: #666699; border-top: 2px dotted #000; border-bottom: 2px dotted #000; opacity: 0.4; -moz-opacity:0.40; filter:alpha(opacity=40);}





/*///////////////////////////////////////////////////////////////////*/
/* contact page links */
/*/////////////////////////////////////////////////////////////////*/


#contac {border-top: 2px solid #000000; border-bottom: 2px solid #000000; background-color: #336699; height: 29px; line-height: 30px; font-weight: bold;}
#contac a {color: #ffffff; text-decoration: none; float: left; display:block; width: 139px; height: 29px; background:#336699; border-right: 1px solid #000; }
#contac a:hover {color: #ffffff; background: teal;}


#contact {
	width: 150px; 
	border-bottom: 1px solid #333; 
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-top: 6px solid #336699;
	margin-top: 10px; 
	padding: 2px;
	background-color: #fff;}

#cont {
	width: px;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 10px;
}


/*///////////////////////////////////////////////////////////////////*/		
/* sermon page */ 
/*/////////////////////////////////////////////////////////////////*/


.linktable {border: 6px solid #666; bordercolor-light: #999; bordercolor-dark: #333;}
.linktable a {float: center; display: block; 
		background: #fefeee no-repeat center 5px; 
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
		border-left: 2px solid #666;
		width: 638px;
		height: 30px;
		text-decoration: none;
		color: #336699;
		font-weight: bold; font-size: large;
		padding-left: 8px;
		padding-top: 3px;}
.linktable a:hover {float: center; display: block; 
		background: #E2E2E2 no-repeat center 5px;
		border-bottom: 2px solid #999;
		border-right: 2px solid #999;
		border-left: 2px solid #999;
		width:638px;
		height: 30px;
		text-decoration: none;
		color: #000;
		font-weight: bold; font-size: large;
		padding-left: 8px;
		padding-top:3px;}




/*///////////////////////////////////////////////////////////////////*/
/* picture page */
/*/////////////////////////////////////////////////////////////////*/


#pic {width:95%; border: 1px solid #ddd; margin-top: 6px; background-color: #eee; padding: 5px; text-align: left; position: relative; text-indent: 5px;}
#pic span {position: absolute; right: 5px; top: 4px; display: block; width: auto;}
#pic span a   { font-size: medium; font-style: italic; font-weight: bold; text-decoration: none; bold:  }
#pic span a:hover   { color: #333; font-size: medium; font-style: italic; font-weight: bold; text-decoration: none }

#pic-box {background-color: #ccc; border: 4px solid #aaa; width: 90%; padding: 5px; margin-bottom: 20px;}
#pic-menu {border-bottom: 3px solid #aaa; text-align: left; padding: 5px; color: #999; font-weight: bold}
#pic-menu a {text-decoration: none;}
#pic-menu a:hover {text-decoration: underline}





/*///////////////////////////////////////////////////////////////////*/	
/* local page[s] */
/*/////////////////////////////////////////////////////////////////*/	

#local {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	margin-top: 4px;
	background-color: #aaa; 
	width: 98%;
	max-width: 98%;
	height: 30px; 
	padding-top: px; 
	text-align: center; 
	color: #; 
	font-weight: bold;}
#local a {
	color: #336699; 
	text-decoration: none; 
	font-weight: bold; 
	float: left; 
	display: block; 
	width: relative; 
	background: #aaa; 
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #888;}
#local a:hover {
	color: #333;  
	background: #bbb;}

#local a:active {color: #fff; text-decoration: none;}
#local a:visited {color: #336699; text-decoration: none;}
#local a.last {width: 6%; border-right: none; text-align: center}


#local2 {
	border-bottom: 0px solid #333;
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-left: 0px solid #333;
	margin-top: 4px;
	background-color: #; 
	width: 90%;
	max-width: 98%;
	height: 20px; 
	float: left; margin-left: 5px; 
	text-align: center; 
	color: #; 
	font-weight: bold;}
#local2 a {
	color: #333; 
	text-decoration: none; 
	font-weight: bold; 
	float: left; 
	display: block; 
	width: relative; 
	background: #transparent; 
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid #888;}
#local2 a:hover {
	color: #666;  
	background: #eee;
        border-right: 1px solid #999;}

#local2 a:active {color: #fff; text-decoration: none;}
#local2 a:visited {color: #333; text-decoration: none;}
#local2 a.last {width: 6%; border-right: none; text-align: center}


					





/*///////////////////////////////////////////////////////////////////*/	
/*///////////////////////////////////////////////////////////////////*/	
/* currently unused stuff - thus oddly renamed*/
/*///////////////////////////////////////////////////////////////////*/	
/*///////////////////////////////////////////////////////////////////*/	




rinput 
	{
	border: 1px solid #000; 
	background-color: #464E5B; 
	}
rinput:hover
	{
    	color:555555;
    	background-color:999999;
    	border:1px solid;
    	border-color::555555;
    	}

rinput:focus{
    	color:555555;
    	border:1px solid;
    	border-color:000000;
    	}
    	
    	
    	
    	

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 25px;
z-index:100;
opacity: 0.9;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #000;
opacity: 0.9;
}

#dropmenudiv a:hover{
background-color: #336699;
color: #fff;
opacity: 0.99;
}

    
#deaf-site {border-style: dotted; border-width: 2px; border-color: #000; background-color: #ffffdd; width: 96%;}

	
div.layoutbutton{
   width:160px;
   border:1px solid #333;
   background-color: #fff;
   position:fixed;
   position:absolute;
   top: 375px;
   left: 10px;
}
 
div.layoutbutton a{
   background-color:#fff;
   border: 1px solid #333;
   width:160px;

   color:rgb(0,0,0);

}
 
div.layoutbutton a:visited{
   background-color:#fff;
   border: 1px solid #333;
   width:160px;

   color:rgb(0,0,0);

}
 
div.layoutbutton a:hover{
   background-color:#ccc;
   width:160px;

   border: 1px solid #000;
   color:rgb(3,55,112);}
   
   
   
.main_nav {border-bottom: 1px solid #000; height: 31px; border-top: 1px solid #000;}
.main_nav a {
	background: #336688;
	border-right:1px solid #222;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	height:23px;
	margin:0pt;
	padding-top: 8px;
	text-decoration:none;
	width: 110px;
}

.main_nav a:hover {
background-color:#336666;
}
.main_nav .line_off {
border-right:1px solid #000000;
}
.main_nav .first {margin-left: 10px; border-left: 1px solid #000;}
.main_nav a:visited {text-decoration: none; color: #fff;}
.main_nav a:active {text-decoration: none; color: #fff;}


#go-back {position: absolute; top:425px; width: 200px; height: 25px; background-color: #eee; border: 1px solid #000;}

#about		{border-style: solid; border-width:1px;}
	#about2		{border-right: 2px solid #000; border-left: 2px solid #000; border-bottom: 2px solid #000;}
	#main		{border-top: #000; border-right: 2px solid #000; border-bottom: #000; border-left: 2px solid #000}
	#mid		{border-right: 2px solid #000; border-left: solid 2px #000;}
	a.announcement:link, a.announcement:visited, a.announcement.active { color: #000; text-decoration: none;}
	a.announcement:hover {color: #333366; text-decoration: none;}
	#about-bar 	{background-image:url(images/about-background.gif); width: 746px; height: 118px; border: 2px solid #000; }
	
#title {display: block; width: 96%; background-color: #888; border: 1px solid #333; text-align: right; padding-left: 8px;}

#who-are {border: 1px solid #333; background-color: #aaa;}	
#who-we-are {
		border-top: 1px solid #000; 
		border-bottom: 1px solid #000; 
		border-right: 1px solid #000; 
		border-left: 1px solid #000; 
		padding:10px; 
		padding-top: 0px;}
#banner {
		border-top: 1px solid #000; 
		border-bottom: 0px solid #000;
		border-right: 1px solid #000; 
		border-left: 1px solid #000; 
		text-align: center; 
		font-weight: bold;}	
		
/* /////////////////SERMON PAGES ///////// */

#sermons h1 {color: #336699; text-decoration: none; border-bottom: 2px dotted #336699; width: 350px;}
			
#ser {visibility: visible; background-color: #5B95A0; width: 680px; border: 4px solid #444;}
#ser div {border: 1px solid #000; border-bottom: 4px solid #000; text-align: left; font-size: 20px; color: #fff; padding: 5px; font-weight: bold;}

#ser a { 
	display: block; 
	padding-left: 6px;
	line-height: 40px; 
	text-align: left; 
	background-color: 9CCAD2; 
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	position: relative;
	font-size: 22px; 
	font-weight: bold;
	color: #000;
	text-decoration: none;
	height: 40px;
	}
#ser > a:first-child {border-top: 1px solid #000;}
#ser a span {
	position: absolute; 
	right: 0px; margin-right: 10px; 
	text-align: right; 
	top: 0px; 
	text-decoration;
	font-weight: normal;
	font-size: 15px;
	}
#ser span.desc {border: 1px slid #000;}
#ser a:hover {background-color: #336699; color: #fff;}
.hide {visibility:  hidden;}