/* Fix IE. Hide from IE Mac \*/
#navbar ul li 
{
    float: left;
    width: 90px;
}

#navbar ul li a 
{
    
} 

#navbar a, #navbar h2 
{
    font: plain 0.7em/1.4em 'Archivo Narrow', sans-serif;
}
/* End */

a.navigation
{
    font-family: 'Archivo Narrow', sans-serif;
    text-align:center;
    color:#FFF;
    font-size:11pt;
    border-bottom:4pt #000 solid;
    padding: 9px 0px 4px 0px;
}
a.navigation:hover
{
   border-bottom:4pt #0080c5 solid;
    background: #000 !important;
    background: -moz-linear-gradient(center top , #000, #444) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#444)) !important;
}
a.navigation_on
{
    font-family: 'Archivo Narrow', sans-serif;
    text-align:center;
    color:#0080c5;
    font-size:11pt;
    border-bottom:4pt #ECA100 solid;
    padding: 9px 0px 4px 0px;
    background: #000 !important;
    background: -moz-linear-gradient(center top , #000, #444) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#444)) !important;
    
}
a.navigation_hide
{
    font-family: 'Archivo Narrow', sans-serif;
    text-align:center;
    color:#666 !important;
    font-size:11pt;
    border-bottom:4pt #000 solid;
    padding: 8px 0px 4px 0px;
    background: #000 !important;
    
}

#navbar 
{
    /* width: 100%; */
    background: #000000;
    float: left;
}

#navbar ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    padding: 0px 0px 0px 0px;
    width:90px;
}

#navbar ul a
{
   display: block; 
}
#navbar ul a:hover
{
   display: block; 
}

#navbar ul ul a, #navbar ul ul ul a, #navbar h2, #logout2 a 
{
    
    font-weight: plain;
    font-family: arial;
    font-size: 11px;
    display: block;
    margin: 0;
    padding: 6px 4px;
}

#navbar h2, #logout2 a 
{
    color: #fff;
    background: #000000;
    text-transform: uppercase;
}

#logout2 a 
{
    text-decoration: none;    
}


#navbar ul a
{
    text-decoration: none;
    color: #fff;
    background: #000000;
    text-transform: capitalize;
    margin-top: 4px;
}

#navbar ul ul a 
{
    color: #000;
    background: #E3E3E3;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

#navbar ul ul ul a
{
    color: #000;
    background: #EEEEEE;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
    
#navbar ul ul a:hover 
{
    color: #FFFFFF;
    background: #0080c5;
}



#navbar li 
{
    position: relative;
}

#navbar li.lastline 
{
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#navbar ul ul 
{
    width:90px;
    min-width: 11em;
    max-width: 11em;
    position: absolute;
    z-index: 1500;
}

#navbar ul ul ul 
{
    width:90px;
    min-width: 11em;
    max-width: 11em;
    position:absolute;
    top: 0;
    left: 100%;
}





div#navbar ul li.over ul, div#navbar ul li:hover ul
{
    display: block;
}
           
div#navbar ul ul, div#navbar ul li:hover ul ul, div#navbar ul ul li:hover ul ul,
div#navbar ul li.over ul ul, div#navbar ul ul li.over ul ul
{
    display: none;
}



div#navbar ul li:hover ul, div#navbar ul ul li:hover ul, div#navbar ul ul ul li:hover ul,
div#navbar ul li.over ul, div#navbar ul ul li.over ul, div#navbar ul ul ul li.over ul
{
    display: block;
}