BODY {
  color: black;
  background-color: white;
}

BODY, P, DIV, H1, H2, H3, H4, H5, H6, UL, OL, DL, BLOCKQUOTE, CAPTION, TR {
  margin-left: 1em; margin-right: 1em;
  font-family: sans-serif, verdana;
  font-size: 10pt;
  text-align: justify;
}

P.displayEquation {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

PRE.codesample {
  background-color: #e0e0e0;
  margin-left: 3em;
  margin-right: 3em;
  border: 1em solid #e0e0e0;
}

A:hover {
  /* stupid W3C validator moans about not setting a foreground
     colour here, even though I don't want to override it. */
  background-color: #80ff80;
}

A:link {
  color: #0000ff;
}

A:visited {
  color: #000080;
}

.standout {
  margin-top: 2ex;
  margin-left: 10%;
  margin-right: 10%;
  border: 8px solid #c0c0c0;
  background-color: #c0c0c0;
}

.rightJustify {
  text-align: right;
}

STRONG {
  font-weight: bold;
}

DT {
  font-style: italic;
}

BLOCKQUOTE {
  font-style: italic;
  margin-left: 3em;
  margin-right: 3em;
}

P.centre {
  text-align: center;
}

TABLE.programme {
  background-color: #c0c0c0;
  border-bottom: 1em solid #c0c0c0;
}

TABLE.imageSequence {
  margin-left: auto;
  margin-right: auto;
}

DIV.centred {
  margin-left: auto;
  margin-right: auto;
}

H1 {
  text-align: left;
  font-size: 150%;
  /* If the font is 1.5x the size, the margin must be 2/3 as many EMs. */
  margin-left: 0.6667em;
  font-weight: bold;
}

H2 {
  text-align: left;
  font-size: 120%;
  /* If the font is 1.2x the size, the margin must be 5/6 as many EMs. */
  margin-left: 0.8333em;
  font-weight: bold;
}

H3 {
  text-align: left;
  font-size: 110%;
  /* If the font is 1.1x the size, the margin must be 10/11 as many EMs. */
  margin-left: 0.9091em;
  font-weight: bold;
  font-style: italic;
}

EM {
  font-style: italic;
}

EM EM {
  font-style: normal;
}