div#navigation      
{   

}
#navigation ul, #navigation li
{
    background-position: -120px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    max-width:400;
    min-width:380;
   
}
#navigation ul li{ float:left; position:relative;
    top: 0px;
    left: 0px;
}
#navigation ul li a{ display:block;padding:2px 4px;margin:1px;font-size:small; white-space:nowrap;border-radius:3px;}
#navigation ul li a:hover
{
    background: #6699FF;
    color: #FFFFFF;
    
}
#navigation ul ul
{
    position: absolute;
    top: -99999px;
    left: 0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index: 497;
    padding: 0px;
    border-top: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-top-color: inherit;
    border-right-color: #6699FF;
    border-bottom-color: #6699FF;
    border-left-color: #6699FF;
    
}
#navigation ul ul ul
{
    position: absolute;
    top: -99999px;
    left: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius: 6px;
    border: 1px solid #6699FF;
 
}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover > ul
{
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 1;
    z-index: 497;
 
} 
.TOUS a
{
    font-weight:bold
}

div#menu_horizontal 
{   

}

div#menu_horizontal ul
{   
list-style-type:none;
clear:left;
font-size:small
}
div#menu_horizontal ul li
{
    float: left;
    position: relative;
    padding-right: 10px;
}
div#menu_horizontal ul li:first-child
{
   text-decoration:underline;
text-align:left
}