.sf-menu ul {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:2.5em;/* 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:10em;/* match ul width */top:0}
/*** DEMO SKIN ***/
nav {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 24px 0 23px;}
.sf-menu > li > a {color: #3b3b3b; font-size: 18px; text-decoration: none;text-transform: uppercase;}
.sf-menu li {margin-right: 40px;}
.sf-menu li ul {border: 1px solid #2c2c2c; border-bottom: 0}
.sf-menu li li {background:#3a3a3a; border-bottom: 1px solid #2c2c2c; line-height: 25px;}
.sf-menu li li a {padding: 0 20px; background: url(../images/mark-li-a.png) 9px 9px no-repeat; color: #878787; text-decoration: none;font-size: 12px;}
.sf-menu li li li {background:#9AAEDB}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {color:#5ca6e9;outline:0}
.sf-menu li.sfHover li a:hover {color: #fff;}
.sf-menu li.sfHover li:hover {background: url(../images/bg-li-li.png) 0 0 repeat-x;}