body {
    font-family: arial; sans-serif;
    background-color: #cab47a;
  }

  table {
    background-color: #ffffff;
    width: 100%;
    border: 1px solid;
    border-color: #575326;
    table-layout: fixed;
  }

  table td th tr[colspan="20"]{
  }

  h1  {
    background-color: #000000;
    border-radius: 20px;
    font-size: 20px;
    color: #888;
    margin-bottom: .3em;
    text-align: center;
  }

  h2  {
    background-color: #ffffff;
    font-size: 20px;
    margin-bottom: .3em;
    text-align: center;
  }

  th.builder  {
    background-color: #888888;
    font-size: 18px;
    color: #ffffff;
    border-radius: 20px;
    margin-bottom: .1em;
    text-align: center;
  }

  th.class-3  {
    font-size: 25px;
    margin-bottom: .1em;
    text-align: center;
  }

  th.classheadline-1  {
    background-color: #aaaaaa;
    font-size: 18px;
    border-radius: 20px;
    text-align: center;
    padding: .2em;
  }

  th.classheadline-2  {
    background-color: #eeeeee;
    font-size: 18px;
    border-radius: 20px;
    text-align: center;
    padding: .2em;
  }

  tr.banner {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
  }

  tr.details {
    background-color: #808080;
    font-size: 15px;
    color: #ebebeb;
    height: 200px
    vertical-align: top;
    padding: .2em;
  }

  tr.builder  {
    background-color: #888888;
    font-size: 18px;
    color: #ffffff;
    border-radius: 20px;
    margin-bottom: .1em;
    text-align: center;
  }

  tr.details1 {
    background-color: #ffffff;
    font-size: 15px;
    height: 200px
    vertical-align: top;
    padding: .2em;
    text-align: center;
  }

  tr.details2 {
    background-color: #cdcdcd;
    font-size: 15px;
    height: 200px
    vertical-align: top;
    padding: .2em;
    text-align: center;
  }

  tr.model {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
  }

  tr.number {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
  }

  th.end  {
    background-color: #000000;
    border-radius: 20px;
    font-size: 15px;
    color: #ebebeb;
    margin-bottom: .1em;
    text-align: center;
  }

  hr.class-1 {
    border-top: 1px solid #ffffff;
  }

  hr.class-2 {
    border-top: 2px solid #000000;
  }

  hr.class-3 {
    border-top: 1px solid #000000;
  }
  
  tr.normal {
    text-align: center;
  }

  tr.line {
    text-align: center;
  }

  tr.link {
    text-align: center;
    font-size: 300px;
  }

  tr.rebuild {
    text-align: center;
    color: #c34;
  }

  td.banner {
    background-color: #000000;
    font-size: 30px;
    font-weight: bold;
    border-radius: 20px;
    color: #ebebeb;
    height: 200px
    vertical-align: top;
    padding: .2em;
  }

  tr.header {
    text-align: center;
    font-weight: 900;
    background-color: #aaaaaa;
  }

  tr.classheader {
    text-align: center;
    font-weight: 900;
    text-decoration: underline;
  }

  tr.nav {
    text-align: center;
  }

tr.line:nth-child(even) {
  background-color: #f2f2f2;
}

tr.line:nth-child(odd) {
  background-color: #d3d3d3;
}

/* unvisited link */
a:link {
  color: #0000ff;
}

/* visited link */
a:visited {
  color: #800080;
}

/* mouse over link */
a:hover {
  color: #ff69b4;
}

.navbar {
  overflow: hidden;
  background-color: #575326;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}