#MainMenuContentWrapper
{
	
	border-top: solid 1px black;
	height: 37px;
	width:970px;
	margin:auto;
	background-color:black;
	font-size:medium;
	
}

#MainMenuContent
{
	margin: auto;
	width:970px;
	height: 28px;

}	
.mainNav, .mainNav * {
	margin:0;
	padding:0;
}
.mainNav {
	line-height:1.0;
	float:left;


}
.mainNav ul {
	background:#fff; /*IE6 needs this*/
	width:9em;
}
.mainNav li 
{
	/*background: url("http://images.benchmarklends.com/bg/darkbluegradient.png");*/
	border-right: solid .01em #3C3C3C;
	border-left: solid .00em  #9DB4B5;
	float:left;
	list-style:none;
	position:relative;
	z-index:99;

}
.mainNav a {
	color: White;
	font-weight: bold;	
	display:block;
	float:left;
	padding: .50em 1em .50em 1em;
	text-decoration:none;
	font-size: .83em;
}
.mainNav li ul {
	float:none;
	top:-999em;
	position:absolute;
}


.mainNav li:hover,
.mainNav li.sfHover,
.mainNav a:focus, .mainNav a:hover, .mainNav a:active {
	background:#33342F;
}
.mainNav li:hover ul, /* pure CSS hover is removed below */
ul.mainNav li.sfHover ul {
	left:-1px;
	top:1.76em;
}

.mainNav li:hover li ul,
.mainNav li.sfHover li ul {
	top:-999em;
}
.mainNav li li:hover ul, /* pure CSS hover is removed below */
ul.mainNav li li.sfHover ul {
	left:9.9em;
	top:-1px;
	width:9.00em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
.mainNav li li {
	background:#496264;
	float:left;
	width:9.15em;
}
.mainNav li li li {
	/*background:#9AAEDB;*/
}
.mainNav li li a {
	float:none;
	padding-right:0;
	width:10em;
}

.mainNav .navSelected 
{
	background-image:url('/images/bg/menu_button-blue.png');
	background-position:center bottom;
	background-repeat:repeat-x;
	color:white;
}
.mainNav .navSelected a{
	color:black;
	background-image:none
	
}