menu button

I’m trying to create a button for “Find/Buy Classes” in the main nav as you can see in the web link below and having the following issues:

1. I need to move the nav (non buttons) to the left. (Home, About, Classes, Pricing, Community, Contact)
2. If you highlight the nav you will see “Find/Buy Classes” way below the orange button, it needs to be ON the button.

I’m including username/password below in case u need it – I’m kinda in a hurry ;-)

Here’s the Quick CSS I am using:
.main_color input[type=’submit’] { background-color: #2fb7e9; border-color: white; }
.main_color input[type=’submit’]:hover { background-color: #eb9e40; border-color: white; }
.main_menu ul:first-child > li > a {
line-height: 257px !important;
}

.header-scrolled .main_menu ul:first-child > li > a {
line-height: 32.5px !important;
}

.main_menu #menu-item-37 a {
position: absolute;
width: 120px;
background: orange !important;
display: block;
top: -11px;
left: -130px;
height: 40px;
line-height: 40px;
color: white;
padding: 0px 0px 0px 0px !important;
}
.main_menu #menu-item-37 a { top: 100px;
height: 40px;
line-height: 30px; }