body {}
p {}
td {}
.black-toytext { color: #000; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 10px 20px 10px 10px; margin-ri#ht: 20px }
.white-toytext { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 16px; text-align: center; margin: 10px 20px 10px 10px; }
.red-headline { color: #860001; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 18px; margin: 5px 20px 5px 10px; }
.black-headline { color: #000; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 18px; margin: 5px 20px 5px 10px; }
.gray-toytext { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 16px; margin: 10px 20px 10px 10px; }
.red-toytext { color: #860001; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 16px; margin: 10px 20px 10px 10px; }
.bodycopy   { color: #696969; font-weight: normal; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; margin: 20px 40px 20px 20px }
.red-subheadline { color: #860001; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 16px; margin: 5px 20px 5px 10px; }
.black-subheadline { color: #000; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; line-height: 16px; margin: 5px 20px 5px 10px; }
<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:link { color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; text-decoration: none; }
.class1 A:visited { color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; text-decoration: none; }
.class1 A:active { color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; text-decoration: none    }
.class1 A:hover { text-decoration: none; color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; }

.class2 A:link { color: #860001; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; text-decoration: none    }
.class2 A:visited { color: #860001; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; text-decoration: none    }
.class2 A:active { color: #860001; font-size: 12px; line-height: 16px; text-decoration: none   }
.class2 A:hover { text-decoration: none; color: #000; font-size: 12px; line-height: 16px; }
</style>
</head>

<body>
ONE TYPE OF LINKS
<br>
<span class="class1">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
<br>
<br>
ANOTHER TYPE OF LINKS
<br>
<span class="class2">
<a href="http://www.yahoo.com">YAHOO</a>
<br>
<a href="http://www.google.com">GOOGLE</a>
</span>
</body>
</html>
