/* MAIN NAV STYLES 
-------------------------------------------------- */
#nav
{
    width: 180px;
    margin-right: 10px;
    /*
    float: left;
    */
}


#nav h2
{
    color: #fff;
    font-size: 100%;
    text-transform: UPPERCASE;
    padding: 16px 0 8px 13px;
    margin: 0;
}

#nav ul#rAreas
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: bold;
    border-bottom: 1px solid #CAD8EF;
    border-top: 1px solid #4281D7;
}

#nav ul#rAreas li
{
    padding: 0;
    margin: 0;
}

#nav ul#rAreas li a
{
    font-size: 95%;
    display: block;
    border-top: 1px solid #CAD8EF;
    border-bottom: 1px solid #4281D7;
    padding: 3px 5px 3px 30px;
    text-decoration: none;
    color: #011F5B;
}


#nav ul#rAreas li.ID_1 a
{
    background: url(Images/Icons/appc-mNav-poli.png) no-repeat 12px 4px;
}
#nav ul#rAreas li.ID_2 a
{
    background: url(Images/Icons/appc-mNav-info.png) no-repeat 12px 4px;
}
#nav ul#rAreas li.ID_3 a
{
    background: url(Images/Icons/appc-mNav-medi.png) no-repeat 12px 4px;
}
#nav ul#rAreas li.ID_7 a
{
    background: url(Images/Icons/appc-mNav-heal.png) no-repeat 12px 4px;
}
#nav ul#rAreas li.ID_8 a
{
    background: url(Images/Icons/appc-mNav-adol.png) no-repeat 12px 4px;
}
#nav ul#rAreas li.ID_9 a
{
    background: url(Images/Icons/appc-mNav-advstud.png) no-repeat 12px 4px;
}

#nav ul#rAreas li a:hover, #nav ul#rAreas li a.on
{
    border-top: 1px solid #666;
    border-bottom: 1px solid #fff;
    background-color: #f1f1f1;
    padding: 4px 5px 2px 30px;
}

#nav ul.sNav
{
    padding-left: 13px;
    margin: 0;
    list-style-type: none;
}

#nav ul.sNav li
{
    padding: 0;
    margin: 0;
}

#nav ul.sNav li a
{
    display: block;
    font-size: 95%;
    padding: 0 0 3px 12px;
    background: url(Images/Icons/appc-navArrow.gif) no-repeat 0 2px;
    text-decoration: none;
    color: #011F5B;
    font-weight: bold;
}

#nav ul.sNav li a:hover, #nav ul.sNav li a.on
{
    color: #fff;
}

/* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */
/*hide from ie-mac\*/
* html #nav ul#rAreas li, * html #nav ul.sNav li
{
    height: 1px;
}
/* end hack */

/* \*/
* html #nav ul#rAreas a, * html #nav ul.sNav a
{
    height: 1px;
}
/*  */

#nav h2.onGoingTtl
{
    font-size: 80%;
    padding: 10px 0 0 10px;
}

#nav p.onGoing
{
    padding-left: 10px;
    margin-bottom: 10px;
}

#nav p.onGoing a img
{
    border: none;
    padding: 2px 0; *padding:0;/* IE Hack which already adds padding */
}