body {
  background: #CCFFE0;
  padding-left: 1.5em;
  padding-right: 1.5em
}

h1 {
  font-size: 120%;
  color: darkgreen;
  text-align: center
}

h2 {
  font-size: 110%;
  color: darkgreen
}

h3 {
  font-size: 100%;
  color: darkgreen
}

h4 {
  font-size: 90%;
  color: darkgreen
}

hr {
  color: purple;
  background-color: purple;
  margin-top: 1em;
  height: 0px;
  width: 80%;
  float: center
}

hr.S {
  width: 50%
}

p.SC {
  font-size: 80%;
  text-align: center
}

p.S {
  font-size: 80%
}

p.C {
  text-align: center
}

p.T {
  font-size: 60%
}

div.CLEAR {
  clear: both
}

div.LFIG {
  float: left;
  width: 30%;
  text-align: center;
  font-size: 80%;
  text-indent: 0;
  margin: 20px;
}

div.RFIG {
  float: right;
  width: 30%;
  text-align: center;
  font-size: 80%;
  text-indent: 0;
  margin: 20px;
}

div.CFIG {
  float: center;
  width: 100%;
  text-align: center;
  font-size: 80%;
  text-indent: 0;
  margin: 10px;
}

table {
  margin-left: 0em;
  margin-right: 0em;
  border-collapse: collapse;
  margin-top: 1em
}

table, th, td {
  border: 1px solid purple
}

th, td {padding: 5px}

span.S {
  font-size: 80%;
}

span.my-email::before {
  content: "dag9\0040 cam.ac.uk";
}

.tex sub, .latex sub, .latex sup {
  text-transform: uppercase;
}

.tex sub, .latex sub {
  vertical-align: -0.4ex;
  margin-left:    -0.25em;
  margin-right:   -0.15em;
}

.tex, .latex, .tex sub, .latex sub {
  font-size: 1em;
}

.latex sup {
  font-size: 0.85em;
  vertical-align: +0.4ex;
  margin-left:    -0.35em;
  margin-right:   -0.15em;
}