I want to make my main menu links the color white for link, hover, active. I can't use Home » Administration » Appearance » Settings and set the heading/link color here because then the title of the basic pages is the color white. I currently have this set to color#000 so my title pages will be color black. Instead I tried to make I the following adjustments in the style.css :

#header-menu ul.menu li a:hover {background-color: #003366; color:#FFFFFF;}

#header-menu ul.menu li a:active { color:#FFFFFF; }

The a:hover allows the background to become the color #003366, however it will not adjust my hover color to white. The link color still remains set to what the color is set to in the headings/link in the admin.

I read a similar topic in a few others issues so I changed these to white aswell in the following :

#navigation .block-superfish ul.sf-menu li li a, #navigation .block-superfish ul.sf-menu li li.first a, #navigation .block-superfish ul.sf-menu li li.last a { margin:0; padding:10px; font-size:12px; color:white; }

#navigation .block-superfish ul.sf-menu li:hover ul, #navigation .block-superfish ul.sf-menu li.sfHover ul {color:#FFF; top: 35px; }

#navigation .block-superfish ul.sf-menu li:hover ul ul, #navigation .block-superfish ul.sf-menu li.sfHover ul ul { color:#FFF;top: 0; }

Also I want to change the footer links just like the main menu links. I changed the footer css aswell:

#footer .block ul.menu li a:hover {color:#FFF; display: block; padding:5px; }

the site is etelecom.us

None of the changes I made to the color worked only the background worked.