#nav_container { 
padding: 0; 
margin: 0 0 9px 0; 
width:950px;
text-align: left;
position:relative;
float: left;
z-index: 99; 
} 

.donate {
float: right; 
list-style: none; 
margin: 0;
text-decoration: underline;
background: #d80644;
height: 39px;
}
.active {
background: #bcc8f4;
color: black;
}
/* 	LEVEL ONE */
ul.nav   {
position: relative;
}
ul.nav li {
float: left; 
list-style: none; 
margin: 0;
filter:inherit;/*required to make the fade work on IE8*/
text-decoration: none;
height: 39px;
}
ul.nav a:hover {
color: #000; 
text-decoration: underline;
}
ul.nav a:active {
color: #ffa500;
}
ul.nav li a {
display: block;
padding: 13px 17px 0 17px;
height: 29px;
margin: 0 5px 0 0;
border-right: 0px solid #fff;
color: #fff;
font-weight: bold; 
font-size: 11pt;
}
ul.nav li:last-child a {
border-right: none;
} /* Doesn't work in IE */
ul.nav li.hover, ul.nav li:hover  {
background: #bcc8f4;
color: black;
position: relative;
}
ul.nav li.hover a {
color: black;
}


/* LEVEL TWO */
ul.nav ul  {
width: 270px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
}
ul.nav ul li {
font-weight: normal;
background: #5a6795;
color: #000;
border-bottom: 0px solid #ccc;
float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.nav ul li a
{
border-right: none;
width: 100%;
display: inline-block;
color: #e2e8ff; 
padding: 10px 10px 0 10px;
height: 15px;
font-size: 10pt;
} 
/* LEVEL THREE */
ul.nav ul ul {
left: 100%;
top: 0;
}
ul.nav li:hover > ul {
visibility: visible;
}