<style type="text/css">
<!-- 
a:link { 
text-decoration: underline;
color: #000000; 
font-weight: bold;
} 

a:visited { 
text-decoration: underline;
color: #000000; 
font-weight: bold;
} 

a:active { 
text-decoration: underline;
color: #FF0000; 
font-weight: bold;
}

a:hover { 
text-decoration: uderline;
color: #000000; 
background-color: #00FFFF;
}

h1 { 
font-family: Arial;
border-bottom: solid #666666 ;
 } 
 
h2 { 
font-family: Arial;
font-size: 110%;
color:#666666;
 } 
 
#motto { 
width: 160px;
position: absolute;
right: 5%; 
top: 35px;
background-color:#FFFF66;
 } 
.motto { 
background-color: #FFFFFF;
font-family: Arial;
text-align: right;
font-size: 70%;
border: 1px solid black;
padding: 3px;
 } 
 
#main { 
width: 98%;
height: 100%;
border: 1px solid black;
padding: 10px;
 } 
 
#mentop { 
background-color: #EEEEEE;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 5px;
 } 
.mentop { 
font-family: Arial;
text-align: left;
font-size: 100%;
 } 
 
td {
background-color: #EEEEEE;
font-family: Arial;
font-size: 90%;
vertical-align: top;
  } 

ul {
line-height: 200%;
  } 
	
-->
</style>