title: No matter what I try the header won't change color
body: <p>i have the following website</p>
  
  <p><a href="http://cancersurvivorshipireland.com/cancersurvivorshipireland.com/wordpress/" rel="nofollow">http://cancersurvivorshipireland.com/cancersurvivorshipireland.com/wordpress/</a></p>
  
  <p>and I'm trying to change the header menu color. I have previously changed the colour for the menu items themselves from code that someone provided here and it was very helpful however no matter what I do I can't change that dirty blue color to something nicer. </p>
  
  <p>I have tried various types of code:</p>
  
  <pre><code>top-header {
      background-color: white;
  }
  
  header {
      background-color: white;
  }
  
  .sf-menu {       
   position: relative;         
   padding: 0;         
   width: 100%;        
   border-bottom: 3px solid #e9e9e9;       
   background: #ffffff !important;
  }
  </code></pre>