/**
* 20050120: accessibility - changed absolute to relative font-sizes
* 
*/
BODY {
  background-color: #ffffff; /* #afaf9f; */
  padding: 0px;
  margin: 50px 0px 30px 50px;
}
BODY, TD, P {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em; /* = font-size: 80%; */
  color: #333333;
  line-height: 140%;
}
BODY.construction {
  background-color: #D4C2B2; /* #afaf9f; */
}

TD {
  vertical-align: top;
}
TEXTAREA, SELECT, INPUT {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #333333;
}
TABLE.head {
  width: 715px;
  margin-top: 50px;
}
TD.head {
  vertical-align: bottom;
}
TABLE.nav {
  margin-left: 30px;
}
TD.nav, TD.navat {
  padding: 27px 4px 2px 4px;
}
TD.navat {
  font-weight: bold;
}
TABLE.main {
  width: 715px;
  background-image: url(images/bg-main.gif);
  background-repeat: repeat-y; 
}
TD.left {
  width: 2px;
}
TD.content {
  padding: 40px 80px 0px 80px;
}
TD.bottom {
  background-image: url(images/bg-bottom.gif);
  background-repeat: none;
  height: 39px;
}
TABLE.copyright {
  width: 715px;
  margin-top: 10px;
}
TD.copyright {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 60%;
}

H2 {
  color: #4E536A;
  font-size: 100%;
  text-transform: uppercase;
  padding: 0;
  margin: 0px 0px 8px 0px;
}
P {
  /* text-align: justify; */
  font-size: 100%;
  margin: 12px 0px 6px 0px;
}
P.right {
  text-align: right;
}
OL, UL {
  margin-top: 4px;
  margin-bottom: 4px;
}
LI {
  font-size: 85%;
  line-height: 140%;
  padding-bottom: 4px;
}
HR {
  color: #ACA899;  
}
IMG {
  border: none;
}
IMG.screen {
  border: solid 1px #777C93;
  margin: 32px 0px 12px 0px;
}
IMG.don {
  border: solid 1px #4E536A;
  margin: 16px 0px 16px 0px;
}
INPUT.btn {
  padding: 2px;
}
ACRONYM {
  border-bottom: #333 1px dashed;
  cursor: help;
}

A:link, A:visited, A:hover, A:active {
  color: #4E536A;
  xxfont-weight: bold;
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}
A.lite:link, A.lite:visited, A.lite:hover, A.lite:active {
  font-weight: normal;
  text-decoration: none;
}
A.lite:hover {
  text-decoration: underline;
}

.hand {
  /* cursor: hand; *//* IE only */
  cursor: pointer;
}
.topic {
  color: #4E536A;
  font-weight: bold;
}
.smaller {
  font-size: 85%;
}
