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

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

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


/* 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: 0.9em;
	letter-spacing: 0.2em;
	padding:4px 10px;
}

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


/* LeftHand Column on Information pages-ContactUs */

div#column1 {position: absolute; left: 30px; top: 170px; width: 220px; height: 200px;
				float: left;}
				
div.column1 li {list-style: square;font-size: 9px;}

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: 9px;
	color: black;}
	

/* LeftCenter Column on Information pages-sites */

div#column2 {position: absolute; left: 285px; top: 180px; width: 250px; height: auto; float: left;} 

li {list-style: square;}

div.column2 img{float:left;}

div#column2	h1{font-size: 12pt;
					text-align: left;
					color: rgb(213, 239, 236);
}

	
div#column2	h2{font-size: 10px;
					border-bottom-style: double; 
					border-bottom-color: black; 
					border-top-width: thin; }
	
div#column2	h3{font-size: 7pt;
					color: black;}
	
		
div#column2 p{font-size: 8pt;}

div#column2 a {text-decoration: none; color: rgb(213, 239, 236);

				font-size: 8pt;} 
				
div#column2 a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */
	
	
/* RightCenter Column on Information pages-sites*/	

div#column3 {position: absolute; left: 550px; top: 180px; width: 225px; height: auto; }
li {list-style: square; font-size: 10px;
}

div.column3 img{float:left;}

div#column3 h1 {font-size: 12pt;
	text-align: left;
	color: rgb(213, 239, 236);
}
	
div#column3	h2{font-size: 10px;
	border-bottom-style: double; 
	border-bottom-color: black; 
	border-top-width: thin; }
	
div#column3	h3{font-size: 7pt;
	color: black;}
			
div#column3 p{font-size: 8pt;}

div#column3 a {text-decoration: none; 
				color: rgb(255,204,153);
				font-size: 8pt;
} 
				
div#column3 a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */

/* end of column 3*/	


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

div#column4	 h2{font-size: 10px;
	border-bottom-style: double; 
	border-bottom-color: black; 
	border-top-width: thin; }
	
div#column4 h1{font-size: 12pt;
	text-align: left;
	color: rgb(213, 239, 236);
}

div#column4 h2{font-size: 10px;
	border-bottom-style: double; 
	border-bottom-color: black; 
	border-top-width: thin; }
	
	
div#column4 h3{font-size: 7pt;
	color: black;}
	
div.column4 img{float:right;}	
	
div#column4 a {text-decoration: none; 
				color: rgb(255,204,153);
				font-size: 8pt;
} 
				
div#column4 a:hover {text-decoration:underline; color: red;} /* underlines the links when hovered */
	



/* FarRight Column on Information pages-sites */
div#column5 {position: absolute; left: 820px; top: 405px; width: 163px; height: auto;
			}
				
div#column5 p{font-size: 8pt;}

div#column5 li{font-size: 8pt;line-height:95%;}


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



div#column6 {position: absolute; left: 285px; top: 240px; width: 500px; height: auto;
			}
				
div#column6 p{font-size: 8pt;}

div#column6 td{font-size: 7pt;}

div#column6 h1{font-size: 10pt;}

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

		

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%;
				border-bottom-style: double; 
				border-bottom-color: black; 
				border-top-width: thin;} 
	
	/* 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; 
				}