I am trying to give the submenus a different color scheme with CSS inserts but could not find a working solution. I tried this, but it did not work:
ul.rMenu-ver { background-color: #ffff99 !important; color: #660f0f !important; }

you need to address the list item in the unordered list. Try this

ul.rMenu-ver li { 
background-color: #ffff99 !important; 
color: #660f0f !important; }

thanks for the help, but this does not work. The dropdown menus still have the color of the main page menu.

what is the url?

www.shambala-retreat.org
just open e.g. the about us page and you will get a dropdown menu when you hover over "About Us". I would like to give these dropdowns the opposite colors as the main menu so that their boundaries are more visible.

currently the dropdown shows in red with a yellow outling and no words
when you hover it turns yellow with black words

What do you want it to be?

Originally Posted by juggledad

currently the dropdown shows in red with a yellow outling and no words
when you hover it turns yellow with black words.

What do you want it to be?

I was mislead by thinking there was a caching problem somewhere, because I actually wanted that color scheme with red dropdowns with yellow words and the standard yellow background / red words when hovering. Firefox strangely still showed the wrong colors even after I emtied the cache and I use no proxy. The problem was caused by the missing declaration of the a:link a:visited a:active and a:hover properties:

ul.rMenu-ver li { background-color: #660f0f !important; color: #ffff99 !important; }
ul.rMenu-ver li a:link { background-color: #660f0f !important; color: #ffff99 !important; }
ul.rMenu-ver li a:visited { background-color: #660f0f !important; color: #ffff99 !important; }
ul.rMenu-ver li a:active { background-color: #660f0f !important; color: #ffff99 !important; }

thanks for your help and feedback.
ul.rMenu-ver li a:hover { background-color: #ffff99 !important; color: #660f0f !important; }