/* Enforce white background and black writing.
 * This allows us to specify colours for other things.
 * We make links a quiter shade of blue, at any time. */

body { background: white; color: black}
a:link    { color: #2222dd; }
a:visited { color: #2222dd; }
a:active  { color: #2222dd; }
a { text-decoration: none; }

/* For screen-type displays we define a left navigation area and a
 * main area for content.
 * For paper-type displays we do not mention the latter and make sure
 * the former is not displayed at all.  Hence in printout the navigation
 * area will be missing and the principal content will occupy the whole
 * width of the media. */

@media screen, tty, tv {
  #leftnav {
    position: absolute;
    left: 1%;
    width: 23%;
  }
  #mainarea {
    position: absolute;
    left: 25%;
    width: 74%;
  }
}
@media print, projection {
  #leftnav {
    display: none;
  }
}

/* All text in the navigation area will be centred. */

div#leftnav {
  text-align: center;
}

/* Headings in the navigation area will be sans serif and green. */

div#leftnav h1 {
  font-family: sans-serif;
  color: #227722;
}
div#leftnav h2 {
  font-family: sans-serif;
  color: #227722;
}
div#leftnav h3 {
  font-family: sans-serif;
  color: #227722;
}
div#leftnav h4 {
  font-family: sans-serif;
  color: #227722;
}

/* Headings in the content area will be sans serif and green. */

div#mainarea h1 {
  font-family: sans-serif;
  color: #227722;
}
div#mainarea h2 {
  font-family: sans-serif;
  color: #227722;
}
div#mainarea h3 {
  font-family: sans-serif;
  color: #227722;
}
div#mainarea h4 {
  font-family: sans-serif;
  color: #227722;
}

/* These classes help with text floating around figures. */

div.figleft {
  float: left;
}
div.figright {
  float: right;
}