CSS highlight menu question

[scarecrowkid]

Is it possible to make the highlight menu different colors on the same page? I ask this because I have catagorized my menu into three parts, and want each part to be a different color. (My site is http://www.peacebears.com)
I've messed around with the coding, but nothing I've tried seems to help.
Any ideas?

[jscheuer1]

Create additional classes in the style section, use those new class names for different color effects. Ex:

<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF;
}

A.menulink1 {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000; /* change this for a different color text */
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink1:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF; /* change this for a different color highlight */
}

</style>

Then use the 'menulink1' class with those links that you want to be different:

<td width="100%"><a href="http://www.javascriptkit.com" class="menulink1" class=&{ns4class};>JavaScript Kit</a></td>

You can add more classes if you want, just keep incrementing the number:

A.menulink2 {

[scarecrowkid]

Thanks! I'd tried similar things, but I had tried that.
Thanks again!