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;
	font-size: 11px;
	}

body {
	margin: 0;
	padding: 0;
	background: url('http://www.okumcministries.org/Camps/images/CampWeb08home.jpg') no-repeat;
	}


div#content {position: absolute; left: 20px; top: 150px;}


/* Menu */

div#menu
{	position: absolute; left: 225px; top:90px;
	width: 250px;
	height: 50px;
	line-height:26px;
	margin:0;
	padding:0;
}

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

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

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

div#menu li a:hover
{
	color:rgb(170, 103, 43);
}


div#column1 {position: absolute; left: 105px; top: 658px; width: 150px; height: 65px;
				float: left;}
				
div#column1 li {list-style: none;
				font-size: .95em;
				line-height:8px;
}

div#column1 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#column1 li a:hover
{	color: rgb(170, 103, 43); }


div#column2 {position: absolute; left: 302px; top: 668px; width: 200px; height: 65px; float: left;} 

div#column2 li {list-style: none;
				font-size: .95em;
				line-height:8px;
}
				
div#column2 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#column2 li a:hover,#menu li.current_page_item a
{
	color: rgb(170, 103, 43); }



div#column3 {position: absolute; left: 552px; top: 655px; width: auto; height: 75px; float: left;}
div#column3 li {list-style: none;
				font-size: .95em;
				line-height:8px;
				}

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

div#column3 li a:hover,#menu li.current_page_item a
{
	color: rgb(170, 103, 43); }




div#column4 {position: absolute; left: 820px; top: 285px; width: 170px; height: auto;}

div#column4 a {text-decoration: none; color: rgb(170, 103, 43);
				font-size: 8pt;} 
				
div#column4 a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */

div#column4 h1{font-family: georgia, arial;	
				font-size: .95em;
				color: rgb(170, 103, 43);
				}
div#column4 p{font-family: georgia, arial;	
				font-size: .85em;
				color: rgb(170, 103, 43);				}



div#footer {position:absolute; 
			width:1024px;			
			top:780px; 
			margin:0 0 0 0;
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.65em;  /* 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 */
						color:#red; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color: white; /* 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:#000; /* the color of the links */
							 }
							 
div#footer ul li a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */
 
div#footer ul.fineprint li {color:black; font-size: 80%;} /* 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:red;} /* turns bottom row white when hovered */

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