I can't seem to get the background color for the current page taller or moved up. Not sure which.
http://healthsummitchiro.trentstudios.com/
Atahualpa 3.7.3
WP 3.3.1

ul.rMenu {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
border: 0 !important;
}
ul.rMenu li { 
margin: 0 !important;
padding: 10px 0px 0px 0px !important;
border: 0 !important;
}
ul.rMenu li a { 
margin: 0 !important;
padding: 10px 12px !important;
color:#000 !important;
font: normal 14px Arial, Helvetica, sans-serif !important;
text-decoration: none !important;
border: solid 0px #FFFFFF;
height: 54px !important;
}

div#menu1 ul.rMenu li {
background-color: transparent;
}
div#menu1 ul.rMenu {
background-color: transparent;
}
div#menu1 ul.rMenu li:hover > a,
ul.rMenu li a:hover {
color: #666 !important;
height: 54px !important;
}
ul.rMenu li.current_page_item a {
color: #666 !important;
height: 54px !important;
background-color: #FFF !important;
}

#menu1 {
margin: 0px;
}
div#menu1 {
border: solid 0px #FFFFFF;
height: 54px !important;
}

.rMenu-ver a {
background-color: #FFF !important;
color: #000 !important;
}
.rMenu-ver a:hover {
background-color: #FFF !important;
color: #000 !important;
}
.rMenu-ver a:link {
background-color: #FFF !important;
color: #000 !important;
}

Now that I change the center column to a different color, I see the which background color is actually too tall and needs to be moved up.

you would have to use the class '.current-menu-item' class on a <li>