I would like to know how to style the Atahualpa page menu bar so that it functions exactly like the one on this Atahualpa site:

http://www.martinewicki.ch/

How do I do implement that bold + underline? Can this be done with a simple CSS insert?

Thank you.

This can be done with a CSS Insert, no PHP etc. needed

Does anyone know how such a CSS insert would be coded? Thank you.

Put this in CSS inserts:

.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-bottom:4px solid #307722;
border-left:1px solid #BFBBB9;
border-right:1px solid #BFBBB9;
border-style:solid;
}

The 307722 is a nice green. You could use any color code. Get Firebug and use it to find the class and CSS for a given element on a page. I may have stuff here that's not necessary, but I'm not very good at CSS, so I just copied what I saw and changed the color. Maybe somebody else can parse this out a bit better. I have it working on http://www.fastwomen.com/, a test site.

What this does is
border-bottom:4px solid #307722; <- set the bottom border 4px thick, solid and orange
border-left:1px solid #BFBBB9; <- set left border 1px, solid and same as backgrounnd color
border-right:1px solid #BFBBB9; <- set right border 1px, solid and same as backgrounnd color

In effect, it makes the left and right borders invisable since they are the same as the background and the bottom orange so it shows up.

I somehow removed the bit that would show the underline before any action. I didn't want it to show a: visited. I'm not sure what the x-system font is, but I do know I need to study CSS more. I guess there are continually new kinds of CSS coming down the pike.