.menu {
float: left; 
width: 100%; 
font-family: arial, sans-serif; 
font-size: 11px; 
background: url(images/menu.jpg) center top no-repeat;
margin: 0;
z-index: 2;
}

.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.menu ul li {
float: left; 
position: relative;
}

.menu ul li.group {
display: block; 
text-indent: 10px; 
background: black; 
filter: alpha(opacity=70); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
opacity: 0.7; 
color: black; 
padding: 4px 0;
}

.menu ul li a:link, .menu ul li a:visited {
float: left; 
display: block; 
text-decoration: none; 
color: black;
padding: 0px 16px; 
line-height: 25px; 
height: 27px;
font-weight: normal;
font-size: 11px; 
}

.menu ul li:hover {
width: auto;
}

.menu ul li a:hover {
background:#DF9501; 
filter: alpha(opacity=50); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
opacity:0.5; 
color:black;
}

.menu ul li:hover a {
background:#DF9501; 
color:black;
}

.menu ul li ul {
display: none;
}

.menu table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}



/*non IE browsers */
.menu ul li:hover ul {
display:block; 
position:absolute;
top:26px; 
background:transparent; 
margin-top:1px; 
left:0; 
width:152px;
z-index: 5;
}

.menu ul li:hover ul.scroller {
height:138px; 
width:172px; 
overflow:auto;
}

.menu ul li:hover ul.endstop {
left:-90px;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display: block; 
background: #FFFFFF; 
filter: alpha(opacity=90); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
opacity: 0.9; 
color: black;
height: auto;
line-height: 15px;
padding: 4px 16px; 
width: 120px;
}

.menu ul li:hover ul li a.drop {
background:#FFB817; 
filter: alpha(opacity=70); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
opacity:0.7;
}

.menu ul li:hover ul li a:hover {
color:#FFB817; 
background: black;
}

.menu ul li:hover ul li a:hover.drop {
background:black; 
color:#FFB817;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:153px; 
top:0px; 
color:#FFFFFF; 
left:152px; 
height:auto; 
width:auto; 
overflow:auto; 
background:#FFFFFF;
height: auto;
}

.menu ul li:hover ul li:hover ul li a {
background: #FFFFFF; 
color: #000000;
}
.menu ul li:hover ul li:hover ul li.group {
width:152px; 
padding:5px 0;
}

.menu ul li:hover ul li:hover ul.left {
left:-172px;
}

.menu ul li:hover ul li:hover ul li a:hover {
background: black; 
color: #FFB817;
}



/*IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:26px; 
t\op:26px; 
background:#FFFFFF; 
filter: alpha(opacity=90); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); 
opacity:0.9; 
left:0; 
marg\in-top:1px;
z-index: 5;
font-size: 12px;
}

.menu ul li a:hover ul.scroller {
height:138px; 
overflow:auto;
}

.menu ul li a:hover ul.endstop {
left: -90px;
}

.menu ul li a:hover ul li a {
display:block; 
color:black; 
height:15px; 
line-height:15px; 
padding:4px 16px; 
width:152px; 
w\idth:120px;
}

.menu ul li a:hover ul li a.drop {
background: black; 
filter: alpha(opacity=70); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
opacity: 0.7; 
padding-bottom: 5px;
}

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

.menu ul li a:hover ul li a:hover {
color: #FFB817;
background: black;
}

.menu ul li a:hover ul li a:hover.drop {
background: #888; 
color:#ff0;
}

.menu ul li a:hover ul li a:hover ul {
visibility:hidden; 
position:absolute; 
top:0px; 
t\op:0px; 
color:#FFFFFF; 
left:152px; 
height:15px; 
width:auto; 
overflow:auto; 
background:#000000;
}

.menu ul li a:hover ul li a:hover ul.left {
left:-170px;
}

.menu ul li a:hover ul li a:hover ul li a:hover {
background: black; 
filter: alpha(opacity=70); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
opacity: 0.7; 
color: #FFB817;
}


.left {clear:both;}