/* 
Set up the navigation div and the primary tabs
to be the same width and centered 
*/
#navigation, #subnav {
	width: 980px;
}
#navigation {
	margin: 20px auto 0 auto;
	position:relative;
	z-index:100;
	padding: 0 10px 0 10px !important;  
	padding: 0 20px;
}

#primary_tabs{
	height:53px !important;
	height:51px;
}

#anakin #primary_tabs, #story #primary_tabs{
	height:53px !important;
	height:51px;
}

#primary_tabs img {
	padding: 0;
	margin: 0 -5px -5px 0;
	border: 0;
}
#primary_tabs .left {
	float: left;
}
#primary_tabs .right {
	float: right;
	margin: 0 5px 0 0 !important;
	margin: 0;
}

/*
	TODO Fix the spacing and/or padding issues between FF and Safari.
*/
#primary_tabs ul {
	margin: 0 !important;
	margin: 0 0 -7px 0;
	padding: 0;
	float: left;
}
#primary_tabs li { /* the tabs at the top of a page */
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
	cursor: pointer;
	height: 26px;
}
#primary_tabs li.selected { /* the large tab at the top of a page, indicating the current site's identity */
	float: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
	height: 52px;
}
#primary_tabs li.smaller {
	margin: 0 5px 0 0;
}
#subnav {
	width: 980px;
	background: url('http://media.hamptonroads.com/media/images/ui/nav_plastic.gif') top left repeat-x;
	overflow: hidden;
	padding: 0;
	clear: both;
}
/* The nav on the left side of the main nav...*/
/* The nav on the left side of the main nav...*/
#leftnav {
	width : 640px;
	float : left;
	font-size : 12px;
}
#leftnav, #leftnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#leftnav a {
	display: block;
	font : 12px Arial, Helvetica, 'Lucida Sans', sans-serif;
	border : 0;
	padding : 10px;
	cursor : pointer;
}
#leftnav li {
	float: left;
	margin : 0;
	background: none;
}
#leftnav li.more,
#leftnav li.hasSubmenu {
	float: left;
	margin : 0;
	background : url('http://media.hamptonroads.com/media/images/ui/triangle.gif') right no-repeat;
}
#leftnav li a:hover {
	color : #0072ac;
	background : #fff;
}
#leftnav li ul li:hover a {
	color : #fff;
	background : none;
} 
#leftnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	background : #fff;
	z-index:100;
	/* opacity : .90; */
}
#leftnav ul#mainNav li ul li {
	padding : 0;
	margin : 0;
	width : 10.5em;
	float : left;
	font : .95em 'Lucida Sans', Helvetica, Arial, sans-serif;
	background : #fff;
	position:relative;
	z-index:100;
} 
#leftnav  ul#mainNav  li ul li a {
	color : #000;
	padding : 5px 5px 5px 10px;
	position:relative;
	z-index:100;
}
#leftnav ul#mainNav  li ul li:hover {
	background : #0072ac; 
}
#leftnav ul#mainNav  li ul li:hover a {
	color : #fff;
	background : #0072ac;
}
#leftnav ul#mainNav  li:hover ul, 
#leftnav ul#mainNav  li.over ul  {
	margin : 0 0 0 -15px !important;
	margin : 0 0 0 -5px;
	left: auto !important;   
	display: block;
	position : absolute;
	z-index : 100;
	background : url('http://media.hamptonroads.com/media/images/ui/menu-shadow.png') bottom no-repeat !important;
	background : url('http://media.hamptonroads.com/media/images/ui/menu-shadow.gif') bottom repeat;
	padding : 0 15px 15px 15px !important;
	padding : 0 5px 5px 5px;
}
#mainNav li, #mainNav a {
	cursor: pointer;
}
/*
Initialize the subnav, which loads under the primary tabs
*/

#vertnav {
	float:right;
	margin: 0 -45px 0 0 !important;
	margin: 0 -30px 0 0;
	padding:10px;
	white-space:nowrap;
	width:345px;
	
	/*	previous styles for vertnav were: (from pd. backup.)
	width : 340px;
	float : right;
	padding : 10px;
	margin : 0 -55px 0 0 !important;
	margin : 0 -47px 0 0;
	*/
	/* background: #000 url('http://media.hamptonroads.com/media/images/ui/vertnav_bg.gif') top left repeat-x; */
}

/**
 * These are the lists for the two sets of nav.
**/

#vertnav ul {
	margin: 0;
	padding: 0;
}
#vertnav li {
	margin: -3px;
	padding: 5px;
	display: inline;
	font: 10px 'Lucida Grande', Arial, Helvetica, sans-serif;
}
/**
 * Lists end here.
 * Below are the selectors that create
 * the rollover effects for various list items.
**/
#vertnav li.first {
	background: url('http://media.hamptonroads.com/media/images/ui/vertnav_first.png') top left no-repeat !important;
	background: #004a80;
}
#vertnav li.middle {
	background: url('http://media.hamptonroads.com/media/images/ui/vertnav_middle.png') top left repeat-x !important;
	background: #004a80;
}
#vertnav li.last {
	background: url('http://media.hamptonroads.com/media/images/ui/vertnav_last.png') top right no-repeat !important;
	background: #004a80;
}
#vertnav li.first:hover {
	background: url('http://media.hamptonroads.com/media/images/ui/vertnav_first_over.png') top left no-repeat !important;
	background: #004a80;
}
#vertnav li.middle:hover {
	background: url('http://media.hamptonroads.com/media/images/ui/vertnav_middle_over.png') top left repeat-x !important;
	background: #004a80;
}
#vertnav li.last:hover {
	background: url('http://media.hamptonroads.com/media/images/ui/vertnav_last_over.png') top right no-repeat !important;
	background: #004a80;
}
#vertnav li.first a:hover,
#vertnav li.middle a:hover,
#vertnav li.last a:hover {
	border: 0;
}
#leftnav li a, #vertnav li a {
	color: #ebebeb;
	text-decoration: none;
}

/*
This is the search and smaller tasks for users.
*/

#utilities {
	margin: 0;
	height: 35px;
	font: .7em 'Lucida Grande', Verdana, sans-serif;
	background: #d7d7d7 url('http://media.hamptonroads.com/media/images/ui/utility-bg.gif') top repeat-x;
	border-bottom: 1px solid #ccc;
}
.leftTasks {
	float: left;
	width: 680px !important;
	width: 780px;
	color: #555;
	padding: 3px 0 0 10px;
	margin: 8px 0 0 0;
}
.leftTasks a {
	font-weight: bold;
	color: #777;
	text-decoration: none;
}
.rightTasks {
	float: right;
	width: 250px !important;
	width: 270px;
	padding: 5px 0 !important;
	padding: 0;
	margin: 0 10px 0 0 !important;
	margin: -20px 0 0 0;
	text-align:right;
}
.search {
	margin: 0 0 0 0;
	padding: 0;
}
.search input[type=text] {
	display: inline;
	border: 1px dotted #777;
	padding: 3px;
	font-size: 1.1em;
	width: 150px;
}
.search input[type=search] {
	display: inline;
	border: 1px dotted #777;
	padding: 3px;
	font-size: 1.1em;
	width: 150px;
}
.search input[type=submit] {
	display: inline;
	margin: 0;
	font: 1.1em 'Lucida Grande', Verdana, sans-serif;
	font-weight: bold;
}
.ap-nav {
	width: 620px;
	margin: auto;
	padding: 4px;
	overflow: auto;
	background: #efefef;
}
.ap-nav ul {
	margin: 0;
	padding: 0;
}
.ap-nav ul li {
	font-size: 11px;
	list-style: none;
	float: left;
	padding: 0 5px 0 5px;
	border-right: 1px solid #d7d7d7;
}
.ap-nav form {
	display: block;
	width: 200px;
	margin: 50px auto 0 auto;
}