body {
  background-color: #E6E6FA;
  color: #000000;
}

a:link {
  color: #0000EE;
}

a:visited {
  color: #551A8B;
}

a:active {
  color: #FF0000;
}

table { 
  border-collapse: collapse;
}

table {
  box-shadow: 8px 8px 6px 2px #000000;
}

th {
  padding: 3px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #A5A4BF),
    color-stop(1, #E6E6E6)
  );
  background-image: -o-linear-gradient(bottom, #A5A4BF 0%, #E6E6E6 100%);
  background-image: -moz-linear-gradient(bottom, #A5A4BF 0%, #E6E6E6 100%);
  background-image: -webkit-linear-gradient(bottom, #A5A4BF 0%, #E6E6E6 100%);
  background-image: -ms-linear-gradient(bottom, #A5A4BF 0%, #E6E6E6 100%);
  background-image: linear-gradient(to bottom, #A5A4BF 0%, #E6E6E6 100%);
}

td {
  padding: 3px;
  text-align: left;
  background-color: #FFFFFF;
}

table, td, th {
  border:1px solid #2F4F4F;
}

.left {
  text-align:left;
}

div.center {
  text-align:center;
}

table.center { 
  margin-left:auto;
  margin-right:auto;
}

img {
  vertical-align: bottom;
}

em {
  font-weight: bold;
  font-style: normal;
}

strong {
  font-weight:bold;
  font-style:normal;
}

h2 {
  color: #000000;
  font-size: 2em;
  margin: 12px 0;
}

h3 {
  color: #000000;
  font-size: 1.5em;
  margin: 12px 0;
}

h4 {
  color: #000000;
  margin: 6px 0;
}

.scroll_top {
  display: none;
  padding: 0;
  margin: 0 8px 8px 0;
}

.scroll_top p {
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 800px) {
  div.scroll {
    overflow: auto;
  }
  .scroll table {
    min-width: 640px;
  }
  .scroll_top {
    display: inline-block;
    font-size: small;
    background-color: #98FB98;
  }
}