CSS Header change on all pages - where do I go?

Question

On our homepage http://www.rugged-cctv.com/ we have a blue header bar and a gray header bar.  On the gray bar I changed the word Blog to say RuggedCams Blog.
If you go to any of our other pages the gray bar still just says blog.  Here is a page where you can see it still says blog.
http://www.rugged-cctv.com/product-choices.shtml
What part of the site do I need to get into to change it for all the pages?
I looked in the CSS file page but didn't see anything in there.
Also how do I change the code so just the RuggedCams Blog shows up in Red while the others still show up in black?
Here is the code for the main nav and sub nav on the homepage.
<div id="main-nav">
<ul id="navlist">
<li><a href="/">HOME</a></li>
<li><a href="product-choices.shtml">PRODUCTS</a></li>
<li><a href="downloads.shtml">DOWNLOADS</a></li>
<li><a href="about.shtml">ABOUT US</a></li>
<li><a href="contact.shtml">CONTACT US</a></li>
</ul>
</div>
<div id="sub-nav">
<ul id="sub-nav-list">
<li id="active"><a href="cctveducation.shtml">Learning Center</a> |</li>
<li><a href="press-releases.shtml">Press Releases</a> |</li>
<li><a href="testimonials.shtml">Testimonials</a> |</li>
<li><a href="securitycameravideos.shtml">Videos</a> |</li>
<li><a href="live-demo.shtml">Demo Site</a> |</li>
<li><a href="http://www.rugged-cctv.com/blog/" target="_blank"><em><strong>RuggedCams BLOG</strong></em></a></li>
</ul>
</div>
Thanks!!!

Answer 1

On my homepage this is the code for the subnavigation section. (The gray bar at http://www.rugged-cctv.com/)
<div id="sub-nav">
    <!--#include file="sub-navigation.html" -->
  </div>
My sub-navigation.html code is this -
<style type="text/css">
#sub-nav-list li a em RED {
    color: #930000;
</style>
<ul id="sub-nav-list">
<li id="active"><a href="cctveducation.shtml" >Learning Center</a>|</li>
<li><a href="press-releases.shtml">Press Releases</a>|</li>
<li><a href="testimonials.shtml">Testimonials</a>|</li>
<li><a href="securitycameravideos.shtml">Videos</a>|</li>
<li><a href="live-demo.shtml">Demo Site</a>|</li>
<li><a href="http://www.rugged-cctv.com/blog/" target="_blank"><em><strong>RuggedCams BLOG</strong></em></a></li>
</ul>
My css code for sub-nav is -
#sub-nav {
    background-image: url(images/sub-nav.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    width: 687px;
    padding-right: 30px;
My css code for sub-nav-list li is this -
#sub-nav-list li
display: inline;
list-style-type: none;
Thought that might help pinpoint where I missed something.