.menu 
{
	width: 657px;
	height: 32px;
	position: relative;
	z-index: 99;
}
/* reset */
.menu ul 
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu ul ul 
{
	width: 110px;
}
.menu li 
{
	float: left;
	position: relative;
	text-align: left;
}
/* 1st level */
.menu a, 
.menu a:visited 
{
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #00281f;
	line-height: 29px;
}
/* 2nd level background */
.menu ul ul a.drop, 
.menu ul ul a.drop:visited 
{
	background-color: #B1DB1F;
}
.menu ul ul :hover > a.drop 
{
	background-color: #B1DB1F;
}
.menu ul ul a:hover,
.menu ul ul ul a:hover
{
    text-decoration:underline;
}

/* 3rd level background */
.menu ul ul ul a, 
.menu ul ul ul a:visited 
{
	background: url(/web/design/images/menu-bg.gif) bottom right;
}
/* 3rd level move down 1px */
.menu ul ul ul li.lvl3First a 
{
	margin-top: 1px;
}
/* 3rd level hover */
.menu ul ul ul a:hover 
{
	background: url(/web/design/images/menu-bg.gif) bottom right;
}
/* hide the sub levels */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: auto;
	top: 112px;
	left: 0;
}
/* 3rd level flyout menu */
.menu ul ul ul 
{
	top: -1px;
	height: 100%;
}
.menu ul .leftFlyout ul ul 
{
	float: left;
}
.leftFlyout ul ul li 
{
	float: left;
}
/* HIDE THE 4TH LEVEL */
.menu ul ul ul ul {
	display: none;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}
/* 2nd level links */
.menu ul ul a, 
.menu ul ul a:visited 
{
	background: url(/web/design/images/menu-bg.gif) bottom right;
	color: #000; 
	height: 100%; 
	line-height: normal;
	padding: 5px 10px; 
	margin: 0;
}
/* 1st level hover */
.menu a:hover, 
.menu ul ul a:hover 
{
}
/* HOLLY HACK */
.menu :hover > a, 
.menu ul ul :hover > a 
{
}
/* make the 2nd level visible when hover on first level list OR link */
.menu ul li:hover ul, 
.menu ul a:hover ul 
{
	visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul 
{
	visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul 
{
	visibility: visible;
}
.menuArrows, 
.menuArrows:hover 
{
	color: #fff;
	text-decoration: none;
}
.greenMenuImage 
{
	border: none;
}
.menuparent, 
.menuparent img 
{
	border: none;
}
.menu ul ul li.lvl2First
{
	border-top:1px solid #fff;
}