﻿#navcontainer {
    width: 975px;
    margin: 0 auto;
    margin-top: 10px;
}

#navcontainer ul ul,
#navcontainer ul li:hover ul ul, #navcontainer ul li.menuHover ul ul,
#navcontainer ul ul ul,
#navcontainer ul li:hover ul ul ul, #navcontainer ul li.menuHover ul ul ul,
#navcontainer ul ul ul ul {
    display: none;
}

#navcontainer ul li:hover ul, #navcontainer ul li.menuHover ul,
#navcontainer ul ul li:hover ul, #navcontainer ul ul li.menuHover ul,
#navcontainer ul ul ul li:hover ul, #navcontainer ul ul ul li.menuHover ul {
    display: block;
}

/*------------------------------------------------*/
/* First Tier */

#navcontainer ul {
    margin: 0px;
    padding: 0px;
    width: 975px;
    list-style-type: none;
    height: 36px;
}

#navcontainer ul li {
    position: relative;
    display: inline;
    float: left;
    margin: 0px;
    margin-right: 9px;
    height: 36px;
    text-transform: uppercase;
}

#navcontainer ul li:hover,
#navcontainer ul li.menuHover 
{
    background-image: url('../images/topnavbg-left.gif');
    background-repeat: no-repeat;
    color: #ffffff;
}

.drop_down_top {
    height: 36px;
    background-repeat: no-repeat;
    background-position: top right;
}

#navcontainer ul li:hover .drop_down_top {
	color: #FFFFFF !important;
	background-image: url('../images/topnavbg-right.gif');
	background-repeat: no-repeat;
}

#navcontainer ul li a {
    display: block;
    padding: 0px 15px;
    padding-top: 7px;   
    color: #000000;
    text-decoration: none !important;
    font-size: 1.2em;
    float: left;
}

#navcontainer ul li a:active, #navcontainer ul li a:hover {
    background-image: url('../images/topnavbg-right.gif');
    color: #ffffff;
}

/*------------------------------------------------*/
/* Second Tier */

#navcontainer ul ul {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 250px;
    height: auto;
    background-color: #0053a5;
}

#navcontainer ul li.right ul {
    width: 125px;
}

#navcontainer ul ul li {
    display: inline-block;
    margin: 0px;
    width: 100%;
    background-color: transparent;
}

#navcontainer ul ul li:hover,
#navcontainer ul ul li.menuHover {
    background-image: none;
    background-color: #0d4882;
}

#navcontainer ul ul li a {
    padding: 0px 14px;
    width: auto;
    font-size: 0.9em;
    line-height: 30px;
    color: #ffffff;
}

#navcontainer ul li a:active, #navcontainer ul li a:hover {
    background-image: none;
}

/*------------------------------------------------*/
/* Third Tier */

#navcontainer ul ul ul {
    top: 0px;
    left: 100%;
}

#navcontainer ul ul ul li a {
    background-color: #BBBBBB;
}

/*------------------------------------------------*/
/* Fourth Tier */

#navcontainer ul ul ul ul li a {
    background-color: #DDDDDD;
}