@charset "utf-8";
/* CSS Document */

/* The navigation bar is a relative positioned div (id = htabs) with a number of tabs depending on the number if items in a list 
	The  width of the navigation bar is 958 pixels, the table is 996 pixeles with 19 pixels padding left and right 
	Each tab is 160 pixels including left border.  The width can be changed in the 'htabs.css' file for more tabs if necessary.
	the list items are floated right in order to right justify the tabs.  This means that the first item in the list
	is the rightmost tab.  When a tab is selected the page applies a class of 'current' to the list item to mark it as
	the open page.  This implementation does not require a spacer on the left. 
	
*/
body {
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
	width: 996px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#Table_01 {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
table td.border {
	background: #000000;
}

table td.navigation {
	height: 23px;
	background: #33312f;
}

#navSpacer {
	background: #33312f;
	width: 158px;
	float: left;
	height: 23px;
}

.clearfloat {
	clear: both;
}

/* This is the id of the navigation bar div, background is set to an image, width is 958 pixels, relative positioning so can use absolute positioning
	Sets font size and color */
#htabs {
	background: url('../images/hva_menu_bar.gif') repeat-x;
	width: 958px;
	position: relative;
	font-size: 11pt;
	vertical-align: middle;
}

#htabs ul.MenuHoriz {
	margin: 0;
	padding: 0;
	height: 2em;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
}
#htabs ul.MenuActive {
	z-index: 1000;
}
/* Each tab in the navigation bar is a list item
	Set width of tabs here, currently 150 px Set borders
	list items are floated right in order to right justify the navigation tabs.  this means the top 
	list item is the rithtmost tab.  */
#htabs ul.MenuHoriz li {
	list-style-type: none;
	font-size: .9em;
	text-align: center;
	cursor: pointer;
	margin-right: 0px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width:150px;
	border-left: 1px solid #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	float: right;
	background: #FF00FF;
}

#htabs ul.MenuHoriz a {
	display: block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	padding-right: 0.75em;
	padding-left: 0.75em;
	height: 23px;
	background: #312f2d url('../images/hva_menu_bar.gif') repeat-x;
	text-align: center;
	padding-top: 4px;
}
#htabs ul.MenuHoriz a:hover, ul.MenuHoriz a:focus {
	color: #FFF;
	background: #312f2d url('../images/hva_menu_bar_hover.gif') repeat-x;
	text-decoration: none
}

#htabs ul.MenuHoriz a:active {
	color: #f2f3c2;
	font-size: 1em;
	text-decoration: underline;
}

#htabs ul.MenuHoriz a.current {
	color: #f2f3c2;
	font-size: 1em;
	text-decoration: underline;
	background: #312f2d url('../images/hva_menu_bar_current.gif');
	cursor: default
}