#menu {
	width: 170px; /*width of accordion menu*/
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 10;
	clear: both;
}
#menu a {
	color:#455560;
	text-decoration:none;
}
#menu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	color:#455560;
	cursor: hand;
	cursor: pointer;
	margin:3px 0;
}

.rollover {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 17px;
	text-indent: -3000px;
}

.home a { background-image: url('../images/menu00_home.png'); width: 104px; height: 17px; }
.home a:hover, .home_over a { background-image: url('../images/menu00_home_over.png'); width: 104px; height: 17px; }

.intro { background-image: url('../images/menu01_intro.png'); width: 104px; height: 17px; }
.intro:hover, .intro_over { background-image: url('../images/menu01_intro_over.png'); width: 104px; height: 17px; }

.ourwater a { background-image: url('../images/menu02_ourwater.png'); width: 104px; height: 17px; }
.ourwater a:hover, .ourwater_over { background-image: url('../images/menu02_ourwater_over.png'); width: 104px; height: 17px; }

.products a { background-image: url('../images/menu03_products.png'); width: 104px; height: 17px; }
.products a:hover, .products_over { background-image: url('../images/menu03_products_over.png'); width: 104px; height: 17px; }

.friends a { background-image: url('../images/menu04_friends.png'); width: 104px; height: 17px; }
.friends a:hover, .friends_over { background-image: url('../images/menu04_friends_over.png'); width: 104px; height: 17px; }


.contact a { background-image: url('../images/menu05_contact.png'); width: 104px; height: 17px; }
.contact a:hover, .contact_over { background-image: url('../images/menu05_contact_over.png'); width: 104px; height: 17px; }

.contactmenu { background-image: url('../images/menu05_contact.png'); width: 104px; height: 17px; }
.contactmenu:hover, .contactmenu_over { background-image: url('../images/menu05_contact_over.png'); width: 104px; height: 17px; }

#menu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	color:#858b8f;
}
#menu a:hover, #menu .menuheader:hover, #menu a:active, #menu .currentpage {
	color:#c0c0c0;
}

#menu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
#menu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
#menu ul li a {
	color: #858b8f;
	display: block;
	padding: 1px 0 1px 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-decoration: none;
}
#menu ul li a:hover { /*hover state CSS*/
	color: #c0c0c0;
}