[quote:c295cb9579="vickygale"]For the links at the top of the page:
.top a:link {text-decoration:none; color:#FFFFFF;}
.top a:hover {text-decoration:none; color:#FFCC33;}
.top a:visited {text-decoration:none; color:#FFFFFF;}
.top a:active {text-decoration:none; color:#FFFFFF;}
In the html:
<a href="..." class="top">...</a> for the links at the top of the page
[/quote:c295cb9579]
That example is not being used as it could/should.
In the HTML:
[code:1:c295cb9579]
<div class="top">
<a href="...">Link1</a> <a href="...">Link2</a> <a href="...">Link3</a>
</div>
[/code:1:c295cb9579]
Using the css in your example (quoted) you only need to add the "top" class name to the container element (div, td, h, span, ...), not every link.
Every link that falls inside an element with that class will be styled according to the [i:c295cb9579].top a:link {...} ...[/i:c295cb9579] declaration block.
You only need to add the class name to every link tag when using the other pseudo-class style you showed:
[code:1:c295cb9579]
a.top:link { ...}
[/code:1:c295cb9579]
...goes with:
[code:1:c295cb9579]
<a href="…" class="top">Link1</a><br />
<a href="…" class="top">Link2</a><br />
...
[/code:1:c295cb9579]