Sub Navigation Help with corresponding colors

[phadam]

I am in the process of working on a page layout for a client but I am a little stuck. Client is pretty particular on what he wants. There are a total of three navigation menus and I have offered multiple times on trying to simplify things for him but no luck The second navigation has individual colors for each tab. I need to get a horizontal sub navigation in place with a background color that corresponds to that particular tab across the width of my main container between the navigation menu and the banner. Attached is a screen shot of what I was working with. Any help would be appreciated. Thanks

 

[Laird Knox]

Why not set a color to the corresponding class?

.engineering {
  background-color: blue;
}

 

[phadam]

My classes and id's were already set with the corresponding colors but maybe i missed something originally. Either way, I opted for the easy way out and just created a separate div class to be applied in place with a background color and new navigation Thanks for the help!

 

[Laird Knox]

A separate div? You know you can have more than one class on an element, right?

<div class="engineering blueHeader">Yay</div>