body {
      background-color: #ffffff;
      background-image: url("parchment.gif"); 
      color: #000000;
    }
	a {
	  text-decoration: none;
	}
	.pageE {
	  background-color: white; /*#ffeecc;*/
	  background-image: url("bordb2b.gif");
	  background-repeat: repeat-y;
	  margin-left: auto;
	  margin-right: auto;
	  line-height: 1.15em;
	  width: 570px;
	  padding: 0px 35px 0px 15px;

	}
	.pageO {
	  background-color: white; /*#ffeecc;*/
	  background-image: url("bordb2a.gif");
	  background-repeat: repeat-y;
	  margin-left: auto;
	  margin-right: auto;
	  line-height: 1.15em;
	  width: 570px;
	  padding: 0px 15px 0px 35px;

	}
	.header {
	  height: 1em;
	  margin-left: auto;
	  margin-right: auto;
	}
	.content {
	  font-size: 100%;                   /* changed from 110% */
	  text-align: justify;
	  width: 560px;
	  height: 880px;
	}
	.p1 {
      padding-left: 1em;
	}
	.p2 {
	  float: left;
	  margin: 0 2em 1em  2em;
	}
	.p3 {
	  font-size: 90%;
	  line-height: 1.6em;
	  text-align: center;
	}

	.footer {
	  height: 1em;
	  text-align: left;
	}
	.currentPage {
	  text-align: center;
	  width: 25%;
	  border: 1px black dotted;
	}
	h1 {
	  font-size: 90%;
	  line-height: 1.6em;
	  text-align: center;
	}
	h2 {
	  font-size: 90%;
/*	  line-height: 2em; */                       /* remmed this line */
	  text-align: center;
	  font-weight: normal;
	}
	h4 {
	  font-size: 90%;
	  line-height: 1em;
	  text-align: left;
	  font-weight: normal;
	  margin-top: 0;
	  margin-bottom: 0;
	}
	li {
	  list-style-type: none;
	  margin-left: -1em;
	}
	ol li {
	  margin-left: 2em;
	  list-style-type: decimal;
	}
    .leftSide {
      float: left;
      text-align: left;
      width: 74%;
	}
    .rightSide {
      float: right;
      text-align: right;
      width: 25%;
	}
	#menu { /* must follow div in the idx.php for the font-family to work a copy is also in idx.php*/
	  font-family: serif;
	  font-size: 95%;
	  text-indent: -.7em;
	  margin-left: .5em;
	  position: fixed;
	  width: 19%;
	}