﻿.menu {
	margin-left: 0px;
	font-size: 12px;
	font-weight: 500;
}
.menuItem {
	color: #ffffff;
	height: 20px;
	width: 149px;
	border-bottom: solid 1px #339900;
	background-color: Transparent;
	text-align: left;
	padding-left: 6px;
	margin-bottom: 0px;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem {
	background: #c47402;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #ffffff;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover 
{
	text-decoration: underline;
}

.menuItemHover 
{
    background-color: #ff9707;
}

/* make drop down menu container style */
.menuPopup {
	/*border: 1px solid #666666;*/
	border-bottom: none;
	color: #000000;
	margin:0px;
	background-color:DarkSlateBlue;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #000000;
	font-size:11px;
	height: 20px;
	width: 160px;
	border-bottom: 1px solid #666666;
	padding-left: 3px;
	margin:0px;
	text-align:left;
	background-color:DarkSlateBlue;
}
/* make popup menu item hover style */
.menuPopupHover
{
	background-color: #ff9707;
}
