body { 
  font-family: sans-serif;   /* font control for all text */
  color: #000000;  /* Set text color black */
  background-color: #FFFFFF;
  margin-right: 200px;
  /* width: 650px;   /* Formatting width of entire site */
}

p { 
    width: 30em;  /* about 70 chars? */
}

.header { 
          text-align: center;
}

.navigation { 
          font-size: medium;
          text-align: left;

}

.navigation A { 
          color: #000000;
          text-decoration: none;


 }

.headnote {
  position: absolute;
  left: 20%;
  font-size: small;
  text-align: justify;
 }

.sidebar {
  float: right;
  font-size: small;
  text-align: justify;
 }

.footer { 
          font-size: x-small;
          text-align: center;
}


/* Leaders are imgs which should be pushed to the left marging, as
   heading markers for a section. */

img.leader {
  float: left;
  padding: 1ex;
  vertical-align: top;
}


/* Squibs are text or images which should be pushed to the right
   margin, such as quotes */

.squib {
         font-size: small;
         text-align: right;
 }

img.squib { 
       float: left;
       padding: 1ex;
}