body
{
  font-size     : 10.5pt ;
  font-family   : Helvetica, Arial, Geneva, sans-serif;
}

h1
{
  font-size     : 18pt ;
}

h2
{
  font-size     : 16pt ;
  color         : #777 ;
  border-bottom : 1px solid #aaa ;
  max-width     : 40% ;
}

h3
{
  font-size     : 12pt ;
}

h3.space
{
  margin-top    : 2em ;
}

h4
{
  margin-left   : 2em ;
  font-style    : italic ;
  margin-bottom : 0 ;
}

h4 + p.indent {
  margin-top    : 0 ;
}

p.indent
{
  margin-left   : 2em ;
}

div.info-container
{
  float                 : right ;
  padding               : .5em ;
  border                : 1px solid #aaa ;
  background-color      : #eee ;
}

div.info
{
  float                 : left ;
  margin-right          : 1em ;
}

div#statement
{
  font-style            : italic ;
}

li
{
  margin                : .3em 0 ;
}

.summary {
  font-weight           : bold ;
}


/* ----------------------------------------
 * styles below here are from:
 *   http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
  content               : ".";
  display               : block;
  height                : 0;
  clear                 : both;
  visibility            : hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>
.clearfix {
  zoom: 1;     /* triggers hasLayout */
  display: block;     /* resets display for IE/Win */
}  /* Only IE can see inside the conditional comment
      and read this CSS rule. Don't ever use a normal HTML
      comment inside the CC or it will close prematurely. */
<![endif]-->