/* 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. */
#menu {
    position: relative;
	margin-top:9px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F6DDB6;
	border:1px solid #000;
	height:13px;
	width:690px;
	padding:5px;
	text-align:center;
	z-index: 30;
}
#menu li {
    display: inline;
    list-style: none; white-space: nowrap;
}
#menu a {
   	position:relative;
	left:0px;
	background-color:#F6DDB6;
	height:15px;
	width:100px;
	display:inline;
	margin:0px;
	padding:5px;
	text-decoration:none;
}
#menu a:hover {
    background-color:#ECB660;
}
.NavSubMenuList {
	visibility: hidden;
	margin-top:3px;
	margin-bottom:10px;
	position: absolute;
	left: 200px;
	height: 13px;
	padding: 5px;
	top: 20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F6DDB6;
	border:1px solid #000;
	width:auto;
	text-align:center;
	z-index: 30;
}
.NavSubMenuList li a {
    position:relative;
	left:0px;
	background-color:#F6DDB6;
	height:15px;
	width:100px;
	display:inline;
	margin:0px;
	padding:5px;
	text-decoration:none;
}
.NavSubMenuList li a:hover {
    background-color:#ECB660;
}
.NavSubMenuList2 {
	visibility: hidden;
	margin-top:3px;
	margin-bottom:10px;
	position: absolute;
	left: 250px;
	height: 13px;
	padding: 5px;
	top: 20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F6DDB6;
	border:1px solid #000;
	width:auto;
	text-align:center;
	z-index: 30;
}
.NavSubMenuList2 li a {
    position:relative;
	left:0px;
	background-color:#F6DDB6;
	height:15px;
	width:100px;
	display:inline;
	margin:0px;
	padding:5px;
	text-decoration:none;
}
.NavSubMenuList2 li a:hover {
    background-color:#ECB660;
}
#menuTitle {
    display: none;
}