title: Can you help me center a <ul> element with CSS?
body: <p>I've been puzzling over something which ought to be very easy indeed, but after a fruitless three hours I've not yet solved it:</p>
  
  <p>A friend asked me to fix the template of <a href="http://www.hootingyard.org/" rel="noreferrer">his WordPress website</a> so that the horizontal navigation menu-bar is centered horizontally on the page. He wants it to fit snugly across the bottom-middle of the red-section - then it would just fit between the two emblems on either side of the red page.</p>
  
  <p>The red section (<code>class="header"</code>) has <code>text-align</code> set to <code>center</code>. This seems to be good enough to ensure that the title and the description text underneath it are center aligned but for some reason I cannot make the menu (which is a <code>ul</code>) align to the center of the page. </p>
  
  <p>Would anybody care to suggest what I'm doing wrong? Why is it that I cannot get the menu centered? What is it that I need to change in the style-sheet to get it working?</p>