/** original grey for text:  #424245; **/

<style>
<!--

body {   background-image:  url('images/pewter-100.gif');   font-family: 'Century Gothic', Arial, Helvetica, sans-serif;  margin: 0;   padding: 0;   width: 100%; }

H1          { color: #172237;font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif; font-size: 24pt; line-height: 22pt;}
H2   	{color: #172237;font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif; font-size: 20pt; line-height: 18pt; }
H3   	{color: #172237; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif; font-size: 16px; line-height: 14px; }
 
.gap { 	line-height: 5px; }
.graph { 	line-height: 7px; }
.text-grey          { color:#061126; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif;  font-size: 12px; }
.bigbody-grey    { color:#172237; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif;  font-size: 14px; }
.bigbody-red    { color:#FF0000; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif;  font-size: 14px; }
.caption {   color:  #172237; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 16px; }
.text                      { color: #061126;font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif; font-size: 13px; }
.colhead           	{color:#000; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif;  font-size: 13pt; color:#000000;}
.colhead-grey    { color:#172237; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif;  font-size: 13pt; }
.footnote             { color:  #172237; font-family: 'Century Gothic', Tahoma, Helvetica, sans-serif; font-size: 11px; }
.make-it-red       {color: #F00; }

li.square 	     {list-style-type: square; list-style-size: 7pt;}
li.little 	    	 {margin-left: -25px;}

a               	 {text-decoration:none; color:#424245}
a:hover      		  {text-decoration:underline; color:#000000;}

a.black         {color: #000; text-decoration: underline; }
a:hover.black  {color: #000; text-decoration: none; }

/** what each list elt will look like, list goes horizontal instead of vertical **/
#tablist li{ 	display: inline; 	list-style: none;	padding-left: 0;	padding-right: 0;}  html>body #tablist li { 	padding-left: 1px; 	padding-right: 1px; }	

/** what each link in the top-nav will look like **/
#tablist li a{   border: 0; text-decoration: none; width: auto; }

a.white         		   {text-decoration: none; color: #FFFFFF;} 
a:link.white 	     {text-decoration: none; color: #FFFFFF;} 
a:hover.white  {text-decoration: none; color: #FFFFFF; font-weight: bold;} 
-->
</style>

