how to shift the text in menu bar without shifting the entire side bar?

hi,

great, awesome theme by the way.

Have a couple of issues, I have made the following CSS inserts to increase the space between the menu items, but I can’t seem to shift the menu buttons to fall just above my centre column without shifting the entire menu bar (resulting in white space on the left)

My URL is: www.motherinc.org

My CSS Inserts are

ul.rMenu li {
text-align: center;
}

ul.rMenu-hor li {
margin-left: 20px;
} (space between buttons)
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active {
padding: 7px 10px 7px 10px;
} (that means the space around the bar- top, right, bottom, left)

Also, somehow my sub menu “Truett & Kirsten” doesn’t fall directly under my main menu button for “photos and videos”, there seems to be some misalignment. How can I adjust this.

I’m a supernewbie to all this so really appreciate the help here.