Make Picture Menu Links Color Darker

I am trying to get the menu text in this picture to be darker.

[img]http://www.cherishabuls.com/gallery3menu.jpg[/img]

I know that if I change the "color: #ffffff !important;" to "color: #5382bf !important;" it will make the menu color readable but it also changes the other links to that blue color (#5382bf) and I want them to be white. I have looked all over and have had to hard code the #ffffff in several places to get the color right. I also tried changing the background on that menu to a darker version but that didn't work either. Can anyone help?

/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a,
.g-menu a,
#g-dialog a,
.g-button,
.g-button:hover,
.g-button:active,
a.ui-state-hover,
input.ui-state-hover,
button.ui-state-hover {
color: #ffffff !important;
cursor: pointer !important;
text-decoration: none;
-moz-outline-style: none;
}