/* General Colours 
Blue   #00a6ff
Lt Bl  #d1e0e6
Orange #f84b28
Lt Or  #f5eade
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: #f84b28;}
#header, .sideBox div, .sideBox a:hover, .newsBox a, .newsBox, .newsBox span .vtick {background-color: #d1e0e6;}
q, .sideBox a, .sideBox span, .newsBox div, #footer {background-color: #f5eade;}
dl {
  background-color: #d1e0e6;
  border: 2px dashed #00a6ff;
  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: #00a6ff;}
#bodyText a:hover {color: #f84b28;}
.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: #f84b28;
  border-bottom: 2px solid;
  padding-bottom: 0.5ex;
}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
hr {color: #f84b28;}
acronym {
  background-color: inherit;
  color: #00a6ff;
  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;
}

.even {background-color: #f0f0f0;}
.odd {background-color: #e8e8e8;}

.menu {padding-left: 1em;}

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

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

/* ###### 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 {text-decoration: underline;}

/* ###### 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;
  line-height: 0.9em; 
  display: block; 
  padding: 1ex 0.5em 1ex 0.75em;
  text-decoration: none;
}

a.Headline				{ position: relative; z-index: 24; text-decoration: none }
a.Headline:hover		{ z-index: 25; background-color: #E6E6E6; 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 #000000; background-color: #FEFFDF; color:#000000; 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;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding-top: 0.75ex;
  padding-bottom: 0.75ex;
  clear: left;
}
#footer div {padding-left: 3em;}
#footer * {
  background-color: inherit;
  font-size: 90%;
}

.eligproblem {
	color: #f00;
}