/* common styling */
.menu {
font-family: arial, sans-serif; width:940px; height:30px; position:relative; margin:0; font-size:.9em; z-index:100;background:#9D1001; 
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff;
/*width:94px; */
padding:0px 18px 0px 18px;
height:30px; 
text-align:center; 
color:#fff; 
border:0px solid #fff; 
background:#9D1001; 
line-height:30px; 
font-size:.80em; 
overflow:hidden;
}
.menu ul {padding-left:24px; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {
display: none; 
border-bottom:1px solid #8E9D01;
border-left:1px solid #8E9D01;
border-right:1px solid #8E9D01;
text-align:left;
/*width:195px; */
 }

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#8E9D01;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:175px; background:#eff1de;padding-left:0px; }
.menu ul li:hover ul li a.hide {background:#8E9D01; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#8E9D01; color:#fff;}
.menu ul li:hover ul li ul {display: none; }
.menu ul li:hover ul li a {display:block; background:#eff1de; color:#8E9D01;text-align:left;margin-left:0px;width:135px; }
.menu ul li:hover ul li a:hover {background:#eff1de; color:#9D1001;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}