/* CSS Document */
.menu ul{ list-style-type:none; padding:0; margin:0; }
.menu li{
	float:left;
	position:relative;
	z-index:100; 
	background: url(../images/navbg_hover.png) top left repeat-x;
}
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:0px; top:25px;
}
.menu a, .menu :visited {
	display:block;
	font-size:14px;
	 width:124px;
	height: 22px;
	padding:3px 0px 0px 0px;
	color: #FFFFFF;
	background:  url(../images/navbg.png) top left repeat-x;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
}
.menu :hover{
	color:#FFFFA0;
	background: url(../images/navbg_hover.png) top left repeat-x;
}
/* Sub Navigation */
.menu a.hover, .menu.hover:visited {
	display:block;
	font-size:12px;
	width:200px;
	height: 20px;
	padding:3px 4px 1px 8px;
	border-left: 6px solid #999;
	border-bottom: 1px solid #AAA;
	color: #003300;
	background: #CCC;
	text-decoration:none;
	margin-right:1px;
	text-align:left;
}
.menu a.hover:hover {
	background: #EEE;
	color: #FF9900;
	border-left: 6px solid #006633;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}