/* CSS Document */
.menu ul{ list-style-type:none; padding:0; margin:0; }
.menu li{
	float:left;
	position:relative;
	z-index:100; 
	background: url(../images/mainmenu/navbg_hover.png) top left repeat-x;
}
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:0px; top:54px;
}
.menu a, .menu :visited {
	display:block;
	font-size:12px;
	width: 120px;
	height: 50px;
	padding: 2px 4px 2px 10px;
	/* width:123px; */
	color: #FFFFFF;
	background: #687C18 url(../images/mainmenu/navbg.png) top left repeat-x;
	text-decoration:none;
	margin-right:1px;
	text-align: justify;
}
.menu :hover{
	color: #E0E0E0;
	background: url(../images/mainmenu/navbg_hover.png) top left repeat-x;
}
/* Sub Navigation */
.menu a.hover, .menu.hover:visited {
	display:block;
	font-size:12px;
	width:280px;
	height: 20px;
	padding:3px 4px 1px 8px;
	border-left: 6px solid #AFBE75;
	border-bottom: 1px solid #AAA;
	color: #505F12;
	background: #DDD;
	text-decoration:none;
	margin-right:1px;
	text-align:left;
}
.menu a.hover:hover {
	background: #FFF;
	color: #000000;
	border-left: 6px solid #778E1C;
}

/* 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;
}