body
  {
  /* background: #ffffff url('/images/chesshalfbig222.gif') no-repeat scroll right bottom; */
  /* background: #ffffff url('/images/chesshalfbig222.gif') no-repeat fixed right bottom; */
  /* background: transparent url('chesshalf.gif') no-repeat scroll bottom right; */
  }


/* TABLE */
table
  {
  border: 1px solid gray;
  margin: auto;
  padding: 0px;
  width: auto;
  }

table.tbl
  {
  /* 100 (left pane) + 660 (right pane + 10px padding compensation) */
  border: 0px;
  margin: 20px auto 20px auto;
  width: 760px;
  }


/* TD NAVBAR */
td.navbar
  {
  background-color: silver;
  border: 0px;
  /* font-family: times, serif; */
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
  width: 100px;
  }

td.navbar p
  {
  text-indent: 0px;
  }

td.navbar a
  {
  color: blue;
  }

td.navbar a:visited
  {
  color: blue;
  }

td.navbar a:hover
  {
  color: crimson;
  /* border-right: 3px solid black; */
  }


/* TD OTHER */
th
  {
  background-color: #e0e8ff; /* lightcyan  lightblue */
  border: 1px solid gray;
  padding: 3px 5px 3px 5px;
  text-align: center;
  vertical-align: top;
  }

td
  {
  border: 1px solid gray;
  padding: 2px 5px 2px 5px;
  vertical-align: top;
  }

td.main .center
  {
  text-indent: 0px;
  text-align: center;
  }

td.main
  {
  border: 0px;
  padding: 0px 0px 0px 10px;
  text-align: left;
  vertical-align: top;
  }

td.main p
  {
  text-indent: 15px;
  }

td.main p, li
  {
  text-align: justify;
  }

@media screen
  {
  td.main
    {
    font-family: sans-serif;
    font-size: small;
    /* 650 left pane width + 10px (left margin) padding compensation */
    width: 660px;
    }
  }

@media print
  {
  .navbar, .lastmod
    {
    display: none;
    }
  td.main
    {
    font-family: palatino, serif;
    }
  }


/* CLASS PI */
a.pi
  {
  color: black;
  text-decoration: none;
  font-family: palatino, serif;
  }

a.pi:hover
  {
  color: black;
  text-decoration: none;
  }

a.pi:visited
  {
  color: black;
  text-decoration: none;
  }


/* CLASS LASTMOD */
div.lastmod
  {
  text-align: right;
  font-family: arial, sans-serif;
  font-size: x-small;
  }

div.lastmod img.eeto
  {
  border: 0px;
  margin: 0px;
  width: 88px;
  height: 31px;
  }


/* MAIN STYLES */
a:hover
  {
  color: crimson;
  }

h1
  {
  text-align: center;
  font-weight: bold; /* DOESN'T WORK!?! */
  }

h1, h2, h3, h4, h5, h6
  {
  font-family: times;
  /* font-size: larger; */
  margin-left: 35px;
  margin-right: 35px;
  margin-top: 35px;
  }

li
  {
  margin: 3px 0px 3px 0px;
  }

img
  {
  border: 0px;
  }

hr
  {
  /* not sure whether I like the following css code... */
  border: 1px solid gray;
  height: 0px;
  width: 75%;
  }


/* STANDARD CLASSES */
.center
  {
  text-align: center;
  text-indent: 0px;
  }

.paddingo
  {
  padding: 0px;
  }

.right
  {
  text-align: right;
  /* text-align: "."; */
  }


/* RANDOM CODE */
/*
td.right:before
  {
  content: "Km";
  }

code, pre
  {
  font-size: small;
  }
*/