/* basic elements */
a { text-decoration: none;
color: #cc9966;
/*let the parent background show through*/
background: transparent;}
a:hover{ color: #ffcc00;}
a:active{color: #cc9966;} /*or gold*/
/*alternate if above is flakey*/
a:hover:active{color: #cc9966;}
<!--
.link { font-weight: bold}
.tit {  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18pt;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 color: #cc9966;
 text-decoration: none}
   
.val1 {  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt; 
 font-style: normal;
 line-height: normal;
 font-weight: bold; 
 font-variant: normal;
 text-transform: none;
 color: #760405;
 text-decoration: none}
 
.val2 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt;
font-style: normal; 
line-height: 1.5;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none}

.val3 {  font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
line-height: normal;
font-weight: normal; 
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none}

.val4 {  font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none}
-->