I am trying to customize the look of the top menu bar.

I thought I had found what I was looking for when I found the single pixel wide images at \modules\mod_ariextmenu\mod_ariextmenu\js\css\images that were named menu-item-bg.png menu-item-bg-current.png and menu-item-bg-over.png. GIMPing these files to my color scheme did not produce the desired effect.

I looked in \modules\mod_ariextmenu\mod_ariextmenu\js\css\menu.css and saw
.ux-menu a {
display: block;
position: relative;
text-decoration: none;
color: #432;
border-left: 1px solid #e3dad1;
border-top: 1px solid #e3dad1;
border-bottom: 1px solid #e3dad1;
background: #f3efec url(images/menu-item-bg.png) repeat;
font-size: 12px;
line-height: 12px;
padding: 10px 14px;
}

Is this the correct place to look to edit the look when replacing the top menu (the one called the /* horizontal pill menu */ in rhuk_milkyway template)? Are the borders keeping the images from being seen?

ok, setting the borders to 0px and shutting down and restarting the browser caused the desired effect.... thank you