body {
  font-family: sans-serif;
  background-image: url("grad1.jpg");
  background-repeat: repeat-x;
  background-color: #989db0;
}
tr.odd {
  background-color: #CCCCCC;
}
tr.even {
  background-color: #EEEEEE;
}
th {
  padding: 0 0.5em;
}
td {
  padding: 0 0.5em;
}
#email {
  color: #551a8b;
}
img.logo {
  position: absolute;
  top: 0;
  left: 30px;
  border: 0;
}
img.title {
  position: absolute;
  top: 0px;
  left: 275px;
}

#main {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 320px;
  /* width: 936px; */
  border: 4px solid #667788;
  background-color: #B8BDD0;
}
#main hr {
  border: 2px solid #667788;
}
#main h1 {
  font-size: larger;
  margin: 1em 2em 1em 2em;
}
#main h2 {
  font-size: large;
  margin: 1em 2em 1em 2em;
}
#main p {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}
#main table {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}

#menu {
  border: 4px solid #667788;
  background-image: url("grad2.jpg");
  background-repeat: repeat-x;
  width: 160px;
  position: absolute;
  top: 50px;
  right: 30px;
}
#menu p {
  text-align: center;
  margin: 0.5em;
}
#menu hr {
  border: 2px solid #667788;
}
#menu td {
  height: 30px;
  padding: 0;
}
#menu img {
  border: 0;
}
#menu a: {
  margin: 0;
}
#menu table {
  margin-bottom: 5px;
}
#menu h2 {
  font-size: large;
  text-align: center;
  margin: 0.5em 1em;
}
.bikeRB {
  color: red;
}
.bikeMB {
  color: blue;
}
span.bikeRB,
span.bikeMB {
  padding-right: 2em;
  text-transform: uppercase;
  font-size: 80%;
}