* {
	margin:0;
	padding:0;
	}
body {
	margin: 0px;
	padding: 0px;
	background-color: #f7f2e6;
	color:#000;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/* Some browsers, notably Firefox, don't leave space on the right of the
   viewport for a vertical scrollbar, so the page shifts to the left or
   right depending on the length of the content. By setting min-height
   of the html element to 100% and declaring a margin-bottom of 0.1px,
   the page always spawns a vertical scrollbar, but doesn't scroll unless
   the content exceeds the height of the viewport. This isn't ideal, but
   is less confusing to the user than having the page constantly jump
   to left and right. 
*/
html {
	min-height:100%;
	margin-bottom:0.1px;
	}
#main_wrapper {
	clear: both;
	width:960px; /* sets max layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	background-color:#ffffff;
	}
#header {
	width:100%;
	height: 95px;
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	margin-top: 0;
	background: #f7f2e6;
	}
.titleText {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight:bold;
	color: #000000;
	}
#MenuWrap {
	clear: both;
	width: 100%;
	height: 45px;
	margin-top: 5px;
	padding-left: 0;
	padding-right: 0;
	}
/* ------------- main column styles */
#wrap {
	width:960px; /* sets max layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	margin-top: 20px;
	}
.col1 {
	float:left;
	width:960px;
	height: 300px;
	margin: 0;
	background-color: #f7f2e6;
	}
.col1 img {
	margin-left: 15px;
	}
.col1 p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.2em;
	color: #333333;
	}
.col1 p a {
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	color:#333333;
	text-decoration: none;
	}
	
	
.col2 {
	float:left;
	width:960px;
	height: 220px;
	margin: 0;
	background-color: #ffffff;
	}
.col2 img {
	margin-left: 15px;
	}
.col2 p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.2em;
	color: #333333;
	}
.col2 p a {
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	color:#333333;
	text-decoration: none;
	}
.col3 {
	float:left;
	width:960px;
	height: 500px;
	margin: 0;
	background-color: #ffffff;
	}
.col3 img {
	margin-left: 15px;
	}
.col3 p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.2em;
	color: #333333;
	}
.col3 p a {
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	color:#333333;
	text-decoration: none;
	}
.colclear {
	clear: both;
	}
.colclear2 {
	clear: both;
	margin-top: -1px;
	padding: 0;
	background: #a8b374;
	}
.col1a {
	float:left;
	width:304px;
	height: 600px;
	margin: 0 0 0 15px;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	border: 1px solid #ddd9c9;
	}
.col1a img {
	margin-left: 15px;
	}
.col1a p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
	}
.col1a p a {
	font-weight: bold;
	font-size: 95%;
	line-height: 1em;
	color:#677cb2;
	text-decoration: none;
	}
.col2a {
	float:left;
	width:304px;
	height: 600px;
	margin: 0 0 0 5px;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	border: 1px solid #ddd9c9;
	}
.col2a img {
	margin-left: 15px;
	}
.col2a p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.7em;
	color: #333333;
	}
.col2a p a {
	font-weight: bold;
	font-size: 95%;
	line-height: 1em;
	color:#677cb2;
	text-decoration: none;
	}
.col3a {
	float:left;
	width:304px;
	height: 600px;
	margin: 0 0 0 5px;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	border: 1px solid #ddd9c9;
	}
.col3a img {
	margin-left: 15px;
	}
.col3a p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
	}
.col3a p a {
	font-weight: bold;
	font-size: 95%;
	line-height: 1em;
	color:#677cb2;
	text-decoration: none;
	}
	
.col1b {
	float:left;
	width:310px;
	margin: 5px;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	}
.col1b img {
	margin-left: 20px;
	margin-top: 20px;
	}
.col1b h5 {
	color:#CCCCCC;
	}
.col1b p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5em;
	}
.col1b p a {
	font-weight: bold;
	font-size: 95%;
	line-height: 1em;
	color:#819cd4;
	text-decoration: none;
	}
.col2b {
	float:left;
	width:310px;
	margin: 5px;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	}
.col2b img {
	margin-left: 20px;
	margin-top: 20px;
	}
.col2b h5 {
	color:#CCCCCC;
	}
.col2b p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5em;
	}
.col2b p a {
	font-weight: bold;
	font-size: 95%;
	line-height: 1em;
	color:#819cd4;
	text-decoration: none;
	}
.col3b {
	float:left;
	width:310px;
	margin: 5px;
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
	}
.col3b img {
	margin-left: 20px;
	margin-top: 20px;
	}
.col3b h5 {
	color:#CCCCCC;
	}
.col3b p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5em;
	}
.col3b p a {
	font-weight: bold;
	font-size: 95%;
	line-height: 1em;
	color:#819cd4;
	text-decoration: none;
	}

/* BORDERS FOR NEWS PAGE IMAGES AND NEWS TEXT */

.borders		{ border: #000000 1px solid; }

.smalltext		{ COLOR: #996600; FONT: 10px arial, sans-serif; font-weight: normal; }

.date-font	{ 
	color: #8e8b85;
	font: 95% arial, verdana, sans-serif; 
	font-weight: normal;
	float: right;
	}
.titleHeader {
	width: 960px;
	margin: 0;
	padding: 0;
	}
.titleCaption {
	height: 100px;
	margin-top: 0;
	padding: 0;
	text-align: left;
	border-left: none;
	border-right: none;
	background: #ffffff;
	background: url(../images/headerText.gif) no-repeat;
	color: #000000;
	text-indent: -999px;
	}
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #d6d1ff;
	width: 300px; /*Default width of hint.*/ 
	padding: 30px;
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	line-height:1.5em;
	z-index:100;
	visibility: hidden;
  	opacity:0.9; /* CSS3 - range 0 to 1 */     
  	-moz-opacity:0.9; /* Firefox- range 0 to 1  */
  	filter:alpha(opacity=90);  /* IE- range 0 to 100  */
	}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	font-size: 85%;
	color: #FF0000;
	margin: 3px 8px;
	}
/*set CSS for SPAN tag surrounding each scrolling image*/
.seqslidestyle{
	margin-right: 15px;
	}
		
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	background-color:#f7f2e6;
	}
#footer p {
	font-size:85%;
	color:#333333;
	}
#footer a {
	color:#333333;
	}
#footer_inner {
	clear: both;
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:right;
	}
h2 {
	font-size: 140%;
	font-weight: bold;
	color: #06103c;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 0;
	border-bottom: 1px solid #c6c8ce;
	}
h3 {
	font-size: 140%;
	color: #333333;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 15px;
	border-bottom: 1px solid #d1b166;
	}
h4 {
	font-size: 130%;
	color: #333333;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 0;
	border-bottom: 1px solid #c6c8ce;
	}
h5 {
	font-size: 95%;
	color: #b3871c;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
.mainBox {
	width:960px; /* sets max layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	}
.mainBoxA1 {
	float: left;
	width: 720px;
	height: 300px;
	background-color: #e8dfca;
	}
.mainBoxA2 {
	float:left;
	width: 240px;
	height: 300px;
	background-color: #f7f2e6;
	}
.mainBoxA2 p {
	font-size: 95%;
	color:#000000;
	}
.mainBoxA2 img {
	margin: 0 0 0 5px;
	padding: 0;
	border-style: none;
	}
.mainBoxB1 {
	float: left;
	width: 720px;
	height: 220px;
	background-color: #e8dfca;
	}
.mainBoxB2 {
	float:left;
	width: 240px;
	height: 220px;
	background-color: #f7f2e6;
	}
.mainBoxB2 img {
	margin: 0 0 0 5px;
	padding: 0;
	border-style: none;
	}
.mainBoxC1 {
	float:left;
	width: 720px;
	height: 600px;
	background-color: #e8dfca;
	}
.mainBoxC1 p {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 120%;
	color: #89816d;
	font-weight: normal;
	line-height: 1.7em;
	}
.mainBoxC1 p em {
	font-weight: bold;
	}
.mainBoxC2 {
	float:left;
	width: 240px;
	height: 600px;
	background-color: #f7f2e6;
	}
.mainBoxC2 img {
	margin: 0 0 0 5px;
	padding: 0;
	border-style: none;
	}
.mainBoxD {
	float:left;
	width: 960px;
	height: 500px;
	background-color: #FFFFFF;
	}
.boxCnt_1 {
	float: left;
	width: 140px;
	margin-left: 0;
	margin-top: 5px;
	}
.boxCnt_1 p a {
	color: #333333;
	}
.boxCnt_1 img {
	margin-left: 35px;
	margin-bottom: 10px;
	border-style: none;
	}
.boxCnt_1 p {
	font-size: 80%;
	font-weight: normal;
	}
.boxCnt_2 {
	float: left;
	width: 110px;
	margin-left: 0;
	margin-top: 5px;
	}
.boxCnt_3 {
	float: left;
	width: 110px;
	margin-left: 0;
	margin-top: 5px;
	}
.boxCnt_4 {
	float: left;
	width: 110px;
	margin-left: 0;
	margin-top: 5px;
	}
.boxCnt_5 {
	float: left;
	width: 110px;
	margin-left: 0;
	margin-top: 5px;
	}
.boxCnt_6 {
	float: left;
	width: 110px;
	margin-left: 0;
	margin-top: 5px;
	}
.boxCnt_7 {
	float: left;
	width: 220px;
	margin-left: 10px;
	margin-top: 5px;
	}
#title {
	float: left;
	width:960px;
	margin: 0;
	margin-bottom: 10px;
	list-style: none;
	background: #e8dfca;
	}
#title ul li {
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #bab7b0;
	}
#title ul {
	float:left;
	margin-left: 0;
	}
#title li {
	display:inline;
	}
#titleText {
	float: left;
	margin: 0;
	padding: 6px 0 0 14px;
	margin-left: 0;
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #988d71;
	}
#titleText li {
	color: #6a6763;
	}
#titleDate {
	float: right;
	margin: 0;
	padding: 10px 14px 0 0;
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #bab7b0;
	}
#titleDate2 {
	float: left;
	margin-left: 400px;
	padding: 4px 0;
	}
table {
	border: 1px solid #000;
	background: #fff;
	}
table th, table td {
	margin: 0;
	padding: 8px 20px;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
	}
td strong {
	color:#990000;
	}
Table .even {
	background-color: #f3e7b0;
	}
Table .odd {
	background-color: #f3e7b0;
	}
form {
	width: 235px;
	height: 100px;
	margin: 0 0 0 5px;
	background-color: #e8dfca;
	border: 1px solid #cfc8b6;
	}
label {
	display: block;
	font-weight: bold;
	color: #333333;
	}
.textInput {
	width: 200px;
	height: 20px;
	margin-top: 5px;
	font-size: 120%;
	font-weight: bold;
	}
.textbtn {
	float: right;
	margin-right: 10px;
	}