div#navdiv {
margin-left: 15%;
margin-right: 15%;
margin-top: 0;

}


/* start of navbar */



li {
list-style-type: none;
height: 10%;
}

a {
text-decoration: none;
}

ul#navbar {
width: 40em;
height: 1em;
margin: auto;
text-align: center;
margin-top: 15px;



}

ul#navbar li {
background-color: #005500;
color: #EEEEEE;
position: relative;
float: left;
width: 8em;
background: #212121;

color: #00ff00;


}

ul#navbar li:hover {
background-color: #005500;
color: #EEEEEE;
border: 2px #FFFFFF;
background: #212121;
color: #00ff00;

}

ul#navbar li a {
background: #212121;
color: #00ff00;
display: block;
float: left;
width: 100%;

padding-top: 0.3em;

}

.tier1 {
height: 5em;

}




ul#navbar li a:hover {
background: repeat scroll 0 0 #212140;

color:#EEEEEE;


}



/* 2nd row */

ul#navbar li ul {


display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0;
margin: 0;
 

}

ul#navbar li:hover ul {
display: block;
float: left;
height: auto;
margin: 0;
padding: 0;
margin-top: 1.3em;



border: none;
/* border: 2px solid white; */  /* alt color */
border-top: none;
background: #212121;
}

ul#navbar li ul li{
position: relative;
float: left;
width: 8em;



}


ul#navbar li ul li a{
position: relative;
float: left;
width: 8em;
display: inline;


}



/*   3rd row    */


/*    new    */




ul#navbar li ul li ul {
display: none;

}

ul#navbar li ul li:hover ul {
display: block;
float: left;
height: auto;
margin: 0;
margin-left: 8em;
margin-top: -5em;
padding: 0;




border: 1px solid #212121;
/* border: 2px solid #white; */  /* alt color */

background: #212121;
}