<style>
<!--

body {
	background-image:  url('/images/pewter-100.gif');
  font-family:  AvantGarde, sans-serif;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

H1    {font-family: AvantGarde, sans-serif; font-size: 24pt; line-height: 22pt; color="#000000";}
H2   	{font-family: AvantGarde, sans-serif; font-size: 20pt; line-height: 18pt; color="#000000";}
  
.colhead           	 {font-family: AvantGarde, sans-serif; font-size: 13pt; color:#000000;}
.colhead-grey    {font-family: AvantGarde, sans-serif; font-size: 13pt; color:#6C778C}


.caption {
  color:  #424245;
	font-family: Century Gothic, AvantGarde, sans-serif;
	font-size: 14px;
	line-height: 16px;
}

.footnote {
	color:  #424245;
	font-family: Century Gothic, AvantGarde, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.gap {
	line-height: 5px;
}

.graph {
	line-height: 7px;
}

.text {
	color: #424245;
	font-family: AvantGarde, Century Gothic, sans-serif;
	font-size: 13px;
}


li.square 	     {list-style-type: square; list-style-size: 7pt}
li.little 	    			 {margin-left:-25}

a               		 		  {text-decoration:none; color:#424245}
a:hover      		  {text-decoration:underline; color:#000000;}

/** what each list elt will look like **/
#tablist li{
	display: inline;  /** list goes horizontal instead of vertical **/
	list-style: none;
	padding-left: 0px;
	padding-right: 0px;
}  html>body #tablist li {
	padding-left: 1px;
	padding-right: 1px;
}	

/** what each link in the top-nav will look like **/
#tablist li a{  /** IE **/
	border: 0px;
	text-decoration: none;
	width: auto;
}
/** html>body  #tablist li a{   
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	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>
