Go to "Edit"
then "Edit Header"
Now remove all the css style code from the header and only put back one instead of the 8 you have. Choose carefully.
Leave all of the flex slider code.
You can combine those css styles into one if you find you need parts of a few of them.

Eric, Sorry, but I can not see what your saying

Seriously tho, here is the code in the Edit Header:
<link media="screen" type="text/css" href="flexslider.css" rel="stylesheet">

The only page that has more than this in the Edit Header is the gallery, and that has the colorbox code.

Gunsmoke, I got it. There is a conflict there. I removed the two at the bottom and the colors change. Interesting. All I did was copy/paste the two at the top and brought them to the bottom. Guess I have to go to plan B

Check you html box Header HTML.

Eric,
Here is what I see in the Header:

<style type="text/css">
<!--
#home a:link, a:visited { color: #254117; text-decoration: none; font-weight:bold;font-size: 18px; }
#home a:hover { color: #254117; text-decoration: none; }
#home a:active {color: #254117; }
-->
</style>

How many html boxes do you have on that page?
Your down to 7 style css code references.

Marc, you had the conflict before because you used #contact and #gallery with different color and style settings at both the top and bottom of the same page. Simply make sure the to use the same settings top and bottom, so your menu looks the same at the top of the page and the bottom of the page and you should be okay.

If you want the menus to look different, it should not be difficult in VSD. I'm still not sure why you even need to look at this code. How are you creating your menus? Within VSD? Or using some other program and then adding it to VSD?

Maybe I am going about this wrong, but for each menu (HOME, CONTACT, etc) I add an html box in VSD. Then, for example, in the place I want a link for a HOME button I add the following:

BODY HTML:
<div id="home"><a href="http://test.dtscarpentry.com">HOME</a></div>

HEADER HTML:
<style type="text/css">
<!--
#home a:link, a:visited { color: #254117; text-decoration: none; font-weight:bold;font-size: 18px; }
#home a:hover { color: #254117; text-decoration: none; }
#home a:active {color: #254117; }
-->
</style>

Do I not need the first (<style type="text/css">) and last (</style>)lines in the HEADER?

You probably do, Eric will probably clarify that. I was simply trying to figure out why that code was in there at all. You're adding it. There is nothing wrong with doing it that way. You can certainly customize your menu more by coding. It's just that VSD is a visual designer and there are several ways of creating your menu within VSD and not messing with the code at all.

As I said, no problem doing it that way, but I'll back out and let Eric help you with the code.