Following is my working style sheet

BODY { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
COLOR: #333333; FONT-SIZE: 10px; }

TD { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
COLOR: #333333; }

A { COLOR: #000099; text-decoration: NONE}

text-decoration: none;
color: Red; }
A:visited { color: #666666; text-decoration: none}

A:VISITED:HOVER { color: Red; text-decoration: underline }

H1 {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 17px; COLOR: #000066; }

Following (not working) is where I am trying to add a "class" thing so that I can have certain links in different colour and different hover colour etc

.color01 {
/* new colour link*/
A: color: Green;
A: visited color: #666666;
text-decoration: none
A:VISITED:HOVER {color: black; text-decoration: underline;

Also, when I want to apply the class thing in the html page that links to the style sheet, where in (or in relation to ) the link tag do I put the class="colour01"

With text it is easy to go <p class="another_colour"> example text</P>
but where in the link tag goeth the class thing please?