<div id="container">
   <div id="header" title="sitename">
      <div id="skipmenu"><a href="#content" title="skipmenu">Skip to content</a></div>
      <h1>Sitename</h1>
   </div>
   <div id="mainnav">
      <ul>
         <li><a href="#" accesskey="1" title="Help shortcut key = alt + 1">Section 1</a></li>
         <li><a href="#" accesskey="2" title="Help shortcut key = alt + 2">Section 2</a></li>
         <li><a href="#" accesskey="3" title="Help shortcut key = alt + 3">Section 3</a></li>
         <li><a href="#" accesskey="4" title="Help shortcut key = alt + 4">Section 4</a></li>
      </ul>
   </div>
   <div id="menu">
      <h2>Section 1</h2>
      <ul>
         <li><a href="#">Sub-section a</a></li>
         <li><a href="#">Sub-section b</a></li>
         <li><a href="#">Sub-section c</a></li>
         <li><a href="#">Sub-section d</a></li>
         <li><a href="#">Sub-section e</a></li>
      </ul>
      <h3>Text size</h3>
      <ul>
         <li><a href="javascript:changeFontsize('','5');" >Larger</a></li>
         <li><a href="javascript:changeFontsize('','-5')">Smaller</a></li>
      </ul>
   </div>
   <div id="contents">
      <a name="content"></a><h2>Heading here</h2>
      <p>
         <img class="imagefloat" src="flower.jpg" alt="Orange flower" width="100" height="100" border="0">
         Lorem ipsum dolor sit amet, consectetuer...
      </p>
      <p>
         Lorem ipsum dolor sit amet, consectetuer...
      </p>
   </div>
   <div id="footer">
      Copyright © Sitename 2004
   </div>
</div>