title: CSS breadcrumbs Help formatting fonts
body: <p>I am having some difficulty changing font color decoration ect across the same DIV tag.</p>
  
  <p>What I want to do is make a breadcrumb type navigation on certain pages in my site and I would like to minimize the amount or Div's I use so as to make it easier to maintain.</p>
  
  <p>here is what I have and would like to do.</p>
  
  <pre><code> &lt;div id="product-breadcrumbs"&gt;
   &lt;div id="breadcrumbs"&gt;(Link and color) //   (another link and another color) 
   &lt;/div&gt;
   &lt;/div&gt;  
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code> #product-breadcrumbs {
  position: absolute;
  left: 0px;
  top: 66px;
  width: 1024px;
  height: 34px;
  background-color: #E7E5F2;
   }
  
   #breadcrumbs {
  position: relative;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
  text-indent: 140px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #09C;
  text-decoration: none;
   }
  </code></pre>