.topic {
  color: green;
  font-weight: bold;
}

/* For the Report and exam due date and Miscellaneous dates tables. */

.dateTables {
  background-color: rgb(220,255,220);
  margin: 5px;
  border: 1px solid black;
  float:left
}
.dateTables tr:nth-of-type(odd)  { background-color: #efe; }
.dateTables tr:nth-of-type(even) { background-color: #eef; }

.dateTables td { border-bottom: 1px solid black; }

.classSchedule td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: black dashed 1px;
}

/* The Show to get started and Show to do sub-sections */
div #todo, div #getStarted {
  background-color: white;
  width: 400px;
  border: 1px solid black;
}

/* The * selector selects every element in the page.
 border-box value includes both the padding and the border thickness
 as part of the width and height values. This helps in cases where
 you specify width to a percenta, e.g. 50%, then that element takes up
 50% even if you add padding and borders to the element. */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
}

/* Move the report and exam due text to the right in the class schedule */

.dueItem {
  /* float: right; */
  color: rosybrown
}