div#navBar {
	width: 980px;
	height: 24px;
	padding: 12px 0 0 0;
	position: absolute;
	top: 95px;
}


/* TOP MENUS */

ul#nav {
	padding: 0 0 0 30px;
	width: 950px;
	width: auto;
	margin: 0;
	list-style: none;
}

ul#nav li {
	padding: 0;
	margin: 0 23px 0 0;
	float: left;
	position: relative;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0;
	color: #d3dfd1;
}


ul#nav li a { display: inline-block; height: 24px; padding: 0; }
ul#nav li a:link { color: #d3dfd1; text-decoration: none; }
ul#nav li a:visited { color: #d3dfd1; text-decoration: none; }
ul#nav li a:hover { color: #fff; text-decoration: none; }
ul#nav li a:active { color: #d3dfd1; text-decoration: none; }

/* Overrides "inline-block" in browsers other than IE, Safari, FF & IE7 need "block" for <a> element to have full height.
   "block" setting breaks the nav in IE 6, but we cn get away with it in IE 6 when set to "inline-block", IE 7 is good either way.
   We need the <a> tag to display with full height for the layer menu functionality. */
#navBar>ul#nav>li>a { display: block; }  


/* SUB MENUS */

ul#nav li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	clear: left;
	list-style: none;
	padding: 0 18px 9px 18px;
	margin: 10px 0 0 -5px;
	background: #9a3336;
}
ul#nav li ul li {
	padding: 9px 0 6px 0;
	margin: 0;
	float: none;
	font-size: 13px;
	font-weight: normal;
	background: url(../images/shared/nav-dots.gif) bottom left  repeat-x; 
	letter-spacing: 0;
}

ul#nav li.finalItem {
	background: none;
	padding-bottom: 0;
	margin-right: 0;
}

ul#nav li ul li a { display: block; height: 24px; padding: 0; }
ul#nav li ul li a:link { color: #d6adad; text-decoration: none; }
ul#nav li ul li a:visited { color: #d6adad; text-decoration: none; }
ul#nav li ul li a:hover { color: #fff; text-decoration: none; }
ul#nav li ul li a:active { color: #fff; text-decoration: none; }

ul#about_submenu li { width: 88px; }
ul#careerCredits_submenu li { width: 148px; }
ul#booksMusic_submenu li { width: 126px; }


ul#nav li:hover ul, ul#nav li.over ul { display: block; }