#nav, #nav ul {
        float: left;
        list-style: none;
        height: 23px;
        padding: 0;
        margin: 0;
        color: #ffffff;
white-space: nowrap;
}

#nav a {
        display: block;
        color: #ffffff;
        text-decoration: none;
width: 1%;
height: 19px;
padding-top: 4px;
padding-left: 20px;
padding-right: 20px;
}


#nav li {
        float: left;
        padding: 0;
        z-index: 5;                /* thus we need to apply explicit z-index here... */
        list-style-position: outside;

}

#nav li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 14.4em;
        w\idth: 13.9em;
        font-weight: normal;
        margin-top: 0px;
        z-index: 15000;
}

#nav li li {
                background-color: #209ed8;
                width: 150px;
                padding: 5px;
                color: #ffffff;
                font-size: 11px;
                font-weight: normal;
                border-bottom: 1px solid #ffffff;
}



#nav li ul ul {
        margin: -1.75em 0 0 14em;
}

#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: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 li:hover, #nav li.sfhover {
        background-color: #FF8000;
		color: #000000;
}

#nav ul>li:hover {
        background-color: #f19338;
        color: #000000;
}


.menu2, .menu2 ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: block;
}


.menu2 li {
        margin: 0 0 0 0;
        padding: 0;
        border: 0;
        display: block;
        position: relative;        /* position each LI, thus creating potential IE.win overlap problem */
        list-style-position: outside;
}

.menu2 li:hover {
        background-color: #ffcc00;
        color: #000000;
}


.menu2:after, .menu2 ul:after {
        content: ".";
        height: 0;
        display: block;
        visibility: hidden;
        overflow: hidden;
        clear: both;
}

.menu2, .menu2 ul {        /* IE7 float clear: */
        min-height: 0;
}