

body {
  background-color:#FFFFF0;
  font-family:sans-serif;
  color:#000000;
}
img {
  border:0;
}
tt {
  font-size:11pt;font-weight:bold;
}

pre {
  font-size:11pt
}

ul {
  margin-bottom:0;
  margin-top:0;
}

H1{
  font-size:18pt;
  margin-top:0pt;
  margin-bottom:0;
  color:#C00000;
  text-align:center
}

H2{
  font-size:16pt;
  margin-top:0pt;
  margin-bottom:0;
  color:#800000;
  text-align:center
}
H3{
  font-size:14pt;
  margin-top:5pt;
  margin-bottom:0;
  color:#0000A0
}
H4{
  font-size:12pt;
  margin-top:5pt;
  margin-bottom:0;
  color:#0000A0
}
em{
  font-style:italic;
  font-weight:bold;
  color:#808000
}
dl{
  margin-top:0;
  margin-bottom:0;
}

p{
  margin-top:0;margin-bottom:0;
  text-indent:1.5em;
  text-align:justify;
  margin-left:.5em;
  margin-right:.5em;
}

.foot {
  width:100%;
  height:31px;
  clear:left;
  font-size:7pt;
  background-color: #09BF00;
  color:#FFFFFF;
  border-top:2px solid #000000;
  border-bottom:2px solid #000000;
  margin-top:.5em;
}

.foot p {
  text-align:center;
}

.banner {
  width:100%;
  clear:right;
  height:52pt;
}

.leftban {
  width: 120px;
  height:52pt;
  float: left;
  font-size:22pt;
  text-align: center;
  text-indent:0;
  margin-bottom:0;
  margin-top:0;
  position: relative;
  background-color: #60F080;
  test-weight:bold;
  font-style:italic;
}

.rightban {
  width: 120px;
  height:52pt;
  float: right;
  position: relative;
  background-color: #09BF00;
  color:#FFFFFF;
  test-weight:bold;
  font-size:14pt;
  font-style:italic;
  text-align: center;
}

.leftnav {
  width: 175pt;
  float: left;
  margin-top:0px;
  position: relative;
}

.rightnav {
  width: 150pt;
  float: right;
  margin-top:0px;
  margin-left:1em;
  font-style: italic;  
}

.sections {
  background-color: #EBCC6C;
  color:#000000;
  border: 2px solid;
  text-align: center;
  font-weight: bold;
  padding: 2px;
  font-size: 10pt;
  width: 100%;
  font-style:normal;
}

.navbar {
  background-color: #09BF00;
  width:100%;
  height:1em;
  float:left;
  margin-bottom:.5em;
}

.here {
  background-color: #D0D0D0;
  color:#000000;
  border: 2pt solid #404040;
  text-align: center;
  font-weight: bold;
  font-style:italic;
  font-size: 9pt;
  width: 120pt;
  font-style:normal;
  float:right;
}

.alternate a {
  background-color: #B8C0FF;
  color: #000000;
  border-top: 2pt solid #C0C0FF;
  border-left: 2pt solid #C0C0FF;
  border-right: 2pt solid #8080C0;
  border-bottom: 2pt solid #8080C0;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 120pt;
  text-align: center;
  float:right;
}

.alternate a:hover {
  background-color: #8890FF;
  color: #FFFFFF;
}

.alternate td {
  padding-right:1em;
}

.relative a {
  color: #000000;
  background-color: #60F080;
  border-top: 2pt solid #C0D0E0;
  border-left: 2pt solid #C0D0E0;
  border-right: 2pt solid #60A060;
  border-bottom: 2pt solid #60A060;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 120pt;
  text-align: center;
}

.inset td {
  padding-right:1em;
}

.relative a:hover {
  color: #FFFFFF;
  background-color: #50C060;
}

.name a {
  background-color:#FFFFFF;
  color: #0000C0;
  font-size: 15pt;
  font-weight: bold;
}

.herec {
  float:left;
  background-color: #006000;
  color:#FFFFFF;
  border: 2pt solid;
  text-align: center;
  font-weight: bold;
  padding: 2px;
  font-size: 9pt;
  width: 90pt;
  height:10pt;
  font-style:normal;
}

.relativeb {
  float:left;
}
.relativeb a {
  float:left;
  color: #000000;
  background-color: #70F080;
  padding-left: 5pt;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  text-align: center;
}

.relativeb a:hover {
  background-color: #70C070;
  color: #FFFFFF;
}

.hereb {
  float:left;
  color: #000000;
  background-color: #D0D0D0;
  font-size: 9pt;
  font-weight: bold;
  display: block;
  margin: 0px;
  text-align: center;
  padding-left: .5em;
  padding-right: .5em;
}

.herec {
  color: #000000;
  background-color: #D0D0D0;
  border-top: 2pt solid #B0B0B0;
  border-left: 2pt solid #B0B0B0;
  border-right: 2pt solid #B0B0B0;
  border-bottom: 2pt solid #B0B0B0;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  width: 80pt;
  height:9pt;
  text-align: center;
}

.herecx {
  background-color: #D0D0D0;
  color: #FFFFFF;
  border-top: 2pt solid #C0D0E0;
  border-left: 2pt solid #C0D0E0;
  border-right: 2pt solid #60A060;
  border-bottom: 2pt solid #60A060;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 90pt;
  text-align: center;
}

.herer a {
  color: #000000;
  background-color: #D0D0D0;
  border-top: 2pt solid #B0B0B0;
  border-left: 2pt solid #B0B0B0;
  border-right: 2pt solid #B0B0B0;
  border-bottom: 2pt solid #B0B0B0;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 123pt;
  text-align: center;
  float:right;
}

.here em {
  color: #FFFFFF;
}

.buttons a {
  color: #000000;
  background-color: #70C080;
  border-top: 2px solid #C0D0E0;
  border-left: 2px solid #C0D0E0;
  border-right: 2px solid #60A060;
  border-bottom: 2px solid #60A060;
  padding: 2px;
  padding-left: 3px;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 100%;
  text-align: left;
}

.buttons a:hover {
  color: #FFFFFF;
}

.motto {
background-color:#FFFFE0;
margin: 4px;
border: 4px;
padding: 4px;
font-size: 20pt;
text-align: center;
}

.box {
background-color:#FFFFE0;
margin-left: 2px;
margin-right: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
  border: 1px solid #A4C0E2;
}

.box p {
margin-left: .5em;
margin-right: .5em;
padding-left: 2px;
padding-top: 2px;
}

.content {
  border: 1px solid #A4C0E2;
padding: 4px;
z-index: 3;
margin-left: 120pt;
margin-right: 114pt;
margin-top: 0pt;
position: relative;

}

.clear_left {
  clear:left;
}
.clear_right {
  clear:right;
}
.leftbar {
  width: 104pt;
  float: left;
  margin-top:0px;
  position: relative;
}

.applet {
  border: 1px solid #A4C0E2;
  background-color: #EFEFEF;
  padding: 4px;
  z-index: 3;
  margin-left: 2em;
  margin-top: 0pt;
  position: relative;
  width: 90%;
}

.indent {
  border: 1px solid #A4C0E2;
  background-color: #FFFFFF;
  padding: 4px;
  z-index: 3;
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 0;
  position: relative;
}

.indent td {
  padding-right:1em;
}

.indentb {
  border: 1px solid #A4C0E2;
  background-color: #F0F0F0;
  padding: 4px;
  z-index: 3;
  margin-left: 2em;
  margin-top: 0pt;
  position: relative;
  width: 90%;
}

.inset {
  padding: 4px;
  z-index: 3;
  margin-left: 15pt;
  margin-top: 0pt;
  position: relative;
}

.insetb {
  padding: 4px;
  z-index: 3;
  margin-left: 2em;
  margin-top: 0pt;
  position: relative;
  width:130pt;
}

.leftbarc {
  background-color: #8FFFFF;
  width: 92pt;
  float: left;
  margin-top:0px;
  position: relative;
}

.relativec a {
  float: left;
  color: #000000;
  background-color: #70F080;
  border-top: 2pt solid #C0D0E0;
  border-left: 2pt solid #C0D0E0;
  border-right: 2pt solid #60A060;
  border-bottom: 2pt solid #60A060;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 90pt;
  text-align: center;
}

.relativec a:hover {
  background-color: #40B040;
  color: #FFFFFF;
}

.internet {
}

.internet a {
  color: #000000;
  background-color: #F0C0C0;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 0px;
  width: 120pt;
  text-align: center;
}

.internet a:hover {
  background-color: #D08080;
  color: #FFFFFF;
}

.internet table {
  border-top:1px solid #000000;
}

.internet td {
  border-bottom:1px solid #000000;
}
.internet th {
  text-align:left;
  padding-right:1em;
}

.internet td {
  text-align:left;
  padding-right:1em;
}

.code dt {
  font-weight:bold;
  font-family:monospace;
  font-size:12pt;
}