nav{ position:relative; margin: 0px 10px 0; padding:0 0 0 130px;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative;}
.sf-menu>li{margin: 0 2px 0 1px;}
.sf-menu>li>a{padding:18px 18px 18px;display:block;position:relative;font-size: 14px; line-height: 17px; color:#718244; text-align:center; background:url(../images/spacer.gif) repeat; border-radius:5px 5px 0 0;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{ background:url(../images/nav_a.jpg) repeat-x; margin-top:-3px; padding-top:21px; color:#ffffff;}

/*================================>> 2 Level <<========================================*/
.sf-menu>li>ul,.sf-menu>li.sfHover>ul{left:0;top:53px;width: 78px;padding:0px 0 2px 0; background:url(../images/sub_ul.png) repeat;/* match top ul list item height */z-index:99}
.sf-menu>li>ul>li{ text-align:center;margin: 11px 0 9px 0;}
.sf-menu>li>ul>li>a{font-size:12px; color:#ddd9d7;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{ color:#ffac2a;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:78px;top:-11px;width: 149px;padding:11px 0 11px 0;/* match top ul list item height */z-index:99; background:url(../images/sub_ul2.png) repeat;}
.sf-menu li li li{}
.sf-menu li li li a{font-size:12px; color:#ddd9d7;}
.sf-menu li li li a:hover{}