/*All the flyout's--- used for the tables in the flyout menus in the nav*/
.flyout-table-bg {
/*this is the same bg color as the global sheet for the
border-thick, so that it matches the main nav's border outline*/
	background-color: #C9C7AF;
}
.flyout-table-header-text {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.flyout-table-header, .flyout-row-over {
	background-color: #00497D;
	color: #FFFFFF;
}
.flyout-cell1, .flyout-cell2 {
	background-color: #E9E7D4;
}

.flyout-cell1 a:link, .flyout-cell1 a:visited, .flyout-cell1 a:hover, .flyout-cell1 a:active, .flyout-cell2 a:link, .flyout-cell2 a:visited, .flyout-cell2 a:hover, .flyout-cell2 a:active {
	text-decoration: none;
}
.flyout-row-over {
	cursor: hand;
}
.flyout-row-over a:link, .flyout-row-over a:visited, .flyout-row-over a:hover, .flyout-row-over a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* increase the closer-dive by 45px for each new main category added and move the closer-div-bottom the same */
#closer-div {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	top: 35px;
	left: 420px;
	height: 515px;
	width: 300px;
	background-color: transparent;
	xborder: 1px solid black;
}
#closer-div-bottom {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	top: 567px;
	left: 5px;
	height: 30px;
	width: 410px;
	background-color: transparent;
	xborder: 1px solid red;
}

/*common class to all flyouts*/
.nav-div {
/*	-moz-opacity: 95%;
	filter: alpha(opacity=95);*/
	left: 180px;
	padding-right: 3px;
	padding-bottom: 2px;
	background-color: #C9C7AF;
/*	background-image: url(/images/blackpixel.gif);*/
}
#nav1000 {
	position: absolute;
	z-index: 200;
	visibility: hidden;
	top: 60px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav2000 {
	position: absolute;
	visibility: hidden;
	z-index: 300;
	top: 105px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav3000 {
	position: absolute;
	z-index: 400;
	visibility: hidden;
	top: 150px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav4000 {
	position: absolute;
	z-index: 500;
	visibility: hidden;
	top: 195px;
	left: 180px;
	height: auto;
	width: 200px;
}

/* 
	all nav's 5000 or higher have positioning attributes 
	determined on the page with JS. keep positioning
	attributes for depracation sake.
*/
#nav5000 {
	position: absolute;
	z-index: 600;
	visibility: hidden;
	top: 250px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav6000 {
	position: absolute;
	z-index: 700;
	visibility: hidden;
	top: 295px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav7000 {
	position: absolute;
	z-index: 800;
	visibility: hidden;
	top: 340px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav8000 {
	position: absolute;
	z-index: 900;
	visibility: hidden;
	top: 385px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav9000 {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 430px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav10000 {
	position: absolute;
	z-index: 1100;
	visibility: hidden;
	top: 475px;
	left: 180px;
	height: auto;
	width: 200px;
}

#nav11000 {
	position: absolute;
	z-index: 1200;
	visibility: hidden;
	top: 510px;
	left: 180px;
	height: auto;
	width: 200px;
}