/** grey: #EBEAEA; blue-teal:  #33499A; light-blue:  #6699CE; navy: #0D437B; teal:  #0A3159;  ylw: #F6A019; **/
<style>  
<!--
.just2                      {font-family: Arial, sans-serif; font-size:  2px;}
.just3                       {font-family: Arial, sans-serif; font-size: 3px;}
.graph                   {font-family: Arial, sans-serif; color: #33499A; font-size: 5px;}
.caption                {font: 8px #33499A Arial, sans-serif; text-align: center;}
.body-small          {font-family: Arial, sans-serif; color: #33499A; font-size: 10px;} html>body .body-small { font-size: 11px; }
.body-text           {font:  11px #0A3159 Arial, sans-serif; line-height: 10px;} html>body .body-text {line-height: 16px; }
.bigbody              {font-family:  Arial, Verdana, sans-serif;	 color: #0A3159; font-size: 13px;}
.content-big        {font-family:  Arial, Verdana, sans-serif;	 color: #33499A; font-size: 15px;}
.content-text      {font:  15px #0A3159 Arial, Verdana, sans-serif;	}

body {
	background-image: url(images/bkgrnd-stripe.gif);   /** pale horiz grey stripe **/
	margin-top: 0px;
	padding: 0px; 
  text-align: center; }   /** this is needed because IE can't figure out auto L/R margins in page ID **/

#page {
	background: #FFFFFF;
	border-right: 7px solid #F6A019;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 900px; }

#header { 
	margin-bottom: -5px; 
  padding: 0px; } 
	html>body #header { 	  margin-bottom:  0px;} 

.title-spacer { line-height: 150px; } 
.spacer { height: 56px; } html>body .spacer { height: 0px; }
	
#side-nav {
	background-image: url(images/blue-left.gif);   /** 1px vert navy stripe, blue main, grey stripe **/
	color:  #0D437B;
	float: left;
  font-family:  Arial, Verdana, sans-serif;	 
	font-size: 18px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	width: 165px;
} html>body #side-nav { 
	height: auto;
  margin-top: 0px;  }

.side-nav-tall {
	height: 100%; }
	
#content {
	background-color: #FFFFFF;
	clear: both;
	color: #33499A; 
	float: left;
  font-family: Arial, Verdana, sans-serif;	 
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 23px;
	margin-left: 165px;
	margin-top: -475px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
	position: relative;
	text-align: left;
	width: 725px;  
} html>body #content {
	clear: none;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 35px; 
	width: 715px;  
}

#col-left {
	float: left;
	font-size: 14px;
	width:  530px; 	}
	
#col-right {
	float: right;
	font-size: 11.5px;
	margin: 0 20px 0 45px;
	position: absolute;
  width: 140px; } html>body #col-right { 	margin:  0  0  0 555px ;}
	
input {
	background-color: #FFFFFF;
	color: #0D437B;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}html>body input { 	font-size: 12px; }

#footer {
	margin-top: 0px;
	padding: 0;
}

.form { 	  line-height: 9.5px;  }html>body .form { line-height: 13.5px; }

#btm {
	 background-image: url(images/btm-margin-900x75.gif);
	 border-bottom:  1px solid #0A3159;
	 color: #33499A; 
   font-family:  Arial, Verdana, sans-serif;	 
	 font-size: 11px;
	 height: 75px;
	 margin-top: -5px;
	 text-align: center;
	 width: 900px;
}html>body #btm { 	margin-top: 0px; }

.pix-right {
	color: #33499A;
	float: right;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 350px;
	margin:   0 -20px 0 50px;
	text-align: center;
	width: 160px;
} html>body .pix-right { width: 150px; }

a   {
	 color: #33499A; 
	 font-weight: bold;
   text-decoration: none;  }
	 
a:hover    {color:#6699CE;}

ul                                {padding; 0px; margin: 2px;}
html>body  ul         {padding; 0px; margin: 0px;}

ul li                     {list-style-type: square; margin-left: 2em; }   /** IE **/
html>body li   {list-style-type: square; margin-left: 0em;}   /** FF **/

-->
</style>