#mainMenu {
	left: 106px;
	width:100%;
	height:56px;
	position:relative;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 30px !important;
	margin-right: auto !important;
	clear:none !important;
}

/* background of entire 2nd level menu */
#mainMenu ul {
	background:#f2f2f2;
	height: 26px;

	font-family: arial, sans-serif;
	font-size: 11px !important;
	
	position:relative;
	z-index:999 !important;
	clear:left;
	list-style: none;
	width:100%;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top: 0px;
	padding: 0px;

}

#mainMenu li {
	float: left;
    /* position: relative; */ /* makes 2nd level all stack to left */
	text-align: left;
	width:auto;
	cursor: default;

}

/* hover over root nav */
#mainMenu #nav li a:hover {
	color:#999999; 
	background:#E1E1E1;
	
	text-decoration:none;
	z-index:999;

	}

/* background of entire 2nd level menu */
#mainMenu li ul {
	background: #E1E1E1; 

	display: none;
	position: absolute;
	float:left;
	width:840px;
	height:26px;
	left: 0px;
}

#mainMenu li ul {
	top: auto;
	left: 0px;
}

#mainMenu li li {
	display: block !important;
	width:auto !important;
	margin-bottom:-5px;
	border:none;
	font-weight: 200;
}

/* default 2nd level nav  */
#mainMenu #nav li li a {
	background: #E1E1E1;
	color: #999999;
	font-size: 9px;
	
	display: block !important;
	cursor:pointer;
	padding:5px 7px;
	text-decoration:none;
	letter-spacing:1px;

	border-width: 1px 1px;
	border-bottom: solid 4px #ffffff; /* this adds a little "safety" border at the bottom for easeier navigation */
}

/* hover 2nd level nav */
#mainMenu #nav li li a:hover {
	background:#D3D3D3; 
	color:#FFFFFF;
	
	z-index:999;

}


#mainMenu li:hover ul, #mainMenu li.over ul {
	display:block;
	z-index:999;
}


/* default root nav */
#mainMenu ul a, #mainMenu ul a:visited {
	display:block;
	cursor:pointer;

	color:#999999; 
	background:#f2f2f2;
	border-right: 1px solid #ffffff;
	
	padding:5px 7px;
	width: 125px;
	text-align: center;

	text-decoration:none;
	letter-spacing:1px;
	}