body {
  color: #000;
  background-color: #fff;
  padding-bottom:6em;
  margin: 0 5%;
  font: "New Century Schoolbook", serif
  }
h1 {
  text-align: center;
  margin-top: 1em;
  }
#menu {
  width:95%;
  margin:0;
  }
#content {
  padding: 0 1em;
  }
.smenu {
  margin: 0 1em;
  padding: 0;
  width: 85%;
  list-style-type: none
  }
#menuarea h2{
  text-align: center;
  border-bottom:3px groove purple;
  }
#menuarea {
  float:left;
  margin: 0 1em 0 0;
  padding: 0;
  width: 28%;
  border:3px ridge purple;
  }
ul {
  margin: 0 0 0 1.5em;
  padding: 0 2em;
  width: 85%;
  }
.smenu li {
  list-style-type: none;
  margin-bottom: .5em;
  padding: 0 1em;
  width: 85%;
  border-bottom:1px groove grey;
  }
#footer {
  clear:both;
  text-align: center;
  font-size:85%;
  font-style: italic;
  padding: 1em;
  }
.example {
  float:right;
  padding: 1em;
  background-color: #ddf;
  color: #205;
  margin-bottom: 1em;
  }
.endexample {
  clear:right;
  width:100%;
  padding: 0;
  }
.exampletext {
  float:left;
  width:70%;
  padding: 0;
  }
.figure {
  float:right;
  padding: .25em;
  margin: .1em;
  text-align: center;
  border:5px ridge purple;
  background-color: #fdf;
  color: #202;
}
.figure img {
  display:block;
}
.example2 {
  float:left;
  padding: 1em;
  background-color: #ddf;
  color: #205;
  margin-bottom: 1em;
  }
.endexample2 {
  clear:left;
  width:100%;
  padding: 0;
  }
.example2text {
  float:right;
  width:70%;
  padding: 0;
  }
.question {
  margin-bottom:2em;
}
.question input {
  margin-left:2em;
}
#nav {
  text-align: center;
}
#nav li {
  list-style-type: none;
  margin-bottom: .5em;
  padding:.5em 0;
  display:inline;
  font-weight: bold;
  font-size:110%;
}
a:link{
  color:#0000a0; // blue
  background-color:#eee; // off white
}
a:visited{
  color:#a000a0; // purple
  background-color:#eee; // off white
}
a:hover{
  background-color:#aff; // cyan
  color:#0000a0; // blue
  }
a:active{
  padding:0;
  background-color:#aff; // cyan
  color:#0000a0; // blue
  }
a img{
  border:0;
  }