body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	color: #000000;
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.5em;
	background: #045A8E url(/images/blue096375225.gif) repeat top left;
	}
	
/*  IE5.5 not work with position:relative (needed to establish a new positioning context to contain the columns) - it wouldn't display as buttons on nav bar */	
#wrap {
	position: static;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 750px;
  	border-left: 1px solid #000;
  	border-right: 1px solid #000;
  	background: #EDECF2;
	}
	
#wrap2	{
	position:relative;
}  
	
p	{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: .8em 0em;
	text-indent: 0;
	line-height: 1.2;
}

ol	{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
}

/* IE6 not seem to work right with 'auto' for left margin so used padding, but IE5/Mac not work with explicit value of left padding! */
ul	{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
}

/* use 1em to avoid compounding the font size from OL and P */
li p	{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

li ol 	{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

li ol li	{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
#linklist li {
padding-bottom:1em;
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color: #597A96;
	font: bold 1.7em Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0px 1em 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-transform:capitalize;
	border-bottom: dotted 3px;
}

h2 {
	color: #597A96;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 2.5em 0px 0.25em 0px;
}

h3 {
	color: #597A96;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 3em 0px 0.5em 0px;
}

h4 {
	color: #597A96;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0px 0.5em 0px;
}

table	{
	font-size: .85em;
	border-color: #000;
}
a:link	{
color:blue;
}
a:hover	{
color: #FFF;
background-color: blue;
font-weight:bolder;
}

img {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.red {
	color: #CC0000;
}
.gray {
	color: #94A3A6;
}
.black {
	color: #000000;
}
.aqua {
	color: #009966;
}
.neon {
	color: #FF0033;
}
.purple {
	color: #990099;
}
.brown {
	color: #6C4E31;
}
.earth {
	color: #D9B87F;
}
.blue {
	color: #0D82B3;
}
.white {
	color: #FFFFFF;
}

.sizzle {
	font-weight: bold;
	font-style: italic;
	color: #02324F;
	background-color: #FFFF95;
}
.brdrbottom	{
	border-bottom:solid #597A96 1px;
	padding-bottom:1em;
	margin-bottom:4px;
}

.underline	{
	text-decoration: underline;
}

.textcenter	{
	text-align: center;
}

.textlarger {
	font-size: larger;
}

.textbig150	{
	font-size: 150%;
	font-weight: bold;
}

.textbig200	{
	font-size: 200%;
	font-weight: bold;
}

.shiftleft20	{
	margin-left: -20px;
}
.shiftright50	{
	margin-left: 50px;
}
.shiftup	{
margin-top: .5em
}
.indent	{
	text-indent: 2em;
}

.right {
	width: 10em;
	float: right;
}

.left	{
	width: 10em;
	float: left;
}

.rightimage {
	margin: 10px;
	float: right;
	text-align: center;
}

.rightwide {
	float: right;
	margin-right: 1em;
}

.right2 {
	width: 100px;
	float: right;
}

.left2	{
	width: 100px;
	float: left;
}

.leftwide2	{
	width: 150px;
	float: left;
	padding: 0 3px;
	background-color: #996633;
	color: #FFFFCC;
}

.leftwider	{
	width: 250px;
	float: left;
	background: white;
	padding: 0 3px;
}

.leftimage {
	margin: 10px;
	float: left;
	text-align: center;
}

.captionimage	{
	margin: 10px;
	float: right;
	text-align: center;
	height: 12em;
	width: 10em;
}


.clearall	{
	clear: both;
}

.clearallbordered	{
	clear: both;
	border-bottom: solid 1px #990000;
	margin-bottom: 3px;
}

/* needed for IE/Mac and Safari/Mac to make a hard break between rows to clear the floats on CCS tableless form */
.spacer {
	clear: both;
	display: block;
	font: 1px/1 sans-serif;
	height: 1px;
}

/*need padding for NN & Firefox to move bullet images from edge */
ul.bullet	{
	list-style-image: url(/images/bullet5.gif);
	padding-left: 2em;
}

.brdr	{
	border: 2px solid #597A96;
	margin: 0em;
	padding: .5em;
}

.brdrdotted	{
	border: 2px dotted #597A96;
	margin: 0em;
	padding: .5em;
}

.highlightcenter	{
	background-color: #FFFF95;
	border-top: 1px solid #02324F;
	border-right: 2px solid #02324F;
	border-bottom: 2px solid #02324F;
	border-left: 1px solid #02324F;
	margin: auto;
	padding: .5em .5em .5em .5em;
	color: #02324F;
	width: 20em;
}

.highlightcenterwide	{
	background-color: #FFFF95;
	border-top: 1px solid #02324F;
	border-right: 2px solid #02324F;
	border-bottom: 2px solid #02324F;
	border-left: 1px solid #02324F;
	margin: auto;
	padding: .5em .5em .5em .5em;
	color: #02324F;
	width: 30em;
}

.highlightwide	{
	background-color: #FFFF95;
	border-top: 1px solid #02324F;
	border-right: 2px solid #02324F;
	border-bottom: 2px solid #02324F;
	border-left: 1px solid #02324F;
	margin: 1em;
	padding: .5em .5em .5em .5em;
	color: #02324F;
}

	
.sidequote {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	color: #642100;
	margin: .4em 0em;
	text-align: right;
}

div.form	{
	width: 95%;
	background-color: #809CAB;
	color: #FFFFFF;
	border: 1px dotted #333;
	padding: 5px;
	margin: 0px auto;
}

div.formrow {
	clear: both;
	padding-top: 5px;
}

div.form span.label {
	float: left;
	width: 25%;
	text-align: right;
}

div.form span.input {
	float: right;
	width: 73%;
	text-align: left;
}
 
 div.form a	{
	color: #FFFF66;
}

 div.form a:hover	{
	color: #FF9966;
}

div#banner {
	margin: 0px;
	background: #FFFFFF url(/images/logo.gif) no-repeat;
	height: 167px;
}

/* left:0 would not work with IE6....don't know why not?? */ 
div#leftcol {
	position: absolute;
	top: 0px;
	right: 570px;
	width: 177px;
	padding-top: 0;
	margin-top: 0;
	margin-left:8px;
	font-size:.9em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 169px;
}

/* Be nice to Opera rule to go with the above */
html>body .content {
	width: 169px;
}


#navcontainer
		{
			background: #809CAB;
			margin: 0 auto;
			padding: .3em 0 .3em 0;
			font-family: georgia, serif;
			text-transform: lowercase;
		}
		
		/* to stretch the container div to contain floated list */
		#navcontainer:after
		{
			content: ".";
			display: block;
			line-height: 1px;
			font-size: 1px;
			clear: both;
		}
	
		ul#navlist
		{
			list-style: none;
			padding: 0;
			margin: 0 auto;
			width: 95%;
			font-size: 0.9em;
		}
		
		ul#navlist li
		{
			display: block;
			float: left;
			width: 15%;
			width: 10em;
			margin: 0;
			padding: 0;
		}
		
		ul#navlist li a
		{
			display: block;
			width: 100%;
			padding: 0.5em;
			border-width: 1px;
			border-color: #ffe #aaab9c #ccc #fff;
			border-style: solid;
			color: #FFF;
			text-decoration: none;
			text-align:center;
			background: #597A96;
			padding:.5em 1px;
		}
		
		#navcontainer>ul#navlist li a { width: auto; }
		
		
		ul#navlist li a:hover, 	ul#navlist li#active a:hover
		{
			color: #045A8E;
			background: #FFF;
			border-color: #aaab9c #fff #fff #ccc;
		}

div#rightcol {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 0;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	width: 173px;
	color: #000;
}

div#content {
	margin-left: 180px;
	margin-right: 174px;
	margin-top: 0px;
	background-color: #FFF;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border: solid #597A96 1px;
}

/* Holly Hack for IE - Use HEIGHT of any amt to force the background color and border below any floats
on the #content DIV.  NN and IE Mac is not impacted by this, but uses spacer DIV instead. The spacer
DIV sometimes works for IE , but sometimes some of the text disappears when resizing IE*/
/* Hides from IE-mac \*/
* html #content {
	height: 1%;
}

/* End hide from IE-mac */
/*Here is another method that works for non-IE (Win and Mac) browsers (rather than using spacer DIV method
which is technically non-semantic), but not used for this site 
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*/

/* NOTE IE5 has to have this or the #content div slides down a little from #banner */
div#content h1 {
	margin-top: 0px;
}

/* seem to need a height set (to any amount!) for IE5 to display the backgrnd color to the bottom 
of the float in the footer. NN 6 needs it set to sufficient value (assuming the height property is specified - but like IE6, it works without height set at all)  */
div#footer {
	margin-left: 180px;
	margin-right: 174px;
	margin-top: 0px;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	color: #FFF;
	background-color: #597A96;
	height: 100px;
	font-size: .85em;
}
#footer a, #footer a:visited	{
color:#FFFF95
}

#copyright {
	float: right;
	padding: 0px 5px;
}

img#valxhtml {
	width: 100px;
}

img#valcss {
	width: 100px;
}