/* MAIN NAVIGATION STYLES */

div#nav
{
    position:relative;
    z-index:0;   
}

div#nav ul
{
    margin:0 0 13px 0;
    padding:0;
    list-style-type:none;
    float:left;
    width:100%;
}
div#nav ul li
{
    float:left;
    width:190px;
    margin:0 3px 0 0;
}
div#nav ul li.last
{
    margin:0;
    width:193px;
}



/* BASE STYLES USED BY ALL NAV ITEMS */
div#nav ul li a
{
    display:block;
    color:#ffffff;
    text-decoration:none;
    font-size:1.1em; /*14px*/
    padding:6px 0 6px 18px;
    background-color:#80c342;
    border:2px solid #80c342;
    border-bottom:0;
}
/* STYLES FOR A MAIN NAV ITEM THAT HAS A SUB NAV */
div#nav ul li.active a.on, 
div#nav ul li a.on, 
div#nav ul li a.on:hover
{
    background-color:#ffffff;
    color:#00a651;
    border:2px solid #00a651;
    border-bottom:0;
}

/* NON JAVASCRIPT HOVER STATE - NOT SEEN BY JAVASCRIPT ENABLED USERS */
div#nav ul li.active a, div#nav ul li a:hover
{
    background-color:#00a651; 
    border:2px solid #00a651; 
    border-bottom:0;
}

div#nav ul li a:hover, 
div#nav ul li.active a
{
    background-color:#00a651;
    border:2px solid #00a651;
    border-bottom:0;
    color:#ffffff;
}
/* Sub Nav Headers */
div#nav ul li a strong
{
    color:#00a651;
}
/* Sub Nav Headers on Roll over */
div#nav ul li a:hover strong{
    color:#7fd2a8;
}
/* Styles for the box containing the sub nav */
div#nav ul li div.roll-over-menu
{
    width:186px; 
    border:2px solid #00a651; 
    border-top:0; 
    font-size:10px;
    padding:0;
    position:absolute;
    z-index:5;
}
div#nav ul li.last div.roll-over-menu
{
    width:189px;
}
/* Sub nav img */
div#nav ul li div.roll-over-menu img
{
    border:0;
    float:left; 
    margin:0 5px 0 0;
    border:1px solid #ffffff;
}
div#nav ul li div.roll-over-menu a:hover img
{
    border:1px solid #00a651; 
}
/* Sub nav font styles and rollover styles */
div#nav ul li div.roll-over-menu a, 
div#nav ul li.active div a.on, 
div#nav ul li div a.on
{
    border:0px; 
    padding:5px 10px 10px 10px; 
    color:#939598;
    min-height:52px;
    height:auto !important;
    height:52px;
}
div#nav ul li.active div a.on:hover,
div#nav ul li div.roll-over-menu a:hover
{
    text-decoration:underline;
    color:#939598;
    border:0;
}
div#nav ul li.active div a.on:hover strong,
div#nav ul li div.roll-over-menu a:hover strong
{
    text-decoration:underline;
    color:#00a651;
}
/* End Sub nav styles */

/* Styles uses by javascript to show and hide the nav */
div#nav ul li div.hide
{
    display:none;
}
div#nav ul li div.show
{
    display:block;
}
/* End the styles that show and hide the nav */











/* BREADCRUMB STYLES */
div#breadcrumb
{
    color:#939598;
    padding:0;
    margin:0;
    width:100%;
    clear:both;
}
div#breadcrumb p
{
    margin:0 0 0 13px;
    padding:0;
}
div#breadcrumb a
{
    color:#00a651;
    text-decoration:none;
}
div#breadcrumb a:hover
{
    color:#00a651;
    text-decoration:underline;
}
/* END BREADCRUMB STYLES */


/* SUB NAVIGATION STYLES */
div#nav div.sub-nav div div{
    margin:0 3px 0 0;
    float:left;
}
div.five-per-row div
{
    width:190px;
}
div.six-per-row div
{
    width:158px;
}

div#nav div.sub-nav div div.last{
    margin:0;
}
div#nav div.sub-nav div div img{
    float:left;
    border:1px solid #ffffff;
    margin:0 4px 0 4px;
}
div#nav div.sub-nav div div a
{
    
}
div#nav div.sub-nav div div a:hover img{
    border:1px solid #00a651;
}
div#nav div.sub-nav div div a img.active{
    display:none;
}
div#nav div.sub-nav div div a img.non-active{
    display:block;
}
div#nav div.sub-nav div div.active a img.active{
    display:block;
}
div#nav div.sub-nav div div.active a img.non-active{
    display:none;
}
div#nav div.sub-nav div div strong{
    color:#00a651;
    font-size:1.2em;
    font-weight:normal;
    display:block;
}
div#nav div.sub-nav div div a{
    margin:0;
    font-size:0.8em;
    text-decoration:none;
    color:#939598;
    float:left;
    width:100%;
}
div#nav div.sub-nav div div a:hover strong{
    color:#00a651;
    text-decoration:underline;
}
div#nav div.sub-nav div div a:hover{
    color:#939598;
    text-decoration:underline;
}
/* SUB NAV BAR ACTIVE PAGE CLASSES */
div#nav div.sub-nav div div.active a:hover strong, div#nav div.sub-nav div div.active a strong{
    color:#7fd2a8;
}
div#nav div.sub-nav div div.active a:hover, div#nav div.sub-nav div div.active a{
    color:#d7d8d9;
}
/* END SUB NAVIGATION STYLES */