title: h3 not aligning to the right
body: <p>My css is the bit of a mess at the mo' and the problem area has 2 style sheets applied. </p>
  
  <p>I have a header that no matter what i change i can't get to align to the right and i'm really stumped. I could do with some help solving the problem. </p>
  
  <p>If you were to go to <a href="http://c3it.webuda.com/news_and_events.php" rel="nofollow">http://c3it.webuda.com/news_and_events.php</a> and ctrl+f for <em>"see other events"</em> you can see the heading in question that stubbornly stays left-aligned, when i "inspect element" through google chrome it says the property <code>text-align: right</code> is active but no difference.</p>
  
  <p>The first stylesheet being applied is <a href="http://pastebin.com/wYFGqMKw" rel="nofollow">this one.</a></p>
  
  <p>And the page specific style sheet im using <a href="http://pastebin.com/WRVy5kzK" rel="nofollow">is here.</a></p>
  
  <p>I really am stuck and would really appreciate anyone who takes the time to look. Below you'll find the specific <code>&lt;h3&gt;</code> styles, but i can only assume there's some other styling prevailing somewhere i haven't noticed.</p>
  
  <p><a href="http://pastebin.com/xCA3C2sB" rel="nofollow">The Html</a></p>
  
  <pre><code> &lt;h3 id="expand_other_events"&gt;See other events..&lt;/h3&gt;
  </code></pre>
  
  <p><strong>from stylesheet 1:</strong></p>
  
  <pre><code>#content h1, #content h2, #content h3{
          color: #2956B2;
          text-align: left;
          font-weight: normal;
          font-family: "Ropa Sans", MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
      }
   #content h3{
          padding: 0.3em 0;
          margin-left: 1.2em;
          display: inline;
          cursor: hand;
          cursor: pointer;
          font: bold 1em 'Rokkitt', serif;
          border-bottom: 1px solid #2956B2;
  
      }  
  </code></pre>
  
  <p><strong>from stylesheet 2:</strong></p>
  
  <pre><code>#news_and_events h3{
      margin: 0;
      padding:0;
  }
  #news_and_events  p.date,
  #news_and_events h3{
      text-align: right;
      font-size: 0.8em;
      color:#aaa;
  }
  </code></pre>