<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>