I'm experimenting with CSS inserts and Page (menu 1) settings. I've extended the height of the background bar by adding margin to here:

/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 10px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 10px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

(margin-top was originally 5px)

Now, is it possible to tweak the colors so that the hover item is one thing, the standard item is another color, and the background (now made more visible by extending the top) is a third color?

This is the site:
www.colinpeckgolf.com

Here's an example what I'm trying to replicate (not Atahualpa-powered):
http://trekmovie.com/

And yes, I'm a Trekkie. Or at least a TNG Trekkie.

Thanks!

How about something like this.

#rmenu2 {    background: #446293 !important;}

You can of course use any color you want or even an image.

Brilliant. I was able to insert a background image right in. Thanks!