Editing Branding, the next level (section)

=== Body section ===
<pre>

 <body>
   <div class="ep_noprint"><noscript><style type='text/css'>@import url(/style/nojs.css);</style></noscript></div>
   <div id="container">
    <div id="banner" class="ep_noprint">
     <div id="banner_inner">
      <span id="the_depot_logo" >The DEPOT</span>
     </div> <!-- end of banner_inner -->
    </div> <!-- end of banner -->
    <div id="main_area" class="clearfix"> <!-- start of the menus and body of text -->
     <div id="top_menu" class="ep_noprint" >
      <div id="tabcontainer">
       <!-- Menu is defined dynamically -->
       <ul id="navtabs"><epc:pin ref="login_status"/></ul>
      </div> <!-- end of tabcontainer -->
     </div> <!-- end of top_menu -->
     <div id="content" >
      <epc:pin ref="page"/>
     </div> <!-- end of content -->
    </div> <!-- end of main_area -->
    <div id="footer" class="clearfix ep_noprint">
     <img src="/images/logos.gif" title="Logos for EDINA and SHERPA" alt="[LOGOS]" class="edina_logo" style="float:left"/>
     <span id="banner_image_copyright">Banner image &copy; JupiterImages 2006</span>
     <div id="credit">This service is running on <em>GNU EPrints</em> repository-creating software, which generates 
          repositories that are compliant with the <a href="http://www.openarchives.org">Open Archives Protocol for
          Metadata Harvesting OAI 2.0</a>.<br />
     <span id="take_down">&#187; <a href="/policy.html" title="What to do when you discover a deposit that infringes
          UK laws">how to complain</a> about a paper in the Depot</span></div>
    </div> <!-- end of footer -->
   </div>
 </body>

</pre>

So - what do we have here?
* <code>&lt;noscript&gt;&lt;style type='text/css'&gt;@import url(/style/nojs.css);&lt;/style&gt;&lt;/noscript&gt;</code> is a non-complient ''bodge'' to include extra CSS (used by the core eprints code) when there is no Javascript available.
* <code>&lt;ul id="navtabs"&gt;&lt;epc:pin ref="login_status"/&gt;&lt;/ul&gt;</code> is the bit that defines the toolbar (more later)
* <code>&lt;epc:pin ref="page"/&gt;</code> is the bit that defines where the code sits
The rest is all design and layout (and there is a ''lot'' of design and layout in <code>/style/eprints.css</code>