/* common styling */
#menu {
width:979px;
height:34px;
background:#990033 url(../../../images/menu-left-bg.png) left no-repeat;
float:left;
font-size:14px;
position:relative; 
font-weight:bold;
margin:0px;
padding:0px;
z-index:101;
}
#menu ul {
list-style-type: none;
margin:0px;
padding:0px;
float:right;
z-index:100; /*set to ensure the main menu items are on top of the submenus*/
}
#menu ul li {
float:left;
text-align:center;
position:relative;
}
#menu ul li a, #menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff; 
/*width:123px; Set width only if using a background image that requires a width*/ 
line-height:34px; 
background: #990033; 
padding:0px 15px 0px 15px; 
}
/** html #menu ul li a, #menu ul li a:visited {
width:133px;
w\idth:123px;
}*/
#menu ul li ul {
display: none;
}

#menu ul li ul li, #menu ul li ul li ul li{
border-bottom:2px solid #999966;
border-left:1px solid #999966;
border-right:1px solid #999966;
border-top:none;
}
#menu table {
margin:-1px; 
border-collapse:collapse;
font-size:13px;
}

/* specific to non IE browsers */
#menu ul li:hover a,
#menu ul li a:hover {
color:#000; 
background: #e7d8b1;
line-height:34px;
}

#menu ul li:hover ul,
#menu ul li a:hover ul {
display:block; 
position:absolute;
left:0px;
/*width:125px; Set width only if using a background image that requires a width*/
}
* html #menu ul li a:hover ul {
margin-top:0;
marg\in-top:0px;
}

#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {
display:block; 
background:#990033; 
color:#fff; 
height:auto; 
padding:0px 11px 0px 11px; 
width:150px;
margin-left:-1px;
margin-top:-1px;
}
/** html #menu ul li a:hover ul li a {
width:146px;
w\idth:125px;
}*/

#menu ul li:hover ul li a.drop,
#menu ul li a:hover ul li a.drop {
background:#990033;
}

#menu ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover,
#menu ul li:hover ul li:hover a{
background:#e7d8b1; 
color:#000;
}

#menu ul li:hover ul li:hover ul,
#menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:172px; 
top:0;
width:150px;
margin:0px;
z-index:99; /*set number one LESS than main menu z-index*/
}

#menu ul li:hover ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover ul li:hover {
color:#990033;
}

#menu ul li:hover ul li:hover ul.left,
#menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}