html { /* adapted from Stanford CS247 */
  background: #fff;
}
body {
  font-family: Optima, Calibri, Helvetica Neue, Helvetica, Arial;
  font-size: 1.0em;
  width: 800px;
}
a {
  color: #c82;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin-top: 10px;
  margin-bottom: 0px;
}
table {
  margin: 0px;
  padding: 0px;
}
td {
  vertical-align: top;
  padding-right: 10px;
  padding-top: 10px;
}

.header {
  margin-bottom: 1.0em;
}

.menu {
  font-size: 1.3em;
  float: right;
  margin-top: 30px;
}

.curpage {
  font-weight: bold;
}

.video {
  width: 425px;
  height: 352px;
}

.left {
  float: left;
  width: 450px; /*350*/
  margin-right: 25px;
}
.right {
  float: left;
  width: 425px;
}

.clear {
  clear: both;
}

.projects td {
  width: 150px;
  padding: 0px;
}

#schedule {
  width: 100%;
  border-spacing: 0px;
}

#schedule td {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 10px;
  background: #f5f5f5;/*#aadce9;*/
  vertical-align: top;
  height: 150px;
}

#schedule td.colheader, #schedule td.week {
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  height: 20px;
}

#schedule td.week {
  border-left: 1px solid #aaa;
  background: #ddd;
  width: 30px;
}

#schedule td.colheader {
  border-top: 1px solid #aaa;
  background: #ccc;
  padding: 5px;
}

#schedule td.day {
  width: 50px; /*250*/
}

#schedule td.topic {
  width: 250px; 
}

#schedule .date, #schedule .topic {
  font-weight: bold;
}
#schedule .lab {
  font-style: italic;
}