/*           CSS Document             */
/*    by Jim Coe for Terry Pearce     */
/*            08/25/2007              */
/*        Lasr edit 08/29/2007        */

/* === P A G E   S T R U C T U R E === */
/* Text align center on body is only way to center 
a CSS layout in IE5 PC. */
body {
	background-color: #333333;
	text-align: center;
}
/* Text align center on the body centers the wrapper, and all text inside.
So we set text align to turn off centering for elements inside the wrapper DIV.
To center the layout for modern browsers, we set left
and right margins to "auto". Width width includes any columns, plus any padding
or borders. Combined, these must not exceed width value.
Do not add centering to body or centered table in the HTML. That makes center
shift in MSIE 6 Vs Opera and FireFox.

*/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 968px; /* was 978 */
	margin: 4px;
	background-color: #888888;
	border: double 3px #000000;
}
#mainContainer {
	background-color: #000000;
	margin: 4px;
	width: 958px; /* was 968 */
	border: solid 1px #ffffff;
}
/*
Need a non-absolute block in which to embed the absolute
positioned menu boxes. Else the absolutes will change with screen resolution.
No good, if code in same cell as pix.

Try relative. But actual code can be anywhere! Tried code in 20px margin,
but it got as wide as table, even though table is positioned over a different cell.

2. Try wrapping the main table in a div that makes it relative. Then the absolute divs
for the menu boxes will be absolute with reguard to the table, not the screen.

*/
#relativeTable {
	position: relative;
	padding: 0px 0px;
	margin: 0px 0px;
}	

/* Nav menus in each section */
#menuLayer1 {
	position: absolute;
	z-index: 2;
	top: 110px; /* was 135, then 110 */
	left: 70px; /* was 100 */
	width: 125px;

	background-color: #700000;
}
#menuLayer2 {
	position: absolute;
	z-index: 3;
	top: 110px;
	left: 322px;
	width: 125px;

	background-color: #550101;
} 
#menuLayer3 {
	position: absolute;
	z-index: 4;
	top: 110px;
	left: 479px;
	width: 125px;

	background-color: #0e40a0;
} 
#menuLayer4 {
	position: absolute;
	z-index: 5;
	top: 110px;
	left: 634px;
	width: 125px;

	background-color: #303b03;
}
#menuLayer5 {
	position: absolute;
	z-index: 6;
	top: 110px;
	left: 790px;
	width: 125px;

	background-color: #333333;
}
/* Not absolute positioned. Now in a nested table */ 
#searchBox2 {
	z-index: 8;
	width: 350; /* was 350 */
	margin: 0px 0px -10px 0px;
}
/* === T E X T    S T Y L E S === */
/* Make a class for the home page search */
.homeSearch {
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.homeSearchBtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* background-color: #cccccc; */
	font-size: 10px;
	height: 18px
}

.whiteBullets {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bodyWhite14 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin: 0px 10px 0px 20px;
}
.bodyWhite12 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	margin: 0px 10px 0px 20px;
}
.menuWhite12 {
	color: #aaaaaa;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 4px 4px 4px 5px;
}
.menuWhite10 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	padding: 4px 4px 4px 5px;
}
.menuGrey10 {
	color: #AAAAAA;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	padding: 4px 4px 4px 5px;
}
.bottomWhite10 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height: 1.0em;
}
.title14 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 5px 0px 5px;
}
.nav12 {
	color: #000000;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	line-height: 15px;
}
/* "Page Properties" link styles */
a:link {
	color: #aaaaaa;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCFF;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}