@charset "utf-8";
body {
	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: #A0C1E8;
	background-image: url(images/bkgTile.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.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;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	height: 165px;
	background-color: #CADEF3;
	background-image: url(images/headerBkg.jpg);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #header #address {
	background-color: #FFFFFF;
	width: 399px;
	height: 165px;
	margin: 0;
	float: right;
}
#addressBar {
	background-image: url(images/headerRing.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding: 20px;
	overflow: hidden;
}
#titleBar .title {
	margin: 20px 0 20px 30px;

}

.oneColFixCtrHdr #header #logo {
	float: left;
	display: inline;
	padding: 70px 0 0 20px;
	width: 300px;
}



.oneColFixCtrHdr #mainMenu {
	background-color: #8E8D79;
	padding: 12px 10px 12px 10px;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 100px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #8E8D79;
	font-weight: normal;
	margin: 20px 0 5px 0;
}
#mainContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #404040;
	margin: 0 0 16px 0;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #7591AF;
	font-weight: normal;
	margin: 15px 0 5px 0;
}

.oneColFixCtrHdr #titleBar {
	height: 193px;
	background-color: #C6C6BC;
}

.oneColFixCtrHdr #footer {
	background:#8E8D79;
	height: 275px;
}
.oneColFixCtrHdr #footer a {
	font-size: 11px;
	color: #FFFFFF;
}
.oneColFixCtrHdr #footer p {
	font-size: 11px;
}
.oneColFixCtrHdr #footer #copyright {
	float: right;
	padding: 10px 30px 10px 0;
	width: 270px;

}

.oneColFixCtrHdr #footer #links {
	padding: 20px 50px;
	float: left;
}
.photoBorder {
	border: solid 1px #8E8D79;
}
.photoFloatLeft {
	margin: 0 20px 20px 0;
}
.photoFloatRight {
	margin: 0 0 20px 20px;
}

/* contact form styles */
.asterisk {
	color: #ea5551;
}

/* "what is this?" small element link sizes */
/* set up relativity to position small what? text */
small.whatsthis { 
	font-size: 11px;
	color: #006699;
	margin-left: 5px;	
}
/* Why? link style */
small.whatsthis a { 
  font-size: 11px;
  color: #EA5551;  
  text-decoration : none;  
 }

small.whatsthis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

small.whatsthis a span { 
  border : 1px solid #fff;
  background-color : #fff;
  padding : 0 4px 0 4px; 
  color : #fff;
  text-decoration : none; 
  height: 10px;  
  margin-left: 10px;
}

/* bring back Why? text span (title attribute backs this up for browsers it doesn't function in */
small.whatsthis a:hover span, small.whatsthis a:focus span, small.whatsthis a:active span { 
  border : 1px solid #ea5551; 
  background-color : #ea5551;
  color : #fff;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}
span.smallText {
  font-size: .55em; 
}
span.code {   
   font-size: 18px;
   font-weight: bold;
   color: #313131;
   border: 3px solid #7591AF;
   margin: 0;
   padding: 3px 7px;
   text-align:center;
}