/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * { margin:0; padding: 0; list-style: none; }
.sf-menu { }
.sf-menu ul {z-index:1000; position: absolute; top: -999em; width: 10em; /* 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:76px; /* match top ul list item height */ 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: 160px; /* 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: 160px; /* match ul width */ top: 0; }
/* NAVIGATION ------------------------------------------------------------*/
#menu-topnav { float: justify; line-height: 1.8em;}
#menu-topnav { margin-top:0; padding:0;}
#menu-topnav>li { display: inline; font-size: 8px; font-weight:800; text-transform:uppercase; float: justify; margin-bottom:-1px;}
#menu-topnav>li>a { display: block; overflow: hidden; padding:10px 4px; background:none; line-height:10px; color:#353535; margin-bottom:-1px;}
#menu-topnav>li>a.sf-with-ul span.sf-sub-indicator {}
#menu-topnav>li>a:hover, #menu-topnav>li.sfHover>a, #menu-topnav>li>a.active,
#menu-topnav>li.sfHover>a,
#menu-topnav>li.current_page_item>a { color: #fff;  background:#f5743a;}
/* sub navigation -----------------------------------------------------*/
#menu-topnav>li ul {border:1px solid #eeeeee; border-top:3px solid #eeeeee; z-index:1000; display: block; margin-top: -5px;  width:160px; text-transform:uppercase; }
#menu-topnav>li ul li { border-bottom:1px solid #eeeeee; float:none; padding:0; width:auto; background:#ffffff;}
#menu-topnav>li ul li a { display: block; white-space:nowrap; width:140px; padding: 6px 10px;  font-size: 11px; color: #333333; text-decoration: none;  background: #fff; }
#menu-topnav>li ul li a span { display: block; color:#878787;}
#menu-topnav>li ul li a:hover, #menu-topnav>li ul li a.active { background: #f5743a; color: #f5743a; }
#menu-topnav>li ul li a:hover span{color: #fff; }