/* ================================================================ 
Menu based on work by Stu Nicholls (http://www.cssplay.co.uk/) with modifications.
=================================================================== */

#nav {
font-family: arial, sans-serif; 
width: 979px; 
height: 30px; 
position: relative; 
margin: 0; 
margin: 0px 0 1px 0; /* top & bottom margins change to adjust for needed space */
position: relative;
z-index: 100;
}

#nav ul {
padding: 0 0 0 0; 
margin: 0 0 0 0; 
list-style-type: none; 
width: 100%;
}

#nav ul li {
float: right;
padding: 0 0 0 0;
text-align: center;
}

#nav ul li a, 
#nav ul li a:visited {
display: inline-block;
text-decoration: none;
padding: 0 10px;
height: 29px;
line-height: 29px;
}

#nav ul ul,
#nav ul ul ul {
visibility: hidden;
position: absolute;
width: 100%;
top: 30px;
right: 0;
left: 38px;
background: #000;
opacity: 0.6; 
/*filter: alpha(opacity=60);*/
}

* html #nav ul ul {
width: 980px;
height: 30px;
margin-right: -26px;
left: 74px;
position: absolute;
}
* html #nav ul ul ul {
width: 980px;
height: 30px; 
top: 60px;
position: absolute;

}

*:first-child+html #nav ul ul {overflow: visible; margin-right: 0px; height: 35px; left: 38px;}

#nav li:hover a,
#nav li a:hover,
#nav li.sfhover a,
#nav li a.sfhover {  /*  top level links  */
color: #ccc;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li a:hover ul,
#nav li li a:hover ul,
#nav li li li a:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li a.sfhover ul,
#nav li li a.sfhover ul,
#nav li li li a.sfhover ul { 
visibility: visible;
width: 980px;
right: 0;
color: #fff;
opacity: 0.7; 
filter: alpha(opacity=70);
}

#nav ul li:hover ul li ul,
#nav ul li a:hover ul li a ul {
visibility: hidden;
position: absolute;
left: 0;
top: 30px;
}

#nav li:hover li a,
#nav li a:hover li a {
color: #666;
text-decoration: none;
}
#nav li:hover li a:hover,
#nav li a:hover li a:hover {
color: #fff;
text-decoration: underline;
}
#nav li:hover li:hover ul,
#nav li a:hover li a:hover ul {
visibility: visible;
color: #000;
top: 30px;
margin-top: -1px;
}

#nav li.sfhover ul li.sfhover ul/*,
#nav li a:hover li a:hover ul*/ {
position: inherit;
left: 0;
top: 30px;  /*  This is the bad boy for IE!   */
z-index: 1000;
overflow: auto;
}