#nav, #nav ul {
font-family : arial, verdana, sans-serif;
z-index : 20;
float : left;
list-style : none;
line-height : 1em;
padding : 0;
margin : 0;
margin-left : 6px;
}
#nav a {
color : #8c8e8d;
text-decoration : none;
padding : 3px 12px;
padding-left : 0;
text-transform : uppercase;
display : block;
font-size : 11px;
font-weight : bold;
background : #fff url(../images/layout/arrow.gif) no-repeat right bottom;
}
#nav li:hover a {
color : #696c6d;
}
#nav li.sfhover a {
color : #696c6d;
}
#nav li {
float : left;
padding : 0;
margin-right : 5px;
}
#nav li ul {
position : absolute;
left : -999em;
height : auto;
width : 155px;
font-weight : normal;
border-width : 0;
border-style : solid;
border-color : #000;
margin : 0;
background : #fff;
}
#nav li ul li:hover a {
color : #fff;
background : #be0e22;
background-image : none;
}
#nav li ul li.sfhover a {
color : #fff;
background : #be0e22;
background-image : none;
}
#nav li li {
width : 155px;
border-bottom : 0 solid #ccc;
}
#nav li ul a {
padding : 3px 12px;
background-image : none;
color : #be0e22;
}
#nav li ul ul {
margin-left : 140px;
margin-top : -20px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left : auto;
}
#nav a.active {
color : #696c6d;
text-decoration : none;
padding : 3px 12px;
padding-left : 0;
display : block;
font-size : 11px;
font-weight : bold;
background : #fff url(../images/layout/arrow.gif) no-repeat right bottom;
}
#nav li ul a.active {
color : #fff;
text-decoration : none;
padding : 3px 12px;
display : block;
font-size : 11px;
font-weight : bold;
background : #be0e22;
}