html, body {
  background-color: lightgray;
  //color: rgb(80,0,0);
  width: 100%;
  margin: auto;
  padding: 0;
}

hr {
  background-color: rgb(80,0,0);
  color: rgb(80,0,0);
  height: 2px;
  border: 0;
  margin: 0 0 10px 0;
  -webkit-box-shadow: 0px 2px 2px 0px #444;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 2px 3px 0px #444;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 2px 2px 0px #444;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

#heading {
  text-align: center;
  padding: 10px;
  background-color: darkviolet;
  color: white;
  background-position: center;
  background-size: 500px 100%;
}
#heading a {
  text-decoration: none;
  color: white;
}

#tabs {
  background-color: #2e2e2e;
}
#tabs ul {
  display: block;
  width: 78%;
  max-width: 740px;
  padding: 10px 0;
  list-style: none;
  margin: 0 auto;
}
#tabs li {
  padding: 0 20px;
  margin: 0 auto;
  display: inline-block;
  font-weight: bold;
  font-size: 18;
}
#tabs a {
  text-decoration: none;
  color: white;
}
#tabs a:hover {
  color: rgb(0, 0, 0);
}

#tabs a:target {
  color: rgb(0, 0, 0);
}

#tabs li:hover {
  background-color: gray;
  //border: 3px solid lightgray;
}

#tabs li:target {
  background-color: gray;
  //border: 3px solid lightgray;
}
#logo {
  z-index: 1;
  width: 10%;
  max-width: 6em;
  float: right;
  position: relative;
  bottom: 7em;
  right: 1em;
}

#mainContent {
  width: 95%;
  margin: auto;
  padding: 10px 10px 20px 10px ;
  background-color: white;
  color: black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 3px 3px 3px 0px #444;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 3px 0px #444;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 3px 3px 0px #444;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#mainContent h2, #mainContent h3 {
  color: rgb(80,0,0);
}
#mainContent a {
  color: rgb(126,0,0);
}
#mainContent a:hover {
  color: red;
}
#people th {
  text-align: left;
  font-size: 120%;
  padding: 0 40px 0 0px;
}
#people td {
  text-align: left;
  padding: 0 40px 0 0px;
}
#people td.spacing {
  padding: 10px;
}
#people .at {
  font-family: 'Courier New';
  font-weight: bold;
}
.bi {
  font-style: italic;
  font-weight: bold;
  color: black;
}
.calendar {
  margin-bottom: 10px;
}
.calendar, .calendar th, .calendar td {
  border: 3px solid rgb(80,0,0);
  border-collapse: collapse;
}
.calendar th h3, .calendar th h4 {
  padding: 5px;
  margin: 0;
}
.calendar td {
  padding: 5px 40px;
}
#footer {
  padding: 0px 2.5%;
  text-align: center;
}
#footer a {
  color: gray;
}