/* remove the bullets, padding and margins from the lists */
.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li {
	float: left;
	position: relative;
	z-index: 2;
	display: block;
	text-align: center;
}
/* use the div to enclose rootmenu */
div.rootmenu {
	border-right: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-collapse: collapse;
	height: 20px;
	float: left;
	text-align: center;
}
/* use the div to enclose the sub menu */
div.submenu {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	margin-top: 20px;
	border-top: 1px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
	border-right: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	visibility: hidden;
}
/* style all the links */
.menu a:visited {
	display: block;
	font-size: small;
	width: 120px;
	color: #f0f0f0;
	padding-left: 4px;
	text-decoration: none;
	line-height: 20px;
	background-image: none;
/*	border-top: 1px #aaaaff solid;
	border-bottom: 1px #0000ff solid; */
	background-image: url('../images/ltblueglassback.png');
}
.menu a {
	display: block;
	font-size: small;
	width: 120px;
	color: #f0f0f0;
	padding-left: 4px;
	text-decoration: none;
	line-height: 20px;
	background-image: none;
/*	border-top: 1px #aaaaff solid;
	border-bottom: 1px #0000ff solid; */
	background-image: url('../images/ltblueglassback.png');
}
/* style the links hover */
.menu a:hover {
	color: #ffffff;
	background-image: url('../images/menuoverglassback.png');
/*	border-top: 1px #ffffff solid;
	border-bottom: 1px #000000 solid; */
}
/* make the sub level visible on hover list or link */
.menu ul li.over div.submenu, .menu ul li:hover div.submenu {
	visibility: visible;
}