Ok, I've got a few links on my page I want to use their own class. I've got it setup like so..

[code]
a.HL, a.HL:link, a.HL:visited { 
font-family: Arial, sans-serif; 
color: #7DCF12; 
font-size: 12px;
text-decoration: none; 
}

a.HL:active, a.HL:hover { 
color: #B1FF4B; 
font-size: 12px; 
}

<a class="HL" href="...">link</a>
[/code]

im not very good at CSS. Anyone know why these links aren't adopting their styles?

In my links I generally use a super-set for all links, then use the style="" to set link specific looks.  IE:
[code]
A:link, A:hover, A:active, A:visited
{
    font-family: verdana, arial, tahoma, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

A:link, A:active    {    color: #cc0c00;    }
A:hover    {    color: #ff0000;    }
A:visited    {    color: #0c0ccc;    }
[/code]

[code]<a href="somepage.htm" style="A:hover { color: #00ff00; font-weight: 700; }">A Link</a>[/code]