body {margin: 0px;
	background-color: #35503f;  
	font-family: verdana, helvetica, sans-serif;
	/*background-image: url('images/waterbg.jpeg');
	background-repeat: no-repeat;
	background-position: 0px 0px; */
}
/* begin CSS dropdown menu */

#pagetitle{width: 800px;
	position: absolute;
	top: 100px;
	left: 600px;
	/* background-color: #571715; */
	z-index: 70;
}
#menu{width: 800px;
	position: absolute;
	top: 125px;
	left: 30px;
	/* background-color: #571715;*/
	z-index: 70;
}

#menu a, #menu h2{font: bold 14px/18px arial, helvetica, sans-serif;
	display: block;
	border-width: 0px;
	border-style: solid;
	border-color: #000; 
	white-space: no-wrap;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #35503f;
}

#menu h2{color: #fff;
	/* background: #571715; */
	text-transform: uppercase;
}

#menu a{/* background: #eee; */
	text-decoration: none;
}

#menu a, #menu a:visited{color: white;}

#menu a:hover{color: black;
	background: #FEF76E;
	font-size: 11pt;
}

#menu a:active{color: #060;
	background: #ccc;
}

#menu ul{list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 8em;
	display: block;
}

#menu li{position: relative;
}

#menu ul ul{position: absolute;
	z-index: 500;
	top: auto;
	display: none;
}

#menu ul:hover ul.pop{position: absolute;
	z-index: 500;
	top: auto;
	display: block;
}

#menu ul ul ul{position: absolute;
	top: 0px;
	left: 100%;
}

div#menu h2:hover{background: #000;
	font-size: 10pt;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display: none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display: block;}

#menu a.x, #menu a.x:visited {font-weight: bold;
	color: #000;
	background: #eee;
}

#menu a.x:hover {color: #a00;
	background: #ddd;
	font-size: 11pt;
}

#menu a.x:active {color: #060;
	background: #ccc;
	font-size: 11pt;
}

/* header positions; mh1 can be called anything you like: better to keep it simple and meaningful */
img.mh1{position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}

img.mh2{position: absolute;
	top: 0px;
	left: 100px;
	border: 0px;
}

img.mh3{position: absolute;
	top: 0px;
	left: 200px;
	border: 0px;
}

img.mh4{position: absolute;
	top: 0px;
	left: 300px;
	border: 0px;
}

img.mh5{position: absolute;
	top: 0px;
	left: 400px;
	border: 0px;
}

img.mh6{position: absolute;
	top: 0px;
	left: 500px;
	border: 0px;
}

img.mh7{position: absolute;
	top: 0px;
	left: 600px;
	border: 0px;
}

img.mh8{position: absolute;
	top: 0px;
	left: 700px;
	border: 0px;
}

/* menu positions; mo1 can be called anything you like: better to keep it simple and meaningful */
img.mb1{position: absolute;
	top: 90px;
	left: 0px;
	border: 0px;
}

img.mb2{position: absolute;
	top: 90px;
	left: 100px;
	border: 0px;
}

img.mb3{position: absolute;
	top: 90px;
	left: 200px;
	border: 0px;
}

img.mb4{position: absolute;
	top: 90px;
	left: 300px;
	border: 0px;
}

img.mb5{position: absolute;
	top: 90px;
	left: 400px;
	border: 0px;
}

img.mb6{position: absolute;
	top: 90px;
	left: 500px;
	border: 0px;
}

img.mb7{position: absolute;
	top: 90px;
	left: 600px;
	border: 0px;
}

img.mb8{position: absolute;
	top: 90px;
	left: 700px;
	border: 0px;
}



/*content position */
#content {position: absolute;
	top: 145px;
	left: 190px;
	width: 600px;
	height: 410px;
	overflow: auto;
	z-index: 30;
/* appling a higher z-index # will place it on top of the lower one for #bdrop z-index of 20*/ 				

}

#mainpage{width: 800px;
			height: 100%;
			position: relative;
			margin-left: auto;
			margin-right: auto;
}

/* placement of background image*/
#bdrop{postion: absolute;
		top: 100px;
		left: 151px;
		width: 800px;
		height: 600px;
		z-index: 20;
}

#links{position: absolute;
		top: 580px;
		left: 180px;
		width: 600px;
		height: 100px;
		font-family: verdana, helvetica, sans-serif;
		font-size: 9pt;
		text-align: center;
		z-index: 20;

}

#links a:link{color:black;}
#links a:visited{color:blue;}
#links a:focus{color:yellow;}
#links a:hover{color:white;}
#links a:active{color:aqua;}

#here {color: black;
	background: white;
	font-size: 11pt;}

/* home link position */
#home {position: absolute;
	top: 555px;
	left: 190px;
	width: 20px;
	height: 20px;
	z-index: 30;
/* appling a higher z-index # will place it on top of the lower one for #bdrop z-index of 20*/ 				

}