<style type="text/css"> 

.ddd {font-size: 12px; font-family: arial;  font-weight: normal; font-color: darkblue;}
.ddd A:link {text-decoration: none; color: darkblue;}
.ddd A:visited {text-decoration: none; color: darkblue;}
.ddd A:hover {text-decoration: none; color: palevioletred; font-weight: normal;}


.1 {background-color: #a6a781;}
.2 {background-color: snow;}
.3 {background-color: lightgrey;} 
.4 {background-color: lightblue;} 
.5 {background-color: navy;} 
.6 {background-color: cadetblue;}                         
.7 {background-color: cornflowerblue;}   
 
.c1 {font-size: 11px; font-family: arial;  font-weight: normal; font-color: #e0e99a;}
.c1 A:link {text-decoration: none; color: #e0e99a;}
.c1 A:visited {text-decoration: none; color: #e0e99a;}
.c1 A:hover {text-decoration: none; color: #e0e99a; font-weight: normal;}

.c2 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: black;}
.c2 A:link {text-decoration: none; color: black;}
.c2 A:visited {text-decoration: none; color: black;}
.c2 A:hover {text-decoration: none; color: black; font-weight: normal;}        

.c3 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: darkgreen;}
.c3 A:link {text-decoration: none; color: darkgreen;}
.c3 A:visited {text-decoration: none; color: darkgreen;}
.c3 A:hover {text-decoration: none; color: darkblue; font-weight: normal;}   

.c4 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: black;}
.c4 A:link {text-decoration: none; color: black;}
.c4 A:visited {text-decoration: none; color: black;}
.c4 A:hover {text-decoration: none; color: palevioletred; font-weight: normal;}  

.c5 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: darkcyan;}
.c5 A:link {text-decoration: none; color: darkcyan;}
.c5 A:visited {text-decoration: none; color: darkcyan;}
.c5 A:hover {text-decoration: none; color: palevioletred; font-weight: normal;}      

.c6 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: yellow;}
.c6 A:link {text-decoration: none; color: yellow;}
.c6 A:visited {text-decoration: none; color: yellow;}
.c6 A:hover {text-decoration: none; color: cyan; font-weight: normal;} 

.c7 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: white;}
.c7 A:link {text-decoration: none; color: white;}
.c7 A:visited {text-decoration: none; color: white;}
.c7 A:hover {text-decoration: none; color: deeppink; font-weight: normal;}      
 
.c8 {font-size: 12px; font-family: arial;  font-weight: normal; font-color: cyan;}
.c8 A:link {text-decoration: none; color: cyan;}
.c8 A:visited {text-decoration: none; color: cyan;}
.c8 A:hover {text-decoration: none; color: yellow; font-weight: normal;}  
 
.b1 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: darkblue;}
.b1 A:link {text-decoration: none; color: darkblue;}
.b1 A:visited {text-decoration: none; color: darkblue;}
.b1 A:hover {text-decoration: none; color: palevioletred; font-weight: bold;}

.b2 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: crimson;}
.b2 A:link {text-decoration: none; color: crimson;}
.b2 A:visited {text-decoration: none; color: crimson;}
.b2 A:hover {text-decoration: none; color: palevioletred; font-weight: bold;}        

.b3 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: darkgreen;}
.b3 A:link {text-decoration: none; color: darkgreen;}
.b3 A:visited {text-decoration: none; color: darkgreen;}
.b3 A:hover {text-decoration: none; color: darkblue; font-weight: bold;}   

.b4 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: black;}
.b4 A:link {text-decoration: none; color: black;}
.b4 A:visited {text-decoration: none; color: black;}
.b4 A:hover {text-decoration: none; color: palevioletred; font-weight: bold;}  

.b5 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: papayawhip;}
.b5 A:link {text-decoration: none; color: papayawhip;}
.b5 A:visited {text-decoration: none; color: papayawhip;}
.b5 A:hover {text-decoration: none; color: palevioletred; font-weight: bold;}      
  
.b6 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: yellow;}
.b6 A:link {text-decoration: none; color: yellow;}
.b6 A:visited {text-decoration: none; color: yellow;}
.b6 A:hover {text-decoration: none; color: cyan; font-weight: bold;} 

.b7 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: white;}
.b7 A:link {text-decoration: none; color: white;}
.b7 A:visited {text-decoration: none; color: white;}
.b7 A:hover {text-decoration: none; color: greenyellow; font-weight: bold;}      
 
.b8 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: cyan;}
.b8 A:link {text-decoration: none; color: cyan;}
.b8 A:visited {text-decoration: none; color: cyan;}
.b8 A:hover {text-decoration: none; color: yellow; font-weight: bold;}  

.b9 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: lightgoldenrodyellow;}
.b9 A:link {text-decoration: none; color: lightgoldenrodyellow;}
.b9 A:visited {text-decoration: none; color: lightgoldenrodyellow;}
.b9 A:hover {text-decoration: none; color: cyan; font-weight: bold;}    

.b10 {font-size: 12px; font-family: arial;  font-weight: bold; font-color: white;}
.b10 A:link {text-decoration: none; color: white;}
.b10 A:visited {text-decoration: none; color: white;}
.b10 A:hover {text-decoration: none; color: white; font-weight: bold;}     
</style>