/* common  */
.mainmenu {font-family: Helevtica, Tahoma, Arial; width:800px; position:relative; font-size:10pt; margin:-18px 0 0 0; z-index:100; }
.mainmenu ul li a, .mainmenu ul li a:visited {
	color:#fff; border:0px transparent; 
	text-decoration:none; width:86px; height:20px; display:block; 
	line-height:20px; font-size:10pt; overflow:hidden; text-align:center; 
}
.mainmenu ul {padding:0; margin:0;list-style-type: none; }
.mainmenu ul li {float:left; margin-right:0px; position:relative;}
.mainmenu ul li ul {display: none;}

/* For anything other than IE  */
.mainmenu ul li:hover a {color:#000; background:#C62727;}
.mainmenu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:86px;}
.mainmenu ul li:hover ul li a.hide {background:#6a3; color:#000;}
.mainmenu ul li:hover ul li:hover a.hide {background:#C62727; color:#fff;}
.mainmenu ul li:hover ul li ul {display: none;}
.mainmenu ul li:hover ul li a {display:block; background:#333; color:#fff; font-size: 8pt;}
.mainmenu ul li:hover ul li a:hover {background:#C62727; color:#fff;}
.mainmenu ul li:hover ul li:hover ul {display:block; position:absolute; left: 86px; top:0;}
.mainmenu ul li:hover ul li:hover ul.left {left:-87px;}

/* old version
.mainmenu ul li:hover a {color:#fff; background:#36f;}
.mainmenu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:86px;}
.mainmenu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.mainmenu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.mainmenu ul li:hover ul li ul {display: none;}
.mainmenu ul li:hover ul li a {display:block; background:#ddd; color:#000; font-size: 8pt;}
.mainmenu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.mainmenu ul li:hover ul li:hover ul {display:block; position:absolute; left: 86px; top:0;}
.mainmenu ul li:hover ul li:hover ul.left {left:-87px;}
*/