bp-magazine 1.7 bp-adminbar menu item falling behind regular navigation menu

Hi,
I just upgraded my bp-magazine theme and consequently my child theme. I see a minor change in the adminbar now shows it as a bit more transparent.

Unfortunately, the menu items fall behind the standard navigation items.

I tried using z-index in the .navigation class but that doesn't work. I'm not sure what else to try.

I had to move the menus in the first place because our home page http://tkdunion.org features a video that covers the normal navigation menu.

Below is what I have in child.css to override some of the .navigation class. Any suggestions would be greatly appreciated.

>Ray

.navigation {
margin-bottom: 5px;
z-index: -1;
}
.navigation ul {
font-size: 12px;