/* The 90% width keeps the menubar from wrapping prematurely, 
but overlays the upgrade button in some browsers. Still
looking for a good fix. 
100% stretches the bar and creates a horizontal scroll. Suckage. */
#NavMenuList {
    position: absolute;
    left: 0px; top: 100px;
    height: 40px; width: 750px;
    margin: 0; padding: 0;
    display: inline; white-space: nowrap;
    clear: both;
	background-color:#ffffff;
}
#NavMenuList li {
    display: inline;
    list-style: none; white-space: nowrap;
}
#NavMenuList a {
    padding: 7px 10px 1px 10px;
    width: auto; height: 20px;
    color: #000000; background-color: #ffffff;
    font: 12px Verdana, Geneva, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration: none;
    float: left; display: block;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
    
   }
#NavMenuList a.preextra {
    padding: 7px 1px 1px 10px;
    width: auto; height: 20px;
    color: #FFF; background-color: #69C;
    font: 12px Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
	
}
#NavMenuList a.extra {
    padding: 7px 10px 1px 1px;
    width: auto; height: 20px;
    color: #FFF; background-color: #69C;
    font: 12px Verdana, Geneva, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
    font-weight: bold;

}
#NavMenuList a:hover {
    color: #red; background-color: red;
	border:1px solid black;
}
#NavMenuList .NavSubMenuList {
    visibility: hidden;
    left: 0; top: 30px;
    position: absolute; height: 30px;
    width: 100%; display: inline; white-space: nowrap;
    margin: 0; padding: 0; border: 0px;
	background-color:#99ccFF;
	border-top: 0px solid #ffffff;
}
#NavMenuList .NavSubMenuList li a {
    color: #000;
    background-color: #99ccFF;
    float: left;
}
#NavMenuList .NavSubMenuList li a:hover {
    color: #000000; background-color: #eeeeee;
	border:1px solid black; width: auto; height: 20px;
}
#NavMenuListTitle {
    display: none;
}