#navcontainer ul#mainnav{
	color:#acd19b;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin: 0px;
	list-style:none;padding:5px 0px 5px 0px;
}

#navcontainer ul#mainnav li { float:left; 
			display:inline; 
			position:relative;
			z-index:500; 
			margin:0 1px;}

#navcontainer ul#mainnav li a
{display:block; 
	padding:0px 10px 0px 10px; 
	line-height:20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; height:20px;
	margin-right: 1px;
}

#navcontainer ul#mainnav li a:hover, #navcontainer ul#mainnav li a#current
{
	color: #116853!important;
	font-family: Arial, Helvetica, sans-serif;
	/*height: 30px;*/
	background:#eaefe5;
	margin-right: 1px;
}
#navcontainer ul#mainnav li a#current{
	color: #116853!important;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	background: #fff url(../images/menu_bg_current.png);
	margin-right: 1px;
}


.menu-margin {
	margin: 0px 0px;
	padding:0px;
}
		/* submenu, it's hidden by default */
		#navcontainer ul#mainnav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			background:#3d9933;
		}
		
		#navcontainer ul#mainnav ul li {
			width:110px; 
			float:left; 
			border-top:1px solid #227722;
			border-bottom:1px solid #2f9d2f;
		}
		
		/* display block will make the link fill the whole area of LI */
		#navcontainer ul#mainnav ul a {
			display:block;  
			height:15px;
			padding: 5px 8px; 
			color:#fff; text-decoration:none;
		}
		
		#navcontainer ul#mainnav ul a:hover {
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #navcontainer ul#mainnav ul {
			margin:0 0 0 -2px;
		}
