#nav {
    list-style: none;
    position: absolute;
    left: 0px;
    top: 181px;
    margin: 0px;
    z-index:99;
    width:1014px;
    font: normal 12px/22px arial, helvetica, sans-serif;
}

#nav ul {
    list-style: none;
    display: none;
/* postion: absolute - is needed so that the dropdown menus go over the page content */
    position: absolute;
    overflow: visible;
    z-index:99;
 
}

#nav li {
    display: block;
    position: relative;
    width: 168px;
    left:0px;
/* float: left - keeps the menu horizontal */
    float: left;
    /* this adjusts the links buttons on the background */
/* Mozilla needs padding to look like IE which doesn't need it */
 padding: 0px;
 margin-right:1px;
 background-color:white;
}

#nav li a {
    display: block;
    color:black;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
       
}

#nav li a:hover {
     color:black;
     background-color:#f7e096;
}


#nav li.sel1 a {
     background-color:#f7e096;
}


#level1 {
    display: block;
    top: 22px;
    width: 168px;

}
#level1 UL {
    position: absolute;
    overflow: visible;
    z-index: 99;
    width: 168px;
}
#level1 li {
    display: block;
    background-color:#740101 !important;
    margin: 0;
    font: normal 12px/25px arial, helvetica, sans-serif;
    width: 168px;
}

#level1 li A {
    display: block;
/* dropdown menu width is controlled here */
    width: 168px;
    background-color:#740101!important;
    padding: 0;
    font-weight: normal;
    text-align: left;
    text-indent: 1em;
    text-decoration: none;
    color: white;
/* needs to be set to zero to override margins from horizontal menu */
    margin: 0;
   
/* needs to be set to zero to override borders from horizontal menu */
    border: 0; 
}
#level1 li A:hover {
    display: block;
    color: black;
    background-color:#f7e096 !important;
/* needs to be set to zero to override borders from horizontal menu */
    border: 0; 
}

#level1 li.sel2 a {
   background-color:#121157;
}


/* all see this */
#nav ul ul, #nav ul ul ul {
   display: none;
   position: absolute;
   width: 135px;
   top: 0;
}
/* non-IE bowsers see this */
#nav ul li>ul, #nav ul ul li>ul {
    margin-top: 0;
}
#nav LI:hover UL UL, #nav LI:hover UL UL UL{
    display: none;
}
#nav LI:hover UL {
    display: block;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
    display: block;
}
li>ul {
    top: auto:
}
UNKNOWN {
    margin-top: 0;
    left: auto; 
    top: auto;
}