* {
  font-family: Verdana,Tahoma,Helvetica,sans-serif;
  font-size: 9pt;
  color: black;
}

HTML, BODY {
  margin: 0px;
  padding: 0px;
}

BODY {
  background-color: white;
  background-image: url(img/bg.gif);
  background-repeat: repeat;
}

H1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
  color: darkblue;
  text-transform: uppercase;
  letter-spacing: 2px;
}

H2 {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: darkblue;
  text-transform: uppercase;
  letter-spacing: 1px;
}

H3 {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
  color: darkblue;
  text-transform: uppercase;
  letter-spacing: 1px;
}

P {
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  text-align: justify;
  color: black;
}

CODE {
  font-family: monospace;
  text-align: left;
  color: indigo;
}

CAPTION, .header {
  text-align: left;
  color: navy;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 4pt;
}

TABLE.optable {
  width: 100%;
  caption-side: top;
  border-collapse: collapse;
  border: 2px groove black;
}

TABLE.optable TR {
  vertical-align: top;
}

TABLE.optable TD {
  border: 2px groove black;
  padding: 4px;
}

UL {
  list-style-type: disc;
  list-style-position: outside;
}

OL {
  list-style-type: decimal;
  list-style-position: outside;
}

HR {
  color: darkmagenta;
}

IMG.imgheader {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: block;
}

UL.menu, UL.menu LI {
  display: block;
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

UL.menu {
  padding: 2px 1px 0px 1px;
}

UL.menu LI {
  border-bottom: 2px solid transparent;
}

UL.menu A:link, UL.menu A:visited {
  display: block;
  text-decoration: none;
  background-color: #336699;
  color: #ddeeff;
  padding: 4px;
}

UL.menu A:hover {
  background-color: #ff9900;
  color: navy;
}

A         { text-decoration: underline; }
A:link    { color: #4B0082; }
A:visited { color: #191970; }
A:active  { color: #800080; font-weight: bold; }
A:hover   { color: #DC143C; }

A.lang:link {
  font-weight: bold;
  color: navy;
  text-decoration: none;
  text-align: center;
}

A.lang:visited {
  font-weight: bold;
  color: navy;
  text-decoration: none;
  text-align: center;
}

A.lang:active {
  font-weight: bold;
  color: darkred;
  text-decoration: none;
  text-align: center;
}

A.lang:hover {
  font-weight: bold;
  color: red;
  text-decoration: underline;
  text-align: center;
}

A.n:link    { color: black; font-weight: normal; text-decoration: none; }
A.n:visited { color: black; font-weight: normal; text-decoration: none; }
A.n:active  { color: black; font-weight: normal; text-decoration: underline; }
A.n:hover   { color: black; font-weight: normal; text-decoration: underline; }

.center {
  text-align: center;
}

.important {
  color: darkred;
}

.u {
  text-decoration: underline;
}

#main {
  margin: 4px auto 4px auto;
  width: 772px;
  background-color: #e5e5e5;
  border: 4px solid white;
}

#header {
  background-color: white;
  overflow: hidden;
  padding: 0px;
  border: 4px solid #e5e5e5;
}

#menu {
  width: 126px;
  float: left;
  overflow: hidden;
  padding: 0px 2px 0px 2px;
  border-top: 4px solid white;
}

#content {
  width: 634px;
  float: right;
  overflow: hidden;
  background-color: white;
  padding: 0px 4px 0px 4px;
}

#footer {
  clear: both;
  width: 100%;
  height: 0px;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

@media print {
  .noprint {
    display: none;
  }
  #content {
    width: 95%;
    overflow: visible;
  }
}