html { min-height: 100%; margin-bottom: 1px; }

body, div, span, th, td, p, ul, li, h2, h3, h4, h5, h6, a 
	{font-family: verdana, arial, times new roman, times, serif;
	}

body {
	margin: 0;
	padding: 0;
	background: url('http://www.okumcministries.org/Adult_Ministries/Images/Adult.jpg') no-repeat;
	background-position: 100px 0px;
	}
	
div#content {position: absolute; left: 20px; top: 150px; width: 800px; height: 600px;}	
	
h1 {
	font-size:12px;
	color: black;
	text-decoration : none;
	line-height: 10pt;
	border-width:1px;
	border-bottom-style:solid;
}  
   
 h3 {
	font-size: 9px;    
	color:black;
	text-decoration : none;
   }

p {
	font-size:.7em;
	    color:black;
	text-decoration : none;
	line-height: 120%
	text-indent: 1cm
	padding:0px   }
   
   
/* Menu */

div#menu
{	position: absolute; left: 180px; top:80px;
	width: 800px;
	height: 25px;
	line-height:26px;
	margin:0;
	padding:0;
	float: left;
	
}

div#menu ul
{ margin:2px 0;
	padding:20px 0 0 0px;
	list-style: none;
	text-align: left;
}

div#menu li
{	margin:0;
	display: inline;
	padding:0 0 0 20px
}

div#menu li a
{
	color: yellow;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 0.7em;
	letter-spacing: 0.2em;
	padding:0 0 0 10px
	
}

div#menu li a:hover
{color: white;
}

div#columnmenu {position: absolute; left: 225px; top: 100px; width: 700px;
float: left;}

div#column1 {position: absolute; left: 130px; top: 150px;
			float: left;
}	
				
div#column1 li {list-style: square;
				font-size: small;
}

div#column1 li a { color: black;
	font-weight: bold;
	text-transform:title;
	text-decoration: none;
	font-size: 0.7em;
	letter-spacing: 0.0130em;
	padding:4px 10px;
}

div#column1 li a:hover
	{	color: rgb(104, 160, 198); }

div#column2 {position: absolute; left: 130px; top: 150px; width: 350px; height: 600px;} 


div#column2 li {list-style: square;
				font-size: 9px;}
				
div#column2 li a
{
	color: black;
	font-weight: bold;
	text-transform:title;
	text-decoration: none;
	font-size: 10pt;
	letter-spacing: 0.1em;
	padding:4px 10px;
}

div#column2 li a:hover
{color: #EB863C; }

   
h2 {
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-decoration : none;
	line-height: 100%;
	padding:0px;
	   }
	     

div#column3 {position: absolute; left: 498px; top: 132px; width: 250px; height: auto; float: left;}
div#column3 li {list-style: circle;
				font-size: .99em;}

div#column3 li a
{
	color: black;
	font-weight: bold;
	text-transform:title;
	text-decoration: none;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	padding:4px 10px;
}

div#column3 li a:hover
{
	color: #EB863C; }

div#column4 {position: absolute; left: 500px; top: 355px; width: 370px; height: 196px; float: left;
}

div#column4 a {text-decoration: none; color: #EB863C;
				font-size: 8pt;} 
				
div#column4 a:hover {text-decoration:underline; color: #304771;} /* underlines the links when hovered */
div#column4 li {list-style: circle;
				font-size: 8pt;}
	
	
div#column5 {position: absolute; left: 890px; top: 187px; width: 160px; height: 154px; float: left;
}

div#column5 a {text-decoration: none; color: #EB863C;
				font-size: 8pt;} 
				
div#column5 a:hover {text-decoration:none; color: #304771;} /* underlines the links when hovered */

div#column5 h1{font-family: verdana, arial;	
				font-size: .75em;
				color: #EB863C;
	}
	
	
div#column6 {position: absolute; left: 890px; top: 375px; width: 160px; height: 172px; float: left;

}

div#column6 a {text-decoration: none; color: #EB863C;
				
	} 
								
div#column6 li
{
	text-transform:title;
	font-size: 0.8em;
	letter-spacing: 0.0125em;
	padding:0 0 0 0;
}
							
div#column6 a:hover {text-decoration:none; color: #304771;} /* no underline the links when hovered */

div#column6 h1{font-family: verdana, arial;	
				font-size: .75em;
				color: #EB863C;
	}
	
	
div#column7 {position: absolute; left: 890px; top: 575px; width: 160px; height: 124px; float: left;

}

div#column7 a {text-decoration: none; color: #EB863C;
				font-size: 8pt;} 
				
div#column7 a:hover {text-decoration:none; color: #304771;} /* underlines the links when hovered */

div#column7 h1{font-family: verdana, arial;	
				font-size: .75em;
				color: #EB863C;
	}
	

div#footer {position:absolute; 
			width:800px;			
			top:805px;
			left: 100px; 
			margin:0 0 0 0;
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.75em;  /* sets the font size of all links */
					
					text-align:center; /* centers the ul elements in the div */
					border-left: 2px solid: #fff;}
										
div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 
div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						font-color: black; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color: #EB863C; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
						
div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 
div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color: black; /* the color of the links */
 							 font-weight: bold; /* bold font */
							 }
							 
div#footer ul li a:hover {text-decoration:none; color: #EB863C;
	font-weight: bold;
	} /* underlines and bolds the links when hovered */
 
div#footer ul.fineprint li {color:black; font-size: 70%;} /* color for copyright and vert dividers on last row */
 
 div#footer ul.fineprint li a {color: #986632;} /* had to explicitly color these or they inherit white from div#footer li */
 
div#footer ul.fineprint li a:hover {color:#304771;} /* turns bottom row white when hovered */

div#footer ul.fineprint p {color:black; font-size: 80%;
				border-top-style: double; 
				border-top-color: black; 
				}