﻿.horizontal #nav, .horizontal #nav ul 
{
    text-align: center;
    vertical-align: middle;
    list-style: none; 
    margin: 0;
    padding-top: 10px;
    padding-left: 55px;
    padding-right: 0px;
    /*    padding: 0;
    line-height: 1;*/
}

.horizontal #nav a 
{
     display: block;
   /*width: 10em;*/
}
.horizontal #nav a:active
{
    color: #4B3323;
}
.horizontal #nav li
{
    float: left;
    white-space: nowrap;
    /*width: 10em;
    border: solid 1px #000;*/
}
.horizontal #nav li a.separatorFirst
{
    padding: 0px 13px 0px 0px;
}
.horizontal #nav li a.separator
{
    background: url("/images/separator.jpg") no-repeat 0px 50%;
    padding: 0px 13px 0px 13px;
}
.horizontal #nav li a.separatorLast
{
    background: url("/images/separator.jpg") no-repeat 0px 50%;
    padding: 0px 0px 0px 13px;
}
.horizontal #nav li ul li
{
    float: none;
    text-align: left;
    z-index: 10000;

}
.horizontal #nav li ul.menu 
{  
    position: absolute;
    background-color: #FFFBF0;
    display: block;
    padding: 5px;
    left: -999em;
    border: 1px solid #4B3323;
    z-index: 10000;
}
.horizontal #nav li ul.menu a
{
    background: none;
    padding: 5px 5px 5px 5px;
    display: block;
    clear: both;
    float: none;
}
.horizontal #nav li ul.menu a:hover
{
	background-color: #FEE19F;
	color:  #4B3323;
}
.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;
}