/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{ margin:0; padding:0; list-style:none; }
.sf-menu ul{ position:absolute; top:-999em; width:230px; }
.sf-menu ul li{ width:100%; }
.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:30px; 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:190px; 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; top:0; }


/*** SKIN ***/
.sf-menu li{ width:190px; font-size:0.9em; }
.sf-menu li li{ background:#166746; font-size:1em; }

/* level 1 */
.sf-menu li a { height:30px; line-height:30px; text-decoration:none; text-align:center; color:#fff; font-weight:bold; }
.sf-menu li:hover a, .sf-menu li.sfHover a{ color:#99CC66; }
.sf-menu li a em { background:url(../images/common/naviBullet.gif) no-repeat 0 4px; padding-left:90px; font-style:normal; }

/* level 2 */
.sf-menu li:hover li a, .sf-menu li.sfHover li a { height:100%; line-height:1.5em; color:#fff; background:#166746; border-bottom:#2B7556 solid 1px; padding:5px 15px; text-decoration:none; text-align:left; }
.sf-menu li:hover li:hover a, .sf-menu li.sfHover li a:hover { background:#99CC66; border-bottom:#62A15E solid 1px; color:#333; }


/*** shadows ***/
.sf-shadow ul{ background:url(../images/nav/shadow.png) no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; }
.sf-shadow ul.sf-shadow-off{ background:transparent; }

/*** arrows **/
.sf-menu a.sf-with-ul{ min-width:1px; }

.sf-sub-indicator{ position:absolute; display:block; right:.75em; top:.8em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }
.sf-menu li:hover a .sf-sub-indicator, .sf-menu li.sfHover a .sf-sub-indicator{ }

.sf-menu li:hover li a .sf-sub-indicator, .sf-menu li.sfHover li a .sf-sub-indicator{ background:url(../images/nav/arrows.png) no-repeat 0px 0px; }
.sf-menu ul li:hover a .sf-sub-indicator, .sf-menu ul li.sfHover a .sf-sub-indicator{ background:url(../images/nav/arrows.png) no-repeat -10px 0px; }


#n1 ul { width:270px; }
#n1 ul ul { width:20px; }
ul.sf-menu li#n1 li:hover ul, ul.sf-menu li#n1 li.sfHover ul{ left:270px; }