/* Basics */

body {
  font-family: sans-serif;
  background-color:#ffffff;
  color:#000000;
  font-size: 0.8em;
} 

h1, h2, h3 {
  color:#333399;
}

h1 {
  font-size:2em;
}

h2 {
  font-size:1.6em;
}

h3 {
  font-size: 1.4em;
}

a:visited {
  font-size:1em;
  text-decoration:none;
  color: #000099;
}

a:link {
  font-size:1em;
  text-decoration:none;
  color: #000099;
}

a:hover {
  font-size:1em;
  text-decoration:underline;
  color: #000099;
}

a:active {
  font-size:1em;
  text-decoration:none;
  color: #000099;
}

a:visited.inText {
  color: #0000ff;
  text-decoration:underline;
}

a:link.inText {
  color: #0000ff;
  text-decoration:underline;
}

a:hover.inText {
  color: #0000ff;
  text-decoration:underline;
}

a:active.inText {
  color: #0000ff;
  text-decoration:underline;
}

/* Structural items by ID */

#main {
  margin: 0 auto;
  width:55em;
  position:relative;
  top:0em;
  padding-bottom:1em;
  background-color:#ffffff;
}

#topBox {
  width: 50em;
}

.topNav {
  background-color:#3333ff;
  color:#ffffff;
}

#content {
  position:absolute;
  top:9em;
  left: 11em;
  width:38em;
}

#menu {
  top:0em;
  position:absolute;
  left:-11em;
  background-color: #ccccff;
  width:9em;
  border: thin solid #3333ff;
}

#footer {
  text-align:center;
  font-size:0.8em;
  margin-bottom:1em;
}

#towerAd {
  position: absolute;
  left: 52em;
  top: 0em;
  vertical-align:top
}

/* Menu classes */

div.menuSection {
  background-color:#3333ff;
  color:#ffffff;
  padding-left:0.5em;
  margin-top: 0.5em;
}

div.menuItem {
  padding-top:0.5em;
  padding-left:0.5em;
}

div.subMenuItem {
  padding-top:0.2em;
  padding-left:1em;
}


a:visited.whiteLink {
  color:#ffffff;
  text-decoration:none
}

a:link.whiteLink {
  color:#ffffff;
  text-decoration:none
}

a:hover.whiteLink {
  color:#ffffff;
  text-decoration:underline
}

a:active.whiteLink {
  color:#ffffff;
  text-decoration:none
}

a:visited.langChange {
  background-color:#ccccff;
  padding:0em 1em;
  margin-left: 0.5em;
  text-decoration:none;
  color: #000099;
}

a:link.langChange {
  background-color:#ccccff;
  color: #000099;
  padding:0em 1em;
  margin-left: 0.5em;
  text-decoration:none;
}

a:hover.langChange {
  background-color:#ccccff;
  color: #000099;
  padding:0em 1em;
  margin-left: 0.5em;
  text-decoration:underline;
}

a:active.langChange {
  background-color:#ccccff;
  color: #000099;
  padding:0em 1em;
  margin-left: 0.5em;
  text-decoration:none;
}

/* Frequently used styles */

.topper {
  font-style:italic;
  text-align:right;
}

TD {
  vertical-align:top;
}

.middleCentre {
  text-align:center;
  vertical-align:middle;
}

.spaced {
  padding-bottom:1em;
}


.highlight {
  background-color: #CCCCFF;
  font-weight: normal;
  font-size: 9pt;
  line-height: 12pt;
  font-family: Verdana, sans-serif;
  color: black
}

.caption {
  font-weight: bold;
  text-align: center;
}

.code {
  font-weight: normal;
  font-family: courier, monospace;
  color: black;
  padding: 0em 2em;
}

.codeNoIndent {
  font-weight: normal;
  font-family: courier, monospace;
  color: black;
}