/* General */

body
{
  font-family: Arial, Helvetica, sans-serif;
  background-color: white;
  color: black;
  text-align: justify;
}

h1
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  letter-spacing: .025em;
  font-size: 2em;
  margin-top: 2ex;  /* Skip the breadcrumbs */
  text-align: center;
  page-break-after: avoid;
}

h2
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: .05em;
}

.sub
{
  font-size: 0.8em;
}

p
{
  margin-bottom: 1ex;
  margin-top: 0;
  text-align: justify;
  page-break-inside: avoid;
}

.bodyColumn
{
  max-width: 40em;
  margin-left: 2em;
  width: expression(
    document.documentElement.clientWidth >
      parseInt(document.getElementsByTagName("p")[0].currentStyle.fontSize) * 57.5 ?
        "40em":
        "auto");
}

h1.bodyColumn
{
  max-width: 22em;
  margin-left: 0em;
  width: expression(
    document.documentElement.clientWidth >
      parseInt(document.getElementsByTagName("p")[0].currentStyle.fontSize) * 60.2 ?
        "22em":
        "auto");
}

.listColumn
{
  max-width: 42em;
  margin-left: 0em;
  width: expression(
    document.documentElement.clientWidth >
      parseInt(document.getElementsByTagName("p")[0].currentStyle.fontSize) * 57.5 ?
        "42em":
        "auto");
}

a:link {
  color: rgb(0, 20, 60);
  text-decoration: none;
}

a:visited {
  color: rgb(0, 20, 60);
  text-decoration: none;
}

a:hover {
  color: blue;
}

address {
  font-style: normal;
  text-align: center;
}

.notThere {
  display: none;
}

.Copyright {
  text-align: center;
  font-size: x-small;
}

.Note {
  text-align: center
}

.UK {
  color: rgb(111, 111, 111);
  font-size: 16px;
  font-weight: bold;
}

.Sidebar {
  padding: 1em;
  float: right;
  background-color: rgb(224, 224, 224);
  border: 1px solid rgb(144, 144, 144);
}

.quotation {
  text-align: center
}

.quotation * {
  text-align: center
}

.blockquote {
  margin: 0 7em;
}

.attribution {
  margin-top: 0;
  text-align: right;
}

.breadcrumbs
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: .1em;
}

.breadcrumbArrow
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}

@media screen
{
  .breadcrumbs
  {
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 99%;
    padding: 0.5ex 0 1.5ex 0.5em;
    background: white;
    page-break-after: avoid;
  }

  .breadcrumbSkipper
  {
    width: 100%;
    height: 4ex;
    page-break-after: avoid;
  }
}


/* Menu with hard edges */

ul.edgedmenu {
  list-style: none;
  padding: 0.5ex 0 1ex 1em;
  margin: 0 0 0.5ex 0.5em;
  border-width: 0 0 thin medium;
  border-style: solid;
  border-color: black;
}

ul.edgedmenu * ul {
  list-style: none;
  padding: 0.5ex 0 1ex 1em;
  margin: 0 0 1.5ex 0.5em;
  border-width: 0 0 thin medium;
  border-style: solid;
  border-color: black;
}

ul.edgedmenu li { 
  margin-bottom: 1ex;
}

ul li.edgedmenuheader li { 
  margin-bottom: 0;
}

.edgedmenuheader {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 1ex;
}

.edgedmenuheader a:link {
  color: black;
  text-decoration: none;
}

.edgedmenuheader a:visited {
  color: black;
  text-decoration: none;
}

.edgedmenuheader a:hover {
  color: rgb(80, 80, 220);
}

.edgedmenuheader ul {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

ul.edgedmenu * li a:link {
  color: rgb(0, 20, 60);
  text-decoration: none;
}

ul.edgedmenu * li a:visited {
  color: rgb(0, 20, 60);
  text-decoration: none;
}

ul.edgedmenu * li a:hover {
  color: blue;
}

ul.edgedmenu * a:active {
  color: green;
}

dl.edgedmenu * dl {
  list-style: none;
  padding: 0.5ex 0 1ex 1em;
  margin: 0 0 0.5ex 0.5em;
  border-width: 0 0 thin medium;
  border-style: solid;
  border-color: black;
}

dl.edgedmenu dt {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 2ex;
}

dl.edgedmenu dd {
  list-style: none;
  padding: 0.5ex 0 1ex 1em;
  margin: 0 0 0.5ex 0.5em;
  border-width: 0 0 thin medium;
  border-style: solid;
  border-color: black;
  font-weight: normal;
}

dl.edgedmenu * a:link {
  color: rgb(0, 20, 60);
  text-decoration: none;
}

dl.edgedmenu * a:visited {
  color: rgb(0, 20, 60);
  text-decoration: none;
}

dl.edgedmenu * a:hover {
  color: blue;
}

dl.edgedmenu * a:active {
  color: green;
}

.phonetics
{
  font-family: "Arial Unicode MS", "Lucida Sans Unicode",
               "SILDoulosUnicodeIPA", Arial, Helvetica, sans-serif;
}


/* Maths stuff */

p.formula { text-align: center }

.result {
  background-color: yellow;
  color: black;
  border-width: thin;
  border-style: groove;
  border-color: black
}


/* iCare */

.icare {
  font-family: serif;
  font-style: italic;
  font-variant: normal;
}