<td> class color overidding a:hover color

Hi all,

I have the following CSS

a:link {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover {color:#FFFFFF;text-decoration:none;font-weight:bold;text-transform: uppercase;}
a:active {color:#EA9616;text-decoration:none;}

.Text_menu_Level1 {color:#440000;font-weight:bold;font-family:arial;font-size:8pt;}

.Text_menu_Level1 is a class for a <td> tage which contains a link which I want to change to white, hence the a:hover.

However, the a:hover font-color attribute gets overridden by the font-color in the class for the <td>. The link is ofcourse, within the <td>.

How can I get this to work?

I’m not and advanced coder so any explanations in layman please! :slight_smile:

Many Thanks.