I found this thread which helped me greatly (http://forum.bytesforall.com/showthr...nderline+hover), but I am encountering a problem where the current page selection won't remain underlined. I don't understand the CSS very well at all, but by trying to analyze it, think that the problem likely lays with other CSS inserts; a conflict of some kind?

My page is here: http://bombay.directrouter.com/~awecalga

Here's what is currently in my CSS inserts:

.smicons img {
border: none;
background-color: transparent;
padding-top: 0px;
margin: 0px 0 0 0;
position: relative; top: 7px;
} 



/* SET HEIGHT OF PAGE MENU */
div#menu1 ul.rMenu {
height: 40px;
}

/* SET PAGE MENU AS TRANSPARENT */ (original)
div#menu1 ul.rMenu {
     background:transparent;
     border-bottom:transparent;
     border-top:transparent;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
     background: transparent !important;
}
ul.rMenu li a:hover {
     background: transparent !important;
}


/* ADD BORDERS TO PAGE MENU ITEMS */
.div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:active {
-x-system-font:none;
border-top:0px;
border-bottom:4px solid #FFF3A1 !important;
border-left:0px;
border-right:0px;
border-style:solid;
}

Any obvious problems jump out at you?

It's just a matter of being familiar with all of this stuff. What is needed is the selector for the current page item so something like the following in ATO>Add HTML/CSS Inserts>CSS Inserts may do the trick. Just change the color to what you need.

#rmenu2 .current_page_item {
    border-bottom: 4px solid #000000;
}

Many gracias, Larry. I was spending too much time trying to figure out the code that was there instead of just trying to implement an easy solution. I imagine this will all come to me in time. Thanks again!