body{
  font-family : sans-serif;
}

table.main {
  border-color : #66f;
  border-style : solid;
  border-width : 1pt 1pt 1pt 1pt;
}

td.main {
  background-color : #fff;
}

td.menu {
  background-color : #fff;
}

h1 {
  border-color : #78c;
  border-style : solid;
  border-width : 1px 1px 1px 1px;

  margin       : 5px 0px 0px 0px;
}

h2 {
  color            : #fff;
  font-size        : medium;
  background-color : #33f;

  border-color : #33f;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 5px 0px 0px 0px;
  padding      : 5px 5px;
}

h2.result_congrat {
  color            : #fff;
  font-size        : medium;
  background-color : #0f8;

  border-color : #0f8;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 5px;
}

div.result_congrat {
  border-color : #0f8;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

h2.result_one_more {
  color            : #fff;
  font-size        : medium;
  background-color : #88f;

  border-color : #88f;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 5px;
}

div.result_one_more {
  border-color : #88f;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

h2.result_wrong {
  color            : #fff;
  font-size        : medium;
  background-color : orange;

  border-color : orange;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 5px;
}

div.result_wrong {
  border-color : orange;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

h2.result_missing {
  color            : #fff;
  font-size        : medium;
  background-color : #444;

  border-color : #444;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 5px;
}

div.result_missing {
  border-color : #444;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

h2.result_hopeless {
  color            : #fff;
  font-size        : medium;
  background-color : red;

  border-color : red;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 5px;
}

div.result_hopeless {
  border-color : red;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

h3 {
  color            : #fff;
  font-size        : medium;
  background-color : #78c;

  border-color : #78c;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 0px 10px;
}

div {
  border-color : #78c;
  border-style : double;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

div.banner {
  border-color : #78c;
  border-style : none;
  border-width : 1px 1px 1px 1px;

  margin       : 0px 0px 0px 0px;
  padding      : 5px 10px;
}

p.result {
  color : #f00;
}

ul.menu {
  list-style-type:none;
  margin       : 2pt;
  padding      : 2pt;  
}

a:link{
  color:#d60;
}
a:visited{
  color:#f00;
}