/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.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:20px; z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** DEMO SKIN ***/
.sf-menu a, .sf-menu a:visited  {display:block; font-size:10px;}
.sf-menu li {display:block; margin:0px 35px 0px 0px;}
.sf-menu li a:link {color:#0b2f39; text-transform:uppercase; margin:0px; padding:0px;}
.sf-menu li a:hover {color:#c89619; text-transform:uppercase; margin:0px; padding:0px;}

.sf-menu li li a:link, .sf-menu li li a:visited {background:#fff; color:#0b2f39; border-bottom:1px solid #0b2f39; padding:4px 5px 4px 5px; font-weight:normal;}
.sf-menu li li a:active, .sf-menu li li a:hover {background:#0b2f39; color:#fff; border-bottom:1px solid #c89619; padding:4px 5px 4px 5px; font-weight:normal;}
.sf-menu li ul li {background:#c89619; width:140px; text-transform:none;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#990000; display:block;}

.active {color:#c89619!important;}
.active2 {color:#c89619!important; background:#0b2f39!important;}

/*** arrows **/
.sf-menu a.sf-with-ul {min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
position:absolute;
display:block;
right:10px;
top:1.05em; /* IE6 only */
width:10px;
margin: -6px 0px 0px 0px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}