:confused;

Hello. I am hoping you can me with a problem that I have been struggling
with for the past couple of weeks. I am attempting to create a webpage using
Cascading Style Sheets and I need to create two sets of hyperlinks colors using
the Selectors for a:link, a:visited and a:hover.

Here is an example of the type of effect that I am trying to create:

http://www.plantation.org/web/residents.html - This page has a set of
hyperlinks are black, that switch to the color white on hover, and another set
of hyperlink colors that are blue.

Here are the two classes that I need to design:
First Class:

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #FFFF33;
text-decoration: underline;
}

Second Class:
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFF33;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFF33;
font-size: 10px;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFF33;
text-decoration: underline;
}

Can you explain how to do this using Dreamweaver? I know how to create two
seperate style sheets using CSS and attach them to a page but when I do one
sheet overrides the other. I haven't had much luck in locating any information
on the Internet and I confirmed with Customer Support over the phone that there
isn't any documentation either in the forum or the guide on how to do this.
Thanks in advance for your