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

.horizontal #nav a 
{
    display: block;
    width: 10em;
}

.horizontal #nav li 
{
    float: left;
    width: 10em;
    border: solid 1px #000;
}

.horizontal #nav li ul 
{
    position: absolute;
    width: 10em;
    left: -999em;
}

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

.horizontal #nav li ul ul 
{ /* third-and-above-level lists */
    margin: -1em 0 0 10em;
}

/* up to 4 levels of menus will show/hide */
.horizontal #nav li:hover ul ul, .horizontal #nav li:hover ul ul ul, 
.horizontal #nav li:hover ul ul ul ul, .horizontal #nav li.sfhover ul ul, 
.horizontal #nav li.sfhover ul ul ul, .horizontal #nav li.sfhover ul ul ul ul 
{
    left: -999em;
}

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

.vertical #nav, .vertical #nav ul 
{ /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    width : 11em;
}

.vertical #nav li 
{ /* all list items */
    position : relative;
    float : left;
    line-height : 1.25em;
    margin-bottom : -1px;
    width: 11em;
}

.vertical #nav li ul 
{ /* second-level lists */
    position : absolute;
    left: -999em;
    margin-left : 11.05em;
    margin-top : -1.35em;
}

.vertical #nav li ul ul 
{ /* third-and-above-level lists */
    left: -999em;
}

.vertical #nav li a {
    width: 11em;
    w\idth : 10em;
    display : block;
    color : black;
    font-weight : bold;
    text-decoration : none;
    background-color : white;
    border : 1px solid black;
    padding : 0 0.5em;
}

.vertical #nav li a:hover {
    color : white;
    background-color : black;
}

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

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