CSS visnings problem

Hej

Jeg er prøvet at få mine farver til at bilve rigtige på mine link men de bliver ved med at lave sjov med mig.

Jeg ville have en simple sort link med en "hover" der er hvid og en anden der også er sort med en "hover" der er lyse grå. Alt dette skulle være simple men når jeg så ser siden så er link ikke sort men gråligt og nr. 2 link er lyse rød men andre er den rigtige farve.

Her e mit CSS:

Link 1 der skulle være sort og hvid

a:link {
color: #000000;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
a:visited {
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
a:active {
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}


Link 2. der skulle være sort og grå

a.linktwo {font-weight: bold;
}
a.linktwo:link {color: #000000;, text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}
a.linktwo:visited {text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}
a.linktwo:hover {color: #999999;, text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}
a.linktwo:active {text-decoration: none;, font-family: "Times New Roman", Times, serif;, font-size: 12px;
}

her er den code der laver sjov...

Link 1:

<th width="164" class="menubg" scope="row"><table width="100%" border="0">
<tr>
<th width="48%" scope="row"> </th>
<td width="52%" height="62"><a href="index.html" target="_self">Home</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row"> </th>
<td width="52%" height="60"><a href="aboutus.html">About Us</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row"> </th>
<td width="52%" height="58"><a href="ourservices.html">Our Services</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row"> </th>
<td width="52%" height="58"><a href="oursafety.html">Our Safety</a></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<th width="48%" scope="row"> </th>
<td width="52%" height="56"><a href="contactus.html">Contact Us</a></td>
</tr>
</table> <table width="100%" border="0">
<tr>
<th width="48%" scope="row"> </th>
<td width="52%" height="64"><a href="sitemap.html">Site Map</a></td>
</tr>
</table></th>


Link 2:

<table width="100%" border="0">
<tr>
<td width="170" height="300" valign="top" scope="row"><div align="center"><a href="safetyuse.html" class="linktwo">Safety Use</a><br /><br />Read all about secure way to use our equipment.</div></td>
<td width="1" class="sitemapline"> </td>
<td width="170" valign="top"><div align="center"><a href="oursafety.html">Our Safety</a><br />
<br />Read all about our safety and staff training</div></td>
<td width="1" class="sitemapline"> </td>
<td width="170" valign="top"><div align="center"><a href="equipment.html" class="linktwo">CE Certifications</a><br /><br />Read all about our equipment, CE Certifications and safety</div></td>
</tr>
</table>


her er link til hjemmesiden så i kan se det.

http://www.playasmile.comze.com/eng/oursafety.html

håber virkelig der er nogen der har en forklaring hvorfor det sker.