/* Styles for the navigation menus */
#mainMenu {
/*background: #006666;
color: #fff;*/
}
#mainMenu ul#nav {
position: relative;
z-index: 10;
top:0px;
left: 0px;
height: 22px;
margin: 0px;
padding: 0px;
width: 637px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: #006666;
clear: both;
 /*this is vertical placing for gecko */
}

#mainMenu ul {
position:relative;
padding: 0px;
list-style: none;
text-align: left;
 /* #of items & width of ul li */
}

/*list items top menues*/
#mainMenu ul li {
position: relative;
float:left;
left: 0px;
text-transform: uppercase;
font: normal 11px Helvetica, Arial, sans-serif;
text-align: center;
}

/*submenues*/
#mainMenu li ul {
float:left;
position:absolute;
top: 20px;
left: 0px;
display: none;
z-index: 90;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
*html #mainMenu li ul{
    left: -41px;
		width: 150px;
}
*:first-child+html #mainMenu li ul {
left: -41px;
}

#mainMenu li li {
display: block;
width: 150px;
background: #006666;
border-bottom: 1px solid #000;
border-left: 0px;
font: normal 12px Helvetica, Arial, sans-serif;
text-transform: capitalize;
text-align: left;
}
#mainMenu ul li a, #mainMenu ul li a:link, #mainMenu ul li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #006666;
	padding: 3px 10px;
	position: relative;
	z-index: 20;
	font-weight: bold;
}
#mainMenu ul li a:hover {
background: #006666; 
color: #FCB033;
}
#mainMenu ul li a:active {
background: #006666; 
color: #FCB033;
text-decoration: none;
}
#mainMenu li ul li a, #mainMenu li ul li a:link {
z-index: 30;
}
#mainMenu li ul li a:hover, #mainMenu li ul li a:active {
background: #fff; 
color: #000;
}
#mainMenu li:hover ul, #mainMenu li.over ul { display: block; } /* The magic */