drop down menu

.sf-menu {padding:0px 0px 0 0; position:absolute; top:270px; left:5px; z-index:900; width:950px;}

.sf-menu li {
    float:left; 
    background:url(images/bg-menu.jpg) 0 0 repeat-x #0c0c0c;
    font-size:24px; 
    line-height:1.2em;
    border:none;
    width:158px;;
    text-align:center;
    padding:0px; 
}
.sf-menu li.last-item {width:160px;}

.sf-menu li a {
    display:block;
    color:#fff; 
    text-decoration:none;
    padding:16px 0;
    background:url(images/spacer-menu.jpg) right 0 no-repeat;
}
.sf-menu li a.last-item {background:none;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu .current {
    background:url(images/bg-menu-active.jpg) 0 0 repeat-x #b6b4b4; 
}

.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu .current a {color:#161616;}

.sf-menu ul {
    position:absolute;
    width:158px; /* left offset of submenus need to match (see below) */
    padding:0;
    z-index:200;
    background:none;
    height:124px;
}

.sf-menu ul li {
    background:url(images/bg-sub-menu.jpg) 0 0 repeat-x;
    border:none;
    font-size:12px;
    line-height:31px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    width:158px;
    padding:0px;
    margin:0;
}

.sf-menu ul li a {
    display:block;
    text-decoration:none;
    padding:0 0 0 11px;
    background:none;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover {
    background:url(images/bg-sub-menu-active.jpg) 0 0 repeat-x #0c0c0c;
}

.sf-menu li {
    position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:0px;
    top:61px; /* match top ul list item height */
    z-index:99;
}
/*
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    background:none;
    margin:0;
    padding:0;
}
*/


ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:254px; /* match ul width */
    top:-5px;
    height:80px;
    width:203px;
    padding:6px 0 9px 0px;
    background:#fd7400;
}

.sf-menu li:hover li a, 
.sf-menu li.sfHover li a {
    display:block;
    color:#3d3d3d;
    background:none;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {
    display:block;
    background:none;
    color:#fff;
}

.sf-menu li li li {
    position:relative;
    width:203px;
    background:none;
    padding:0px;
}

.sf-menu li li.sfHover li a {
    display:block;
    color:#fff; 
    text-decoration:none;
    padding:4px 0px 4px 20px;
    background:none;
}
.sf-menu li li.sfHover li a:hover {background:#000; color:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline:0;
}