Page Menu Width and link outlines
 

Hi,
Here is the page I'm working on: http://www.beetlequeen.com/news/
I can't figure out why my page menu bar is longer than the total width (800px) of my page. It has extended all the way to the right. Perhaps it has something to do with some of the CSS inserts I've put in, in attempts to get the links in the bar center-aligned and evenly spaced. The CSS Inserts I have are:

ul#rmenu2 {
border: 0;
}
div.rMenu-center {
border: dashed 0px #ccc;
background-color: #f0522a;
}
ul.rMenu li {
margin-right: 10px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}

And the other thing is the one pixel border around each link in the page menu. I tried changing the outline to 0px, but it doesn't seem to work. I just want one solid line.

Just wanted to say also that I love this theme, and am about to donate. Thanks so much for putting it out there.

UPDATE: I figured out a workaround for centering: with a combination of font size in the page menu and then this in the CSS inserts:
ul.rMenu li {
margin-right: 20px;
padding-left: 7px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}

And for some reason, the border on the text items went away, possibly I hadn't cleared my cache after making a change.

So now I have a new question. My banner is being stretched horizontally. EVER SO SLIGHTLY. My client wants that sun to be perfectly round. I've set the layout to the same width as the banner (header image) to no avail. Any thoughts?

When I look at the image in a image editor, the original image of the sun seems oval, not round. Take a look at it, because if it is out of wack, nothing in Atahalpa or WordPress will help