﻿
.menu ul {
height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
z-index:500;

}
.menu {
background:transparent url(../Images/top_tool_bar.gif);
background-repeat:no-repeat;
width:734px;
padding-bottom:9px;padding-left:30px; 
height:60px;
}
.menu ul li {
float:left;
margin-right:1px;

}
.menu ul li a {
background-color:transparent;
color:#fff;
display:block;
float:left;
font-size:13px;
height:45px;
line-height:40px;
padding:5px 5px 0 10px;
text-decoration:none;
}
.menu ul table {
border-collapse:collapse;
height:0;
left:0;
position:absolute;
top:0;
width:0;
padding-top:5px;
}
/* IE 6 */
.menu ul li a:hover {
color:#000;
position:relative;
z-index:200;
}
.menu ul li:hover {
position:relative;
z-index:200;
}
/* IE 7 */
.menu ul li:hover a { /* This is the top menu */
color:#9DBF3C; /* green font color */
background:transparent url(../images/top_tool_bar_1px.gif);
background-repeat:repeat-x;
padding-top:5px;
padding-right:5px;
}
.menu ul :hover ul {
left:0;
top:45px;
width:125px;
}
.menu ul ul, .menu ul :hover ul ul {
height:0;
left:-9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:-9999px;
width:0;
}
.menu ul :hover ul :hover ul {
height:auto;
left:150px;
top:0px;
white-space:nowrap;
width:100px;
z-index:200;
}
.menu ul :hover ul li {
border-bottom:1px solid #EEE;
margin:0;
}
.menu ul :hover ul li a { /* sub-menu */
filter: alpha(opacity=90); -moz-opacity: .9; KhtmlOpacity: .9; opacity: .9;
text-align:left;
background:transparent url(); /* org css/opaque.png */
background-color:#312e2f; /*drop down block color */
color:#CCCCCC; /*sub-menu grey font color */
height:30px;
line-height:30px;
padding:0;
text-indent:10px;
width:150px;
}
.menu ul :hover ul :hover a {
background-color:#535355; /* original drop down block color hover blue */
color:#FFF;
}
.menu ul :hover ul :hover ul li a {
color:#CCCCCC;
padding:0;
text-indent:10px;
width:150px;
}
.menu ul :hover ul :hover ul :hover { /* second level fly-out */
filter: alpha(opacity=90); -moz-opacity: .9; KhtmlOpacity: .9; opacity: .9;
background-color:#626365;
color:#FFFFFF;
}
.menu ul :hover ul :hover ul :hover ul :hover{ /* third level fly-out */
filter: alpha(opacity=90); -moz-opacity: .9; KhtmlOpacity: .9; opacity: .9;
background-color:#626365;
color:#FFFFFF;
}