.sf-menu ul {position:absolute; top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu li {position:relative; float:left;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {/* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%;/* match ul width */top:0;}
/*** DEMO SKIN ***/
nav ul.sf-menu:first-child { margin-left:0px;}

.sf-menu>li { background:#ffffff; border:#f0f0f0 1px solid; width:153px; text-align:center; margin-left:3px; }
.sf-menu>li:first-child {margin-left:0;}
ul.sf-menu {margin:0 0px 0 0px;}
ul.sf-menu>li>a {font-family:"Times New Roman", Times, serif; color:#222222; line-height:24px; font-size:18px; text-transform:uppercase; font-weight:normal; text-decoration:none; text-shadow:1px 1px #d5d5d5; padding: 22px 0px 21px 0px; white-space:nowrap; overflow:hidden; }
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {
	background-color: #ccccff;
}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover { text-shadow:1px 1px #e5b700; }

ul.sf-menu>li.sfHover>ul {width:155px; background:#ffffff; border:#f0f0f0 1px solid; padding:11px 16px 8px 17px; left:-18px; top:71px;}
ul.sf-menu>li>ul>li, ul.sf-menu>li.sfHover>ul>li {width:155px; background:#fff; margin:1px 0 0px 0px; text-align:left; }
ul.sf-menu>li.sfHover>ul>li>a { background:url(../images/menu-button-2.gif) 18px 14px no-repeat;  font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:20px; color:#030303;  padding: 7px 5px 8px 28px;}
ul.sf-menu>li.sfHover>ul>li:hover, ul.sf-menu li.sfHover>ul>li.sfHover{ background:#232323; }
ul.sf-menu>li.sfHover>ul>li:hover>a, ul.sf-menu li.sfHover>ul>li.sfHover a{  background:url(../images/menu-button-2.gif) 18px bottom no-repeat; color:#ffffff;}

ul.sf-menu>li>a.sf-with-ul>span.sf-sub-indicator {background:url(../images/menu-button-active.png) 0 0 no-repeat; display:block; width:11px; height:6px; position:absolute; bottom:14px; right:50%; margin-right:-6px; }
ul.sf-menu>li.sfHover>a.sf-with-ul>span.sf-sub-indicator {background:url(../images/menu-button-active.png) 0 bottom no-repeat;}
ul.sf-menu>li.current>a.sf-with-ul>span.sf-sub-indicator {background:url(../images/menu-button-active.png) 0 0 no-repeat;}

ul.sf-menu>li.sfHover>ul>li.sfHover>ul { left:173px; top:-1px; width:155px;}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li, ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li { background: #ffffff; border:#f0f0f0 1px solid; width:155px; margin-bottom:1px;}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li>a { background:url(../images/menu-button-3.gif) 8px 17px no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:20px; color:#232323 !important; padding: 8px 0px 7px 17px;}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:hover { background:#ffcc00;}
ul.sf-menu>li.sfHover>ul>li.sfHover>ul>li:hover>a { color:#fff; }