@charset "utf-8";
/* Menu Styles */


.menu {
width:770px; 
height:30px; 
font-size:0.85em; 
position:relative; 
z-index:100;
border-right:1px solid #000;
background: black;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
width:750px;
padding-left:10px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}



.menu a, .menu a:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #6a6a6a;
text-decoration: none;
display: block;
background:black;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li.nav {
float:left;
width:80px;
position:relative;
margin-top: 6px;
padding: 0;
}

/* style the links for the top level */
.nav a, .nav a:visited, .wide a, .wide a:visited, .exwide a, .exwide a:visited, .narrow a, .narrow a:visited  {
height:23px;
padding:0;
margin:0;
}

.nav a{width:80px;}
.wide a{width:100px;}
.exwide a{width:120px;}
.narrow a{width:60px;}

li.wide {
float:left;
position:relative;
margin-top: 6px;
padding: 0;
width:100px; }

li.exwide {
float:left;
position:relative;
margin-top: 6px;
padding: 0;
width:120px; }

li.narrow {
float:left;
position:relative;
margin-top: 6px;
padding: 0;
width:60px;
}

*html .wide {width:90px;}
*html .narrow {width:60px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:20px;
left:0; 
width:160px;
border-top:1px solid #000;
}

.menu ul ul.subnavNarrow {
width: 80px;
}

.menu ul ul li.subnav, .menu li.subnavNarrow {
width:160px;
margin:0;
margin-top: 0px;
border-top: 1px solid white;
bottom:0;
padding:0;
padding-top: 3px;
padding-bottom: 8px;
padding-left: 8px;
background: black;
-moz-opacity:.75;
opacity:.75;
filter:alpha(opacity=75);
}

.menu li.subnavNarrow {
width: 80px;
}

.menu li.subnav a.subnav, .menu li.subnavNarrow a.subnavNarrow  {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: white;
text-decoration: none;
display: block;
width:160px;
height: auto;
padding:0;
margin:0;
text-align: left;
}

.menu li.subnavNarrow a.subnavNarrow {
width: 80px;
}

.menu li.subnav a.subnav:hover  {
color: #6a6a6a;
}

/* zero the styles on the table */
.menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#000000;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#000000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

.menu ul ul li.topnav {
border-top:none;
}