<!-- I was just learning this. It works, but could be better -->
<style media=screen type=text/css>
        a:link { color: #ff3366; text-decoration: none }
        a:visited { color: #330066; text-decoration: none }
        a:hover { color: purple; text-decoration: none }
</style>
.text {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #ffffff}
.text2 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #330066}
.boldtext {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: bold; font-weight: bold; color: #330066}
.headings {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000}
.pageheadings {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; font-weight: bold; color: 330066}
.pageheadings2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; color: 330066}
.disclaimer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; color: #663366}

.commlink { 
	a:link { color: #ffffff; background: #663366; } 
	a:visited { color: #ffffff; background: #663366; } 
	a:hover { color: #ffffff; background: #330066; }
	a:active {color: #663366; } 
}

a {
	color:#330066;
	text-decoration:none;
}

.disclaimer A:link {color:#663366; text-decoration: none;}
.disclaimer A:visited {color:#663366;text-decoration: none;}
.disclaimer A:active {color:#330066;text-decoration: none;}
.disclaimer A:hover {color:#330066; text-decoration: none;}
