Styling a class for links  Hover/active, etc

Hello,

This is a most basic question about formatting text links in css

I have tried to do it myself. I got the hover to work -- at least in firefox. But can't get the default color to work. Only hover.

Please look at this development page http://ogrowby.com/ in firefox.

There is a menu about the middle of the page, called "Test Menu". Please click on that. Then, in the dropdown, go to "TEST LINK".

When you hover over it, the text color changes to Gold. That is fine. But its default text color is black and I want it to be white. I may also want to change the font size, etc. But the main thing is to get the css working to set the default text color for this class to WHITE. #ffffff.

Here's my css so far. The hover is working, but the default remains needs to be changed to #ffffff Only for the ".roundeddblue" class. And it needs to work not only in firefox but other modern browsers.

Thanks, Rowby

.roundedblue:link,
div#Maximenu_NEW_GRANDE ul.maximenuck2 li.roundedblue:hover span.separator {
  color: white;
}

.roundedblue:hover,
div#Maximenu_NEW_GRANDE ul.maximenuck2 li.roundedblue:hover span.separator {
  color: #FFB300;
 
}