<style type="text/css">



.class1 A:link {background: #FFFFFF; text-decoration: none; color: #663333;}
.class1 A:visited {background: #FFFFFF; text-decoration: none; color: #663333;}
.class1 A:hover {text-decoration: none; color: red;}
.class1 A:active {text-decoration: none; color: red;}

.class2 A:link {font-size:20;font-weight: 600; background: #FFFFFF; text-decoration: none; color: #CC0000; }
.class2 A:visited {background: #FFFFFF;font-size:20;font-weight: 600; background: #FFFFFF; text-decoration: none; color: CC0000;}
.class2 A:hover {font-size:20;font-weight: 600; background: #FFFFFF; text-decoration: none; color: DB7093;}
.class2 A:active {font-size:20;font-weight: 600; background: #FFFFFF; text-decoration: none; color: grey;}

.class3 A:link {background: #FFFFFF; text-decoration: none; color: #666666;}
.class3 A:visited {background: #FFFFFF; text-decoration: none; color: #333333;}
.class3 A:hover {background: #FFFFFF; text-decoration: none; color: gray;}
.class3 A:active {background: #FFFFFF; text-decoration: none; color: grey;}

.class4 A:link {background: #FFFFFF; text-decoration: none; color: #grey;}
.class4 A:visited {background: #FFFFFF; text-decoration: none; color: grey;}
.class4 A:hover {text-decoration: none; color: red;}
.class4 A:active {text-decoration: none; color: grey;}


#el01 {
color:#00f;
}
#el02 {
background-color:#ddd;
}
#el03 {
color:#fff;
background-color:#33b;
}
#el04 {
border-width:4px;
}
#el05 {
border-color:#cccccc;
}
#el06 {
border:0;
}
#el07 {
font-family:"Courier New", Courier;
}
#el08 {
font-size:150%;
}
#el09 {
font-size:10%;
}
#el10 {
font-weight:bold;
}
#el11 {
padding:0;
}
#el12 {
margin:0;
text-align:right;
width:10em;
}

</style>