Menu Bar showing two different tab sets

There is something funky going on with my menu bar at http://www.facingtheblitz.com

When I click the home button or type in the URL I get all the menu items as seen in Figure 1 image. Then, when I click on ANY menu item, it takes me to a seemingly different set of menu items (see figure 2). And somehow the customized CSS that you all gave me for the sub heading to fit (which it does in Figure 1, gets pushed down in Figure 2–look at the top right).

I took a screenshot of the Menu box I have and all of the menu’s are set to that. (Figure 3).

Then, when I click Blog (in figure 2) it takes me to the default or demo blog-small grid page (that I cloned and modified). See the page reference it goes to in Figure 5 (got the images in wrong order).

Then, when that demo blog page comes up the new menu is good (you can see the icons that I added are there in Figure 4). I have to click Blog again to get to the actual blog page that I’ve published. See Figure 6 but the sub header is now off and merges into the menu. SO, there’s something screwing going on with my headers and menu items. Thanks for any help you can provide.