#navtop {
	width: 596px;
	height: 17px;
	float: left;
	margin: 0; padding: 0;
	background: #727272;
}

/*** Level 1 ***/
#navtop ul {
	position: absolute;
	margin: 0; padding: 0;
	padding-top: 1px;
}

#navtop li {
	width: 99px;
	float: left;
	display: block;
	list-style: none;
}

#navtop li a {
	display: block;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #cbcbcb;
}
	#navtop li.active a { color: #fff; }

#navtop li a:hover {
	text-decoration: none;
	color: #fff;
}

/*** Level 2 ***/
#navtop li ul {
	visibility: hidden;
	width: 99px;
	height: auto;
	display: block;
	margin-top: 2px;
	padding-top: 0;
}

#navtop li ul li {
	width: 99px;
	display: block;
	border-bottom: 1px solid #fff;
	background-color: #888; /* bg color and filter must be here, not in parent ul */
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}

#navtop li ul li a {
	width: 96px;
	//width: 99px;
	float: none;
	display: block;
	padding: 5px 0 5px 3px;

	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #fff;
}
#navtop li ul li a:hover { background: #a09f9f; }

/*** Level 3 ***/
#navtop li ul li ul {
	margin: -24px 0 0 100px;
	//margin-left: 103px;
	background: #a0a0a0; /* match color in firefox due to filter inheritance */
	//background: none; /* but leave as it is for IE */
}

/*** Side menu ***/

#navside {
	width: 171px;
	margin-left: 25px;
}

/*** Level 1 ***/
#navside ul {
	margin: 0; padding: 0;
}

#navside li {
	width: 171px;
	list-style: none;
	background: #fff url("../../images/sidebox.gif") center left no-repeat;
	//background: #fff url("../../images/sidebox.gif") left 3px no-repeat;
}

#navside li a {
	width: 151px;
	display: block;
	padding: 1px 0 0 18px;
	//padding-top: 0;

	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;

	color: #808080;
	border-bottom: 1px solid #d7d7d7;
}

#navside li a:hover {
	text-decoration: none;
	background: #eeeced url("../../images/sidebox.gif") center left no-repeat;
	//background: #eeeced url("../../images/sidebox.gif") left 3px no-repeat;
}

#navside li a.active {
	background: #fff url("../../images/sidebac.gif") center left no-repeat;
	//background: #fff url("../../images/sidebac.gif") left 3px no-repeat;
}
#navside li a.active:hover {
	//background: #fff url("../../images/sidebac.gif") left 3px no-repeat;
	/*cursor: default;*/
}