#nav {
     position:relative;
    width:100%;
    background-color:#000000;
    color:#FFFFFF;
    height:40px;
line-height:40px;
    text-align:center;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-variant:small-caps;
    background-image:url(/images/nav.png);
        background-repeat:repeat-x;

}

#nav li {
        margin:0;
        position:relative;
padding:0;
    width:18%;
    cursor:pointer;
        float:left;
     list-style-type:none;
}

#nav li a {
        margin:0;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
        text-align:center;
    display:block;
    height:40px;
        letter-spacing:.2ex;
        font-size:.95em;
    line-height:40px;

}
#nav li a:hover {
    color:#fff;
        font-weight:bold;

}

#nav li ul {
    width:99.9% !important;/* leaves room for padding */
    cursor:default;
    position:absolute;
        padding:0;
        margin:0;
        left:0;
    height:auto;
    display:none;
    background:url(/images/clear.gif);/* trick to keep'em open */

}

#nav li ul li {
        position:relative;
        top:10px;
        width: 99.80%/*FF*/;
    padding:0;
    max-width:100%;
    border-style:solid;
    border-color: #14254F;
    border-width: 0px 0px 0px 0px;
}

#nav li ul li a {
    width:99.80%/*FF*/;
    position:relative !important; /* ie Mac */
    cursor:pointer !important;
        padding:0;
        margin:0;
    white-space:nowrap;
    line-height:2em;
    height:2em;
font-size:.85em;
letter-spacing:.1em;
    font-weight:normal;
    border-style:solid;
    border-color: #14254F;
    border-width: 0px 0px 0px 0px;
        background-color:#0B1126;
    background-position:0 25% !important;
color:#FFF;
}

#nav li a:hover, #nav li a:focus, #nav li a:active
    {
       font-weight:bold;
     }

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */

#nav ul a:hover, #nav ul a:focus, #nav ul a:active {
         font-weight:bold;
         color:#fff !important;
background-image:url(/images/nav-grad-over.png);
        background-repeat:repeat-x;
}

/* display and z-index for the sub-menus */

#nav li:hover ul, #nav li.msieFix ul
        {
        display:block;
        z-index:10;
        top:2em !important;

    }

/* safari: users can keep sub-menus up by from sub-menus to next top level  */

/* didn't find a solution for users going back from the last one. I prefer  */

/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */

#nav li#AB {z-index:6;}

#nav li#CF {z-index:5;}

#nav li#GJ {z-index:4;}

#nav li#KR {z-index:3;}

#nav li#ST {z-index:2;}

#nav li#UZ {z-index:1;}



/* Current location - class on Body must match LI's id */

.intro #nav li#intro a,

.CF #nav li#CF a,

.GJ #nav li#GJ a,

.KR #nav li#KR a,

.ST #nav li#ST a,

.UZ #nav li#UZ a {color:#000;}

/* Keeping current menu accessible to JAWS */

.intro #nav li#intro ul,

.CF #nav li#CF ul,

.GJ #nav li#GJ ul,

.KR #nav li#KR ul,

.ST #nav li#ST ul,

.UZ #nav li#UZ ul {display:block;top:-1000px}