/* General Colours 
Blue   #0086b5
Lt Bl  #E5F3F7
Orange #d56b19
Lt Or  #FBF0E8
Brown  #5b3a30

.[Class Name]
#[ID Name]
*/

.topOfPage, q, h1, h2, h3, .headerTitle, .headerLinks, .headerLinks *, .sideBox div, #footer * {color: #5b3a30;}
q, h2,  #header, .sideBox, .sideBox div, .newsBox, .newsBox div, #footer {border-color: #d56b19;}
#header, .sideBox div, .newsBox a, .newsBox, .newsBox span, .vtick {background-color: #E5F3F7;}
q, .sideBox a, .sideBox span, .newsBox div, #footer {background-color: #FBF0E8;}
dl {
  background-color: #E5F3F7;
  border: 2px dashed #0086b5;
  margin-left: 6em;
  margin-right: 6em;
  padding: 0em 1em 1em 1em;
}
dt {
  font-weight: bold;
  margin-top: 1em;
}
dd {margin-left: 2em;}

/* ###### Body Text ###### */

#bodyText {
  line-height: 1.5em;
  margin: 10mm 2em 0 12em;
  padding: 0 1em 1ex 1em;
}
#bodyText p {padding-bottom: 2ex;}
#bodyText a {color: #0086b5;}
#bodyText a:hover {color: #d56b19;}
.topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}
.smallCaps {font-variant: small-caps;}
body {
  background-color: white;
  color: #5b3a30;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 80%;
  margin: 0;
}
h1, h2, h3 {font-family: "trebuchet ms", tahoma, sans-serif;}
h1 {
  font-weight: bold;
  font-size: 175%; 
  border-color: #d56b19;
  border-bottom: 2px solid;
  padding-bottom: 0.5ex;
}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
hr {color: #d56b19;}
acronym {
  background-color: inherit;
  color: #0086b5;
  border-bottom: 1px dashed;
  cursor: help;
}
code {
  font-family: "lucida console", monospace;
  font-size: 90%;
}
img {border: 0;}
q {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  border: 2px dotted;
  margin: 0.5em 1em 1em 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 9em;
  float: left;
}

/* ###### Header ###### */

#header {
  border-bottom: 2px solid;
  height: 4em;
  margin-bottom: 5mm;
  padding: 1em 2.5mm 0 5mm;
}
.headerTitle {
  color: #d56b19;
  font-size: 200%;
}
.headerLinks {text-align: right;}
.headerLinks * {
  text-decoration: none;
  font-weight: bold;
  padding-right: 1ex;
}
.headerLinks a:hover {
  color: #d56b19;
  text-decoration: none;
}

/* ###### Side Box ###### */

.sideBox {
  border-top: 2px solid;
  border-bottom: 2px solid;
  width: 10em;
  margin-top: 5mm;
  margin-left: 2.5mm;
  float: left;
  clear: left;
}
.sideBox div {
  font-weight: bold;
  border-bottom: 1px dashed;
  padding: 0.5ex 0.5em 0.5ex 0.75em;
}
.sideBox a, .sideBox a:hover, .sideBox span {
  color: black;
  text-decoration: none;
  line-height: 0.9em; 
  display: block;
  padding: 1ex 0.5em 1ex 0.75em;
}
.sideBox a:hover {color: #d56b19;}

/* ###### News Box ###### */

.newsBox {
  border-top: 2px solid;
  border-bottom: 2px solid;
  width: 10em;
  margin-top: 5mm;
  margin-left: 2.5mm;
  float: left;
  clear: left;
}
.newsBox div {
  font-weight: bold;
  border-bottom: 1px dashed;
  padding: 0.5ex 0.5em 0.5ex 0.75em;
}
.newsBox p, .newsBox a, .newsBox a:hover {
  color: black;
  display: block; 
  padding: 1ex 0.5em 1ex 0.75em; 
  text-decoration: none;
}
.newsBox a:hover {color: #0086b5;}
#vtick {
  color: black;
  display: block; 
}

/* ###### Popup ###### */

a.Headline { position: relative; z-index: 24; text-decoration: none }
a.Headline:hover { z-index: 25; background-color: #E5F3F6; text-decoration: none }
a.Headline span	{ display: none }
a.Headline:hover span { display: block; width: 20em; font-size: 80%; position: absolute; left: 9em; border: 1px solid black; background-color: #FBF0E8; color: black; text-align: left; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; cursor:pointer }
a.Headline img { padding-right: 4px; cursor: default }

/* ###### Footer ###### */

#footer {
  color: inherit;
  margin-top: 1em;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding-top: 0.25em;
  padding-bottom: 0.5em;
  clear: left;
}
#footer * {
  background-color: inherit;
  font-size: 90%;
}