/* common styling */
.menu {font-family: arial, sans-serif;  height:36px; position:relative; font-size:11px; z-index:100; width:983px; margin-left:5px}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 

	width:67px; height:25px; 
	text-align:left; 
	color:#fff; 
	background-image:url('images/cat_grad3.gif'); background-position: right 50%;

	overflow:hidden; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:tahoma; padding-left:6px; padding-right:3px; padding-top:10px; padding-bottom:0
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background-image:url('images/cat_grad3_home.gif'); background-position: right 50%; }
.menu ul li:hover ul {display:block; position:absolute; top:35px; left:0; width:100px;}

.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}


.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000; height:18px; margin-top:0; padding-top:6px;  width:160px}
.menu ul li:hover ul li a:hover {background:#777474; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; }
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li:hover ul.mid {left:-93px; width:160px;}
.menu ul li:hover ul.left {left:-108px; width:160px;}