/* Basic code - don't modify */
 
#mainMenu { display: block; margin: 0px; padding: 0px; position: relative; }
#mainMenu li { display: block; list-style: none; margin: 0px; padding: 0px; float: left; position: relative; }
#mainMenu a { display: block; }
#mainMenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #mainMenu ul { line-height: 0; } /* IE6 "fix" */
#mainMenu ul a { zoom: 1; } /* IE6/7 fix */
#mainMenu ul li { float: none; }
#mainMenu ul ul { top: 0; }

/* Essentials - configure this */

#mainMenu ul { width: 108px; }
#mainMenu ul ul {  left: 109px; }

/* Everything else is theming */
 
#mainMenu { 
	height: 50px;
}

#header ul#mainMenu li ul li{
	height: 30px;
	display: block;
	z-index: 9;
}

#mainMenu ul {
	top: 50px;
}

ul#mainMenu li#mm10 a{
	width: 75px;
	background-position: 0px 0px;
}

ul#mainMenu li#mm20 a{
	width: 83px;
	background-position: -75px 0px;
}

ul#mainMenu li#mm30 a{
	width: 94px;
	background-position: -158px 0px;
}

ul#mainMenu li#mm40 a{
	width: 143px;
	background-position: -252px 0px;
}

ul#mainMenu li#mm50 a{
	width: 110px;
	background-position: -395px 0px;
}

ul#mainMenu li#mm60 a{
	width: 85px;
	background-position: -505px 0px;
}

ul#mainMenu li#mm70 a{
	width: 101px;
	background-position: -590px 0px;
}

ul#mainMenu li#mm80 a{
	width: 79px;
	background-position: -691px 0px;
}




ul#mainMenu li#mm10 a:hover{
	background-position: 0px -50px;
}

ul#mainMenu li#mm20 a:hover{
	background-position: -75px -50px;
}

ul#mainMenu li#mm30 a:hover{
	background-position: -158px -50px;
}

ul#mainMenu li#mm40 a:hover{
	background-position: -252px -50px;
}

ul#mainMenu li#mm50 a:hover{
	background-position: -395px -50px;
}

ul#mainMenu li#mm60 a:hover{
	background-position: -505px -50px;
}

ul#mainMenu li#mm70 a:hover{
	background-position: -590px -50px;
}

ul#mainMenu li#mm80 a:hover{
	background-position: -691px -50px;
}

ul.submenu#sm30 li , ul#mainMenu li ul.submenu#sm30 li a{
	width: 110px;
	z-index: 9;
}

ul.submenu#sm40 li , ul#mainMenu li ul.submenu#sm40 li a{
	width: 150px;
}

ul.submenu#sm50 li , ul#mainMenu li ul.submenu#sm50 li a{
	width: 130px;
}

ul.submenu#sm60 li , ul#mainMenu li ul.submenu#sm60 li a{
	width: 120px;
}

ul.submenu#sm70 li , ul#mainMenu li ul.submenu#sm70 li a{
	width: 130px;
}


#mainMenu ul a {
	border-top: 1px solid white;
	border-right: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* #mainMenu ul a { border-bottom: none; } - I also needed this for IE6/7 */