<style type="text/css">
  div.dummy { border: none }  /* hack to bypass a Mozilla bug */
  body { margin: 0; background-image: url('nucleotides.png')}
  h1, h2, h3 { text-align: center;
               line-height: 160% }
  h1, h2 { font-family: verdana }
  h1 { margin: 0 }
  h2 { margin: 1ex; margin-top: 2ex }
  sup { font-size: small }
  div.head { background-color: black; color: #ffffe0; min-height: 170px }
  span.hRight { position: absolute; right:0; top: 0; overflow: visible }
  span.hLeft  { position: absolute; left:0; top: 0; overflow: visible }
  /* hMid: hack to bypass an IE bug (does not respect min-height */
  span.hMid   { position: absolute; left: 50%; top: 0; overflow: visible }
  img.hMid    { position: relative; left: -300px }
  span.h { position: relative; left: 0 }  /* for overlay in IE */
  span.hSmallSans { font-family: serif; font-size: 90%; color: #f5f0ff }
  span.hTopLeft { color: white;
		  position: absolute; left: 1em; top: -1ex; font-size: small }
  span.hTopLeft2 { color: white;
		   position: absolute; left: 1em; top: 2ex; font-size: small }
  h2 { background-color: #f0f8f0; clear: left }
  h3 { font-style: italic }
  img { border: none }
  ul { margin-left: 1em }
  li { margin-left: 1em; margin-right: 2em; margin-bottom: 1ex;
       list-style-type: disc }
  p.right { text-align: right; font-size: 90% }
  div.Body { margin-left: 11em; margin-right: 3em; line-height: 130% }
  div.Menu { float: left;
             width: 10em; padding: 1ex; margin-right: 1em;
	     border-right: solid blue; border-width: thin;
             font-size: 0.9em; line-height: 140%; margin-bottom: 2em }
  div.foot { clear: left; margin-top: 3em; vertical-align: bottom }
  span.sans { font-family: sans-serif }
</style>
