.mainNav
{
    position:relative;
    z-index:4;
    background-color: #000000; float: left; width: 1000px; margin: 0px; padding: 0px; height: 28px; text-align: center; list-style: none;
}

.mainNav li
{
    padding: 0;
    float: left;
    height: 28px;
    width: 166px;
    position: relative;
}

.mainNav li:hover, .mainNav li.onhover
{
    background: url("../images/nav-underline.gif") repeat-x bottom center;
}

.mainNav li a.selected { background: url("../images/nav-underline.gif") repeat-x bottom center; }

ul.mainNav a
{
    height: 22px; padding: 6px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    outline: 0;
    text-decoration: none;
    overflow: hidden;      
}
.mainNav a:hover
{
    color: #ffffff;
}
.mainNav a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
.mainNav ul a.arrow
{
    background: url(right.gif) no-repeat 97% center;
}
 
        
/*Used to align a top-level item to the right*/        
.mainNav .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.mainNav li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
}
               
        
/*######sub level###########*/
        
ul.mainNav ul
{
    width:166px;
    position: absolute;
    left: -9999px;
    border: 1px solid #ffffff;
    border-top: 0; 
    background: #36353b;    
    text-align: center;
    list-style: none; margin: 0;  
    padding: 0 0px 0px 0;   
}

.mainNav li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
    border-top: 1px solid #ffffff;
}

.mainNav li li.firstItem
{
    border-top: 0px solid #ffffff;
}


.mainNav li li:hover, .mainNav li li.onhover
{
    background:#bfb6ad;
    color: #ffffff;
    display: block;
}

.mainNav ul a
{
    font-size: 0.9em;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding: 6px 0px 0px 0px;
    height: 22px;  
    overflow: hidden;  
}

.mainNav ul a:hover
{
    color: #ffffff;
}

.mainNav li:hover ul, .mainNav li.onhover ul
{
    left: 0px; /*Use this property to change offset of the dropdown*/
    top: auto;
}

.mainNav li:hover .dropToLeft, .mainNav li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.mainNav ul ul
{
    border-top: 1px solid #ffffff;
}

.mainNav li:hover ul ul, .mainNav li:hover ul ul ul, .mainNav li:hover ul ul ul ul,
.mainNav li.onhover ul ul, .mainNav li.onhover ul ul ul, .mainNav li.onhover ul ul ul ul
{
    left: -9999px;
    top: -1px;
}

.mainNav li li:hover ul, .mainNav li li li:hover ul, .mainNav li li li li:hover ul,
.mainNav li li.onhover ul, .mainNav li li li.onhover ul, .mainNav li li li li.onhover ul
{
    left: 164px;
    border-top: 0px;
}

.mainNav li li:hover ul.first, .mainNav li li li:hover ul.first, .mainNav li li li li:hover ul.first,
.mainNav li li.onhover ul.first, .mainNav li li li.onhover ul.first, .mainNav li li li li.onhover ul.first
{
    left: 166px;
    border-top: 0px;
}

.mainNav li li:hover ul.last, .mainNav li li li:hover ul.last, .mainNav li li li li:hover ul.last,
.mainNav li li.onhover ul.last, .mainNav li li li.onhover ul.last, .mainNav li li li li.onhover ul.last
{
    left: 166px;
    border-top: 0px;
}