/* 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: 35px; 
}

li#mm10 {
	width: 176px;
}

li#mm20 {
	width: 159px;
}

li#mm30 {
	width: 98px;
}

li#mm40 {
	width: 108px;
}

li#mm50 {
	width: 96px;
}

li#mm60 {
	width: 163px;
}

li#mm40 li#mm41 , li#mm40 li#mm42 , li#mm40 li#mm43 , li#mm40 li#mm44 , li#mm40 li#mm400 {
	width: 160px;
}
		
#mainMenu *:hover {
	background-color: #ad002d;
}

#mainMenu li ul li a {
	color: white;
	font-size: 14px;
	font-weight: bold;
	paGdding: 6px 12px 6px 12px;
	line-height: 1;
	width: 160px;
}

#mainMenu li.hover a {
	background-color: #ad002d;
}

#mainMenu ul {
	top: 35px;
}

#mainMenu ul li a {
	background-color: #888;
}


#mainMenu ul a.hover {
	background-color: #d68096;
}

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

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