.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0;
z-index:2000;
}

.sf-menu {
line-height:1.0;
float:left;
margin-bottom:1em;
}

.sf-menu ul {
position:absolute;
top:-999em;
width:10em;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li {
float:left;
position:relative;
}

.sf-menu a {
display:block;
position:relative;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99;
width:10em;
}

#nav-menu ul ul {
width: 8em;
}

#nav-menu ul ul#course_nav{
width: 28em;
}

#nav-menu ul ul li
{
float: none;
margin-right:.1em;
}

#nav-menu ul li ul li a{
display:block;
clear:both;
margin:.01em 0;
padding:.5em;
height:1em;
border:solid .1em #fff;
width:9em;
color:#fff;
font-weight:normal;
font-family:tahoma;
text-decoration:none;
text-align:left;
background:url(/images/orange.png);
}

#nav-menu ul li ul#course_nav li a{
width:33em;
}

#nav-menu ul li ul#resources li a{
width:10em;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
outline:0;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}

#nav-menu li li a
{
color: #fff;
font-weight:bold;
font-family:tahoma;
text-decoration: none;
text-align: center;
margin:0;
}

#nav-menu li li a:hover
{
color:#000;
}