/*##### Main Nav #########*/

div#navigation {
     clear: both;
     width: auto;
     height: 36px;
     padding: 0 0 0 5px;
     background-color: #1477dd;
}

ul#nav { 
    padding: 0; 
    margin: 0;  
    list-style-type: none; 
}

#nav li { 
    float: left; 
    height: 36px; 
    width: auto;
    position: relative; 
    padding: 0px;
    margin: 0px;
}

#nav a { 
    color: #fff; 
    height: 36px; 
    font-size: 12px;
    font-weight: bold; 
    line-height: 36px; 
    padding: 10px 9px 9px 7px; 
    text-decoration: none; 
    background: url(nav_br.gif) center right no-repeat;
}

#nav li a:hover { 
    color: #AFD4FE; 
}

#nav li ul { 
    left:0px;
    top: 98%; 
    margin: 0;
    display: none; 
    width: 250px;
    position: absolute; 
    font-weight: normal; 
    list-style-type: none; 
}

#nav li>ul { 
    top: 98%;
    left: 0px; 
    width: 185px;
    padding: 0;
}

#nav li li { 
    float: none; 
    height: auto; 
    width: 250px;
    display: block; 
    text-align: left; 
    line-height: 18px;  
    background: #f5f5f5;
    border-top: 1px solid #1477dd;

}

#nav li li a { 
    padding: 0; 
    width: 250px;
    height: auto; 
    display: block; 
    color: #fff; 
    font-size: 11px;
    text-indent: 10px;
    line-height: 22px; 
    font-weight: normal; 
    background: #1477dd;
}

#nav li li a:hover { 
    color: #fff; 
    background: #5977B4; 
}

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

.new { color: #FFCC33; }