body {
	margin: 0;
	padding: 0;
}

ul.menu {
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:33px;
	font-size: 12px;
	background: white url(images/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #000;
	margin:0;
	padding:0;
}

ul.menu li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul.menu li a {
	float:left;
	color:#A79787;
	text-decoration:none;
	height:24px;
	padding:9px 15px 0;
}

ul.menu li a:hover,.current {
	color:#fff;
	background:url(images/bg.png) repeat-x top left;
	background-color:#7AB900;
}

ul.menu .current a {
	color:#fff;
	font-weight:700;
}

ul.menu .right {
	float:right;
}


/*GREEN*/
ul.menu.green{
background-color:#629600;
}
ul.menu.green li a:hover, .menu.green li.current {
background-color:#7AB900;
}

ul.menu li ul { /* second-level lists */
	position: absolute;
	background: #1e1e1e;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: 0px;
	margin-top: 33px;
	text-align:left;
	width: 75px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/*ul.menu .right ul li a {
	margin-left: -40px;
	margin-right: 30px;
	width: 10px;
}*/
ul.menu li ul a {
	margin-left: -40px;
	width: 75px;
}

ul.menu li ul a:hover {
	background:none;
}

ul.menu li:hover ul, ul.menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}