.menu {
}

#navspacer {
	height: 9px;
}

html>/**/body>div#navspacer { 
	height: 15px;
}

div#navBar-container { 
	display: block;
	width: 990px;
	height: 85px;
	margin: 0px auto 0px auto;
	background: url(http://men.ag.org/images/menu_bg.jpg) no-repeat;
	padding: 14px 0px 0px 0px;
	z-index: 100;
	position: relative;
}

div#navBar { 
	display: block;
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	font-size: 16px;
	text-align: center; 
	width: 860px;      /* Defined width required to center menu since <li> are float left. */
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index: 100;
	position: relative;
}

#navBar ul {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #fff; 
	text-align: center; 
}

#navBar ul li {
	position: relative;
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	float:left;
	width: 118px;
	height: 29px; 
}

#navBar ul li.wide {
	width: 150px;
}

#navBar ul.level1 {
	font-weight: bold;
	margin-top: 10px;
}

#navBar ul.level2, #navBar ul.level3 {
	font-weight: normal; 
}

#navBar ul.level2 li, #navBar ul.level3 li {
	
}

#navBar li:hover { 

}

#navBar li a {
	display: block;
	text-decoration: none;
	padding: 9px 6px 6px 6px;
	color: #fff; 
	height: 14px;
}

#navBar li a.twoline {
	display: block;
	text-decoration: none;
	padding: 0px 6px 6px 6px;
	color: #fff; 
	height: 14px;
	font-size: 14px;
	font-weight: bold;
}

#navBar ul ul {
	position: absolute;
	top: 29px;
	left: 0px;
	display: none;     /*  This left margin fixes IE. Other browsers set by next statement.  */
	width: 155px;
	z-index: 100;
	background: url(http://men.ag.org/images/drop_menu_bg.png);
}

#navBar ul.level2 li {
	width: 165px;
}

#navBar ul.level2 li.submenu {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#navBar ul.level2 li.submenu:hover { 
	background: url(http://men.ag.org/images/drop_menu_bg_roll.png);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#navBar ul.level2 li.submenu a {
	color: #fff;
}

#navBar ul.level2 li.submenu:hover a { 
	color: #fff;
}

#navBar ul.level1 li.submenu:hover ul.level2 {
	display: block;
	width: 165px;
	text-align: left;
}

#navBar ul.level3 li {
	width: 180px;
}

#navBar ul.level2 li.submenu:hover ul.level3 {
	position: absolute;
	display: block;
	width: 180px;
	text-align: left;
	top: 0px;
	left: 155px;    /* One pixel more than uncover 1px right border on ul.level2  */
}

#navBar h3 {
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0px 0px 0px 0px;   /*  Fixes IE. Other browsers set by next statement.  */
	padding: 0px 0px 0px 0px; 
	text-transform: capitalize; 
	border: none; 
}

div#navBar-container p { 
	display: block;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #600;
	margin: -3px 30px 0px 0px;
	float: right;
}