#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 176px;
	height: 1000px;
	background: url(images/left.png);
	position: fixed;
	top: 150px;
	left: 0px;
	z-index:10;
}

#menu .home {
	width: 180px;
	height: 20px;
	background: url(images/home.png) no-repeat;
	left: -10px;
	top: 150px;
}


#menu .atv {
	width: 180px;
	height: 20px;
	background: url(images/atvtrails.png) no-repeat;
	left: -10px;
	top: 170px;
}

#menu .boatfish {
	width: 180px;
	height: 20px;
	background: url(images/boatingfishing.png) no-repeat;
	left: -10px;
	top: 190px;
}

#menu .boatrent {
	width: 180px;
	height: 20px;
	background: url(images/boatrental.png) no-repeat;
	left: -10px;
	top: 210px;
}

#menu .cabins {
	width: 180px;
	height: 20px;
	background: url(images/cabinrental.png) no-repeat;
	left: -10px;
	top: 230px;
}

#menu .campgrounds {
	width: 180px;
	height: 20px;
	background: url(images/campgrounds.png) no-repeat;
	left: -10px;
	top: 250px;
}

#menu .events {
	width: 180px;
	height: 20px;
	background: url(images/events.png) no-repeat;
	left: -10px;
	top: 270px;
}

#menu .foottrails {
	width: 180px;
	height: 20px;
	background: url(images/foottrails.png) no-repeat;
	left: -10px;
	top: 290px;
}

#menu .history {
	width: 180px;
	height: 20px;
	background: url(images/history.png) no-repeat;
	left: -10px;
	top: 310px;
}

#menu .pictures {
	width: 180px;
	height: 20px;
	background: url(images/pictures.png) no-repeat;
	left: -10px;
	top: 330px;
}

#menu .shelters {
	width: 180px;
	height: 20px;
	background: url(images/shelters.png) no-repeat;
	left: -10px;
	top: 350px;
}

#menu .waterfowl {
	width: 180px;
	height: 20px;
	background: url(images/waterfowl.png) no-repeat;
	left: -10px;
	top: 370px;
}

#menu .board {
	width: 180px;
	height: 20px;
	background: url(images/board.png) no-repeat;
	left: -10px;
	top: 390px;
}
#menu .links {
	width: 180px;
	height: 20px;
	background: url(images/links.png) no-repeat;
	left: -10px;
	top: 410px;
}

#menu .directions {
	width: 180px;
	height: 20px;
	background: url(images/directions.png) no-repeat;
	left: -10px;
	top: 430px;
}

#menu .communityparks {
	width: 180px;
	height: 20px;
	background: url(images/communityparks.png) no-repeat;
	left: -10px;
	top: 450px;
}

#menu a {
	display: block;
	width: 160px;
	height: 20px;

}



#menu a:hover, #menu a#active {
	background: url(images/back.png) no-repeat;
}



#banner {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 200px;
	background: url(images/bannerback.png) no-repeat;
	position: fixed;
	top: 0px;
	left: -1px;
	z-index: 5;
}

#banner .logo {
	width: 150px;
	height: 150px;
	background: url(images/millcreeklogo.png) no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
}

#banner .ccpd {
	width: 570px;
	height: 170px;
	background: url(images/banner.png) no-repeat;
	left: 250px;
	top: 15px;
	position: absolute;
}



#body {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 600px;
	height: 100%;
	top: 150px;
	left:175px;
	position: absolute;
	font-family: Arial;
	z-index: 4;
}

img.special {border: 4px white solid;}


#amber {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 170px;
	height: 10px;
	position: fixed;
	top: 0px;
	left: 350px;
	z-index: 10;
}