CSS Overriding Menu Settings / All Page Links go to front page

Hi,

I'm working on this site: http://friendsindeedpas.org/fid/

When I add this CSS code in to position the Page-Right menu

.menu-mainnav-container {
margin-top: -30px;
margin-bottom: 30px;
padding-right: 10px;
}

all of the page menu links now bring me to the front page and the color/hover settings get overwritten.

When I remove that code, the menu drops down to where it would be positioned by default and the links work properly, going to their respective pages and with designated hover colors appearing when mousing-over.

I tried turning off all plugins but it doesn't seem to make a difference.

I've used the code above on (with different values) on other sites and it didn't have this effect.

Any help would be appreciated.

Thanks!