#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#nav {
    position: relative;
}

#nav a {
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    display: block;
    font-size: 100%;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#nav li:hover a,
#nav li:hover a,
#nav li.open a,
#nav li.sfhover a {
    color: #880404;
}

#nav li.active a,
#nav li.open .active a {
    color: #880404;
    font-size: 100%;
}

#nav li.active ul a,
#nav li.open ul a {
    font-size: 120%;
}

#nav li.open li a,
#nav li.active li a {
    color: #ffffff;
}

#nav li {
    float: left;
    display: block;
    padding-bottom: 5px;
}

#nav li.active,
#nav li.open {
    background: url('../../image/arrow-white.gif') no-repeat center bottom;
}

#nav ul li {
    float: none;
    padding-bottom: 0;
}

#nav li.open li,
#nav li.active li {
    background: none;
}

#nav li ul {
    bottom: 0px;
    position: absolute;
    background: #ff0000;
    width: auto;
    left: -999em;
}

#nav li ul ul {
    margin: -1em 0 0 20em;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li.active ul,
#nav li.open ul,
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
    left: auto;
}


#nav #navitem22.active ul,
#nav #navitem22.open ul,
#nav #navitem22:hover ul,
#nav #navitem22 li:hover ul,
#nav #navitem22 li li:hover ul,
#nav #navitem22.sfhover ul,
#nav #navitem22 li.sfhover ul,
#nav #navitem22 li li.sfhover ul {
    right: 0;
}