html, body {
  height: 100%;
  font-family: serif;
}
body {background-color: white;}
h1 {
  font-family: Arial, sans-serif;
  color: brown;
  font-size: 140%;
}
h2 {
  font-family: Arial, sans-serif;
  color: brown;
  font-size: 130%;
}
h3 {
  font-family: Arial, sans-serif;
  color: brown;
  font-size: 120%;
}
h4 {
  font-family: Arial, sans-serif;
  color: brown;
  font-size: 110%;
}
p {
  font-family: Times, serif;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 100%;
}
li {
  font-family: Times, serif;
  font-size: 100%;
}
.match {background-color: #99FF99}
.fair {background-color: #EEEEAA;}
.notyet {background-color: #F0F0F0;}
.extra {background-color: #FFAAAA}
#left-box {
  border: 1px solid grey;
  margin: auto;
  background-color: white;
}
table, th, tr, td {
  border: 3px solid white;
  border-collapse: collapse;
}
table, th {font: 15px/20px arial,sans-serif}
th {color: gray}
.clearboth {clear: both;}
.center-text {text-align: center;}
.right-text {text-align: right;}
#pagetitle {
  text-align: center;
  padding: 10px 5px;
  font-size: 140%;
  color: sienna;
  border-bottom: 1px dotted;
  border-top: 1px dotted;
}
.noprint {}
@media print {
  #left-box, #ozon, .noprint, td.left-box {
	display: none;
  }
}