@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	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 */
	color: #000000;
	background-color: #CCC;
}
.oneColFixCtrHdr #container {
	width: 900px;  /* 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 */
	border: 1px solid #999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #243548;
}
.oneColFixCtrHdr #header h1 {
	color: #FFF;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	margin: 0px;
	text-align: center;
}
#mainContent .mainContentWrap h1 {
	font-size: 22px;
}

.oneColFixCtrHdr #container #header .menu .menu.red {
	padding-left: 90px;
	padding-right: 0px;
}

.oneColFixCtrHdr #mainContent {
	padding: 0, 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	background:#4B5E7A;
	width: 900px;
	height: 40px;
}
.oneColFixCtrHdr #footer p  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
}



/* start below is the customized menu */

ul.menu {
	list-style-type:none;
	width:808px;
	position:relative;
	display:block;
	height:33px;
	font-size:0.6em;
	background:url(images/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #000;
	margin:0;
	padding:0;
}
.textshadow {
	text-shadow: -1px 3px #555;
}


ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}
#mainContent .mainContentWrap {
	padding-right: 150px;
	padding-left: 150px;
}
.mainContentWrap h1 {
	text-align: center;
}



/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}

/* End Customized Menu */#menu {
	float: left;
}
.textshadowfooter {
	text-shadow: -1px 1px #000;
}
.maincontentDescription {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
a:link {
	color: #0B3A6F;
}
a:visited {
	color: #36F;
}
a:hover {
	color: #F03;
}
a:active {
	color: #F60;
}
.oneColFixCtrHdr #container #header .textshadow a {
	color: #FFF;
	text-decoration: none;
}