Need to customize the page menu with a background img and new font

Atahualpa 3.4.4
Word Press 2.8.5

I'm trying to customize the page menu with a background img and a new font for the .li but I'm not having any luck. The page .li seem to be out of position and I'm not sure how to change the font in CSS or the theme options.Here is my site:

http://theyouthsportskidsplay.com/wordpress/home/

This is the css insert I used.

ul.rMenu li {
height: 0px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 20px;
margin-left:20px;
background-color: #cccccc;
}
div#menu1 {
height: 38px; //the height of my menu-image
margin-top:0px;
background: url(/wordpress/wp-content/themes/atahualpa/images/menuBkgrd1.png);
background-color: transparent;
}


I need help placing the comments and post icons inside the logo div?