/* common styling */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:170px;
	height:auto;
	position:static;
	font-size:14px;
	top: 150px;
	left: 0px;
	font-weight: bold;
	z-index: 200;
	float: left;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#A3A2C7;
	width:170px;
	height:30px;
	text-align:center;
	border:1px solid #464690;
	border-width:1px 1px 0 0;
	line-height:30px;
	font-size:14px;
	background-color: #3B3B85;
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {
	color:#fff;
	background-color: #2F2E82;
}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:171px; width:170px;}
.menu ul li:hover ul li a.hide {
	color:#FFFFFF;
	background-color: #464690;
}
.menu ul li:hover ul li:hover a.hide {width:170px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display:block;
	color:#B9B9D5;
	width:170px;
	background-color: #5D5D9E;
}
.menu ul li:hover ul li a:hover {background:#2E2E82; color:#FFCC33;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:171px; top:0; color:#FFCC33;}
.menu ul li:hover ul li:hover ul li a {
	display:block;
	width:170px;
	color:#FFCC33;
	background-color: #171774;
}
.menu ul li:hover ul li:hover ul li a:hover {
	color:#fff;
	background-color: #5D5D9E;
}