/* NAVIGATION BAR */
.nav
{
    width: 100%;
    font-size: 1.6em;
    background-color: #f0f0f0; /* fallback color */
    background-image: url(cssImages/nav_gradient.png); /* fallback image */
    background-image: -moz-linear-gradient(100% 100% 90deg, #DFDFDF, #f0f0f0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#DFDFDF));
    border-bottom: 1px solid #ccc;
    /*overflow: hidden;*/
    clear: both;
    display: block;
}
.nav ul
{
    max-width: 974px;
    margin: 0 auto;
}
.nav ul li
{
    display:inline;
    position: relative;
    float:left;
    text-align:center;
}
.nav ul li a
{
    font-weight: bold;
    color: #5E5E5E;
    margin: 0;
    padding: 14px 16px 11px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #E8E8E8;
    text-decoration: none;
    display: block;
    -moz-transition-property:background-color,color;
    -webkit-transition-property:background-color,color;
    transition-property:background-color,color;
    -moz-transition-duration:.2s,.2s;
    -webkit-transition-duration:.2s,.2s;
    transition-duration:.2s,.2s;
    -moz-transition-timing-function:linear,linear;
    -webkit-transition-timing-function:linear,linear;
    transition-timing-function:linear,linear;
    
}

.nav ul li span
{
    display: none;
}
.nav ul li.active span
{
    display: block;
    height: 6px;
    width: 20px;
    background:url('/css/cssImages/nav-arrow.png') center top no-repeat;
    position:absolute;
    bottom: -6px;
    left: 45%;
    z-index: 250;
}


/* SETTING ACTIVE CLASS */

.nav ul li a:link,.nav ul li a:visited 
{
    color: #5E5E5E;
    text-decoration:none;
}
.nav ul li a:hover,.nav ul li a:active,.nav ul li a:focus
{
    background-color: #dfdfdf;
    border-left-color: #dfdfdf;
    color: #6F6F6F;
}
.nav ul li.active a:link,.nav ul li.active a:visited,
.nav ul li.active a:hover,.nav ul li.active a:active,.nav ul li.active a:focus
{
    background-color: #0e2b8d;
    color: #fff;
    border-left-color: #0e2b8d;
    background-image:none; /* need for IE6, otherwise home-white.gif is applied as bkg image */
}
.nav ul li.last a
{
    border-right: 0px;
}
.nav ul .home a:link,.nav ul .home a:visited
{
    text-indent: -9999px;
    background: url('cssImages/home-grey.gif') center no-repeat;
    border-left: 0px;
    min-height: 1px;
}
.nav ul .home
{
    width: 70px;
}

.nav ul .homeActive a:link,.nav ul .homeActive a:visited,
.nav ul .homeActive a:hover,.nav ul .homeActive a:active,.nav ul .homeActive a:focus,
.nav ul .home a:hover,.nav ul .home a:active,.nav ul .home a:focus
{
    background: #0e2b8d url('cssImages/home-white.gif') center no-repeat;
}

/* SITEMAP and SUBNAV */
.subNav
{
    font-size:1.6em;
    margin-bottom:24px;
}
* html .subNav ul 
{
    width:100%; /* needs layout in IE6 */
}

.siteMap
{
    
}

.subNav ul li,
.siteMap ul li
{
    border-bottom: 1px solid #E6E6E6;
    list-style-type:none;
}

.subNav ul li a,
.siteMap ul li a
{
    color:#5E5E5E;
    text-decoration:none;
    padding: 12px 16px;
    display:block;
    background:url("cssImages/right_arrow.png") left center no-repeat;
}

.subNav ul li a:link,.subNav ul li a:visited
.siteMap ul li a:link,.siteMap ul li a:visited 
{
    color:#5E5E5E;
    text-decoration:none;
}

.subNav ul li a:hover,
.subNav ul li a:focus,
.siteMap ul li a:hover,
.siteMap ul li a:focus
{
    background-color:#F4F7F8;
}
.subNav ul li.active a,
.siteMap ul li.section a
{
    background-color:#0e2b8d;
    color:#fff;
}
.subNav ul li.active a:hover,
.subNav ul li.active a:focus,
.siteMap ul li.section a:hover,
.siteMap ul li.section a:focus
{
    background-color:#0055C5;
}
.siteMap ul ul,
.subNav ul ul
{
    padding-left:28px;
}
.subNav ul ul li:last-child
{
    border-bottom:none;
}
.siteMap ul
{
    margin:0;
}