html, body {
  margin:0; padding:0;
  background-color:#99C;
}

#days {
  list-style-type:none;
  width:700px;
  margin:5px auto 0;
  padding-left:2px;
}
#days li {
  display:block;
  text-align:center;
  float:left;
  width:100px;
  font-size:0.8em;
  font-family:sans-serif;
  color:white;
}

#canvas-holder {
  clear:both;
  width:700px;
  margin:auto;
}
#times {
  display:block;
  width:100px;
  float:left;
  margin:0 0 -10px -110px;
  padding:0;
  color:white;
  list-style-type:none;
}
#times li {
  font-size:0.8em;
  font-family:sans-serif;
  text-align:right;
  height:36px;
  padding:-6px 1em 0;
}

canvas {
  float:left;
  display:block;
  margin:auto;
  background-color:white;
}
#canvas-div {
  position:relative;
}
#when {
  position:absolute;
  font-family:sans-serif;
  font-size:0.8em;
  color:#eee;
  background-color:#633;
  padding:0.2em;
  visibility:hidden;
}

#when ul {
  list-style-type:none;
  margin:0; padding:0 0 0 10px;
}
#which-sections {
  position:absolute;
  top: 0;
  left: 710px;
  width:10em;
  color:white;
  background-color:#633;
  font-family:sans-serif;
  visibility:hidden;
  border-radius:0.5em;
  -moz-box-shadow:0.15em 0.15em 0.25em #fff;
  -webkit-box-shadow:0.15em 0.15em 0.25em #fff;
  box-shadow:0.15em 0.15em 0.25em #fff;
}
#which-sections h2 {
  font-size:1em;
  text-align:center;
  margin: 2px 5px;
  border-bottom:2px solid white;
}
#which-sections ul {
  list-style-type:none;
  background-color:inherit;
}
#which-sections li {
  background-color:inherit;
  margin:0 2em 0 0;
  padding:0.1em 0.5em;
  border-radius:0.2em;
}
#all-sections {
  clear:both;
  width:900px;
  margin:auto;
  position:relative;
  top:1em;
  border-collapse:collapse;
}
#all-sections td {
  color:white;
  font-family:sans-serif;
  font-size:0.7em;
  text-align:center;
  border:1px solid black;
  padding:0.1em 0.5em;
}
#all-sections, #all-sections tr, #all-sections td {
  background-color:inherit;
}