After lots of forum searches & trial & error, I've got my page menu almost-there:

http://mikeethanmessick.net/

However, I can't get rid of the colored block for "visited" and "hover" - any ideas?

Here's the CSS inserts I have going so far - some of this seems redundant, but a lot of my CSS didn't work when it seemed like it should, this is where I finally got to this point:

/* Page menu background */

div#menu1 { 
background: url('/content/nav-bg.jpg') !important;
padding:4px 30px 5px 30px;
letter-spacing:2px;
font-weight: bold !important;
}

div#menu1 ul.rMenu {
background: url('/content/nav-bg2.jpg') !important;
font-weight: bold !important;
	border: none 0px; 
}

/* Page menu spacing */
ul.rMenu-hor li {
margin-right: 10px;
background: none !important;
font-weight: bold !important;
}

div#menu1 ul.rMenu li a:link {text-decoration: none; font-weight: bold;}, 
div#menu1 ul.rMenu li a:hover {text-decoration: underline; font-weight: bold;}, 
div#menu1 ul.rMenu li a:visited {text-decoration: none; font-weight: bold;}, 
div#menu1 ul.rMenu li a:active {text-decoration: none; font-weight: bold;}

/* no dotted lines menus
========================= */

.menu-pages-container {
border: none !important;
}

/* END menus
========================= */

yeah. try "background-color:transparent;" in "a:hover" and "a:visited"

Ahh, that did it - took an "!important" to make it work.

Funny, I'd been trying "background-color:none", wonder where I got that??