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

body, div, span, th, td, p, ul, li, a 
	{font-family: verdana, arial, times new roman, times, serif;
		}
	
body {
	margin: 0;
	padding: 0;
	background: url('http://www.okumcministries.org/Camps/images/CampWeb08inside.jpg') no-repeat;
	}

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


/* Menu */

div#menu
{
	width: 740px;
	height: 26px;
	line-height:26px;
	margin:0;
	padding:0;
}

div#menu ul
{ margin:2px 0;
	padding:120px 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: 8pt;
	letter-spacing: 0.2em;
	padding:4px 10px;
}

div#menu li a:hover
{
	color: rgb(255,204,153);
}

div#column1 {position: absolute; left: 30px; top: 170px; width: 200px; height: 65px;
				float: left;}
				
div#column1 li {list-style: none;}

div#column1	h1{	font-size: 12px;
				text-align: center;
				color: rgb(170, 103, 43);}
				
div#column1	h2{font-size: 10px;
				color: black;}
				
div#column1 p{font-size: 8pt;}

div#column1 a {text-decoration: none; color: rgb(170, 103, 43);
				font-size: 8pt;} 
				
div#column1 a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */		
				
				
/* end of column1 */
				
div#column2 {position: absolute; left: 285px; top: 180px; width: 485px; height: auto; float: left;} 

div#column2	li {list-style: square;
				font-size: 8pt;
				}

div#column2	h1{font-size: 14px;
				color: rgb(213, 239, 236);
}

div#column2	h2{font-size: 10px;
		padding: 0 0 0 0;
	}
	
div#column2	h3{font-size: 12px;
	color: white;
	}
	
div#column2 p{font-size: 10px;}
	
p.second {font-weight: bold;
		color: rgb(255,204,153);
		text-align: right;
		letter-spacing: 3px;
}
p.second a{text-decoration: none;
	color: red;}
	
div#column2 a{color: #502B1A;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}
	
div#column2 a:visited {color: #ed2234;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}
	
	
table { border-width: 1pt; 
	border-style: solid;
	border-color: rgb(170, 103, 43);
	width: 100%; } 
	
td { border-width: 1pt; 
	border-style: solid;
	border-left-style: none;
	border-bottom-style: none;
	font-size: 7pt;
 }
 
table td.first {background-color: rgb(255,204,153);
	font-size: 7pt;
	font-weight: bold;
	text-align: center;}
	
table td.deans {background-color: #999934;
	font-size: 8pt;	
	text-align: left;
	}
	
/* end of column2 */
	
div#column3 {position: absolute; left: 820px; top: 405px; width: 100px; height: auto; }

li {list-style: square;}

/* end of column3 */


div#column4 {position: absolute; left: 820px; top: 275px; width: 165px; height: 290px;
			color: rgb(170, 103, 43);
			font-size: 7pt;	}
			
div#column4 a {text-decoration: none; color: rgb(170, 103, 43);
				font-size: 7pt;} 
				
div#column4 a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */
			
			
div#column4 h4 {font-family: century schoolbook;
				font-size: 10px;
				color: rgb(255,204,153);}

				
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;}
										
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: 8pt;} /* 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: 8pt;
				border-top-style: double; 
				border-top-color: black; 
				}