<STYLE TYPE-"type/css">

<!--

#nav-menu ul 
{
font-family: Helvetica, Arial, Verdana, sans-serif;;
width:100%
padding: 0;
margin: 0;
text-align: center
}

#nav-menu li
{
font-family: Helvetica, Arial, Verdana, sans-serif;
background: url(css-nav.gif) #fff bottom left repeat-x;
height: 1.4em;
color: #000066;
float: left;
width: 80px;
font: bold;
display: block;
border: 1px solid #ccccdd;
margin: 0 1px;
font-size: 11px;
text-align: center;
margin: 2;
padding: 2;
}

#nav-menu li a
{
font-family: Helvetica, Arial, Verdana, sans-serif;
background: url(css-nav.gif) #fff bottom left repeat-x;
color: #666699;
font: bold;
text-decoration: none;
}

#nav-menu li a:hover
{
font-family: Helvetica, Arial, Verdana, sans-serif;
background: url(css-nav.gif) #fff bottom left repeat-x;
color: #333366;
font: bold;
text-decoration:  underline}
}


/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */


#nav-menu
{
width:98%
} 

-->



<STYLE>
<!--
.speciallink { color:#448888} 
a.speciallink:link {color: #448888} 
a.speciallink:visited {color: #448888} 
a.speciallink:hover {color: #0000ff; background-color: transparent} 
a.speciallink:active {color: #0000FF} 
-->
</STYLE> 



<style>
<!--
A:link { color: #336699; text-decoration : none}
A:visited { color: #336699; text-decoration : none}
A:active { color: #993333; text-decoration : underline}
A:hover { color: #ffffff; text-decoration : underline; background-color: #8899aa}
-->



BODY
 
{
   margin: 10px 30px 20px 30px  
   color:black;
   background-color:white;
   font-family: "Times New Roman",
			"Bookman Old Style", 
			Arial;
 
SCROLLBAR-FACE-COLOR: #666688;  
SCROLLBAR-HIGHLIGHT-COLOR: #ffff99; 
SCROLLBAR-SHADOW-COLOR: #555577; 
SCROLLBAR-3DLIGHT-COLOR: #ddddcc; 
SCROLLBAR-ARROW-COLOR: #ffffaa; 
SCROLLBAR-TRACK-COLOR: #f6eedd; 
SCROLLBAR-DARKSHADOW-COLOR: #444466;
overflow: auto}


</STYLE> 