/********************************************************************/
/* BODY                                                             */
/********************************************************************/

@font-face {
	font-family: 'Underwood Champion';
	src: url('fonts/underwood_champion.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Underwood Champion';
	src: local('Underwood Champion Regular'),
	     local('UnderwoodChampion-Regular'),
	     url('fonts/underwood_champion.ttf') format('truetype');
}

@font-face {
	font-family: 'King668';
	src: url('fonts/king668.eot');
}
@font-face {
	font-family: 'King668';
	src: local('King668'), local('King668'), url('fonts/king668.ttf') format('truetype');
}

body {
  margin: 0;
  padding: 0;
  color: black;
  font-family: "american typewriter", "palatino linotype", Courier, serif;
  font-size: 11pt;
  background: white url('images/background-left-green.png') top right repeat-y;
}

h1, h2, h3, h4 {
  color: black;
  font-weight: normal;
}

#outerbox {
  float: left; 
  width: 100%;
}

.outerbox {
  margin: 0;
  padding: 0;
}

.mainarea {
  width: 100%;
  text-align: left;
}
.maincontainer { 
  width: 100%;
  margin-right: -100px;
  margin-bottom: 2em;
}
.mainbox {
  padding: 20px 0 10px 40px;
  margin-right: 100px;
  text-align: left;
  line-height: 140%;
}
.clearing { 
  height: 0;
  clear: both;
}

a {
  color: #426000;
  text-decoration: none;
  border: none;
  margin-bottom: 1px;
}
a:hover {
  text-decoration: none;
  border-bottom: solid 2px black;
  color: black;
  background-color: #90cc00;
}
a:active {
  text-decoration: none;
  border-bottom: solid 3px black;
}

img {
  border: none;
}

/********************************************************************/
/* HEADER                                                           */
/********************************************************************/

.header {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 1em;
  /*border-top: solid 1px black;
  border-bottom: solid 1px black;*/
}

.logo {
  margin: 0px;
  width: 100%;
  text-align: right;
  padding: 5px 0px 5px 0px;
  text-align: center;
  display: block;
  color: black;
}

.logo sup {
  padding-left: 5px;
  font-family: "Underwood Champion", "american typewriter", "palatino linotype", Courier, serif;
  font-size: 10pt;
  font-weight: normal;
}

.logo a {
  color: black;
  font-weight: normal;
  border: none;
  font-family: "Underwood Champion", "american typewriter", "palatino linotype", Courier, serif;
  font-size: 24pt;
}

.logo a.visited {
  color: black;
}

.logo a.hover {
  color: black;
  text-decoration: none;
  font-weight: normal;
}

.banner, #banner { 
  clear: both;
}
/********************************************************************/
/* MENU                                                             */
/********************************************************************/

.sidebox {
  width: 100%;
  padding: 3px 0 10px 0;
  margin: 0;
  text-align: left;
  color: black;
  text-align: center;
}
.sidebox div {
  display: inline;
}
.sidebox div h2 {
  display: inline;
}
.sidebox ul {
  list-style-type: none;
  margin: 0 5px 0 20px;
  padding: 0px;
}
.sidebox ul li {
  padding: 0;
  text-indent: 10px;
  text-align: left;
}
.sidebox ul li a {
  color: black;
}
.sidebox ul li a:hover {
  color: white;
  border: solid 1px black;
  text-decoration: none;
}
.sidebox h2 {
  margin: 0px 1px 0px 0px;
}
.sidebox h2 a {
  color: black;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-decoration: none;  
  font-weight: normal;
  padding: 2px 10px 0 10px;
  border: solid 1px white;
  font-size: 10pt;
}
.sidebox h2 a:hover {
  color: black;
  border: solid 1px black;
  border-bottom: solid 10px black;
  text-decoration: none;
  background-color: #90cc00;
}

.sidebox h2 a.mactive, .sidebox ul li a.mactive { 
  color: white;
  background: #666666;
  border: solid 1px black;
  border-bottom: solid 10px black;
}

/********************************************************************/
/* FOOTER                                                           */
/********************************************************************/

.footer, #footer {
  clear: both;
  color: black;
  background-color: white;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin: 8px 0px 0px 0px;
  padding-top: 2px;
  border-top: 1px solid black;
  text-align: center;
}
.adr {
  font-size: 9pt;
}
.footer a, #footer a {
  margin: 1px;
  text-decoration: none;
  font-weight: normal;
  border: solid 1px white;
  border-bottom: solid 3px white;
}
.footer a:hover, #footer a:hover {
  color: black;
  text-decoration: none;
  font-weight: normal;
  border: solid 1px black;
  border-bottom: solid 3px black;
  background-color: #90cc00;
}

/********************************************************************/
/* MISC                                                             */
/********************************************************************/

.jargon { 
  font-family: "Underwood Champion", "american typewriter", "palatino linotype", Courier, serif;
  font-size: 10pt;
}

.green {
  font-family: "King668", "american typewriter", "palatino linotype", Courier, serif;
  color: #90cc00
}

span.seealso { 
  font-size: 8pt;
}

a.seealso { 
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  color: black;
}

.seealso-text { 
  padding: 0px 3px 0px 3px;
  margin: 0px;
}

a.seealso:hover { 
  border: 1px solid black;
  border-bottom: 3px solid black;
  text-decoration: none;
  background-color: #90cc00;
}

.image { 
  float: right;
  margin: 20px 20px 20px 40px;
}
.image tr { 
  width: 500px;
  text-align: center;
}
.image caption { 
  font-size: 8pt;
}

div.faq {
  margin: 0 10px 0 ´0;
  max-width: 700px;
}

div.faq .item {
  margin: 2px 0 10px 0;
}

div.faq .item .question {
  font-style: italic;
  font-weight: bold;
  border: solid 1px #eee;
  padding: 5px;
  background-color: white;
}

div.faq .item .answer {
}

/********************************************************************/
/* ADVERT                                                           */
/********************************************************************/

.advert {
  margin: 75px auto 0px auto; 
  max-width: 450px;
}