BODY {
  background: #FFF;
  margin-left: 3em; /* # 1%; */
  margin-right: 3em; /* #10%;  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


div.quote {
   margin: 10pt;
   background-color: salmon;
} 


/* For the boxes for the different topics and exercises. */

div.topic {
  float: left; 
  padding-left: 10pt;
  background-color: lightgrey;
  border: 1px solid blue;   
  width: 55%;
  padding-bottom: 10pt;    
  margin: 10pt;    
}


div.exercises {
   margin: 10pt;
   padding-bottom: 10pt;    
   background-color: lightgreen;   
   border: 1px solid red;
/*   text-align: right; */
   width: 38%;    
   float: right; 
}




div.outer {
  border: 1px solid yellow;    
  clear: left;
}


td.lab {
 background-color: lightgreen;   
}

td.discussion, p.discussion {
  color: red ;
  font-style: italic
}

td.free {
   color: green;   
}

h3 {
   color: blue;    
}
h4 { margin-left: 10pt
   }