body { 
  margin: 0px; 
  background: rgb(189,189,189); 
}
h1, h2 { font-weight: bold; text-align: center; color: rgb(90,41,0) }
h1 { font-size: xx-large; }
h2 { font-size: x-large; }

blockquote { margin-left: 40px; margin-right: 40px; }
a:link { color: rgb(0,90,41) }
a:hover, a:visited:hover { color: rgb(41,0,90) }
a:visited { color: rgb(60,60,60) }
.Dave  { font-family: serif;      font-style: normal; color: black; }
.Ann   { font-family: sans-serif; font-style: italic; color: rgb(128,0,0); }
.David { font-family: serif;      font-style: italic; color: blue; }
.Katy  { font-family: serif;      font-style: normal; color: green; }
.Emily { font-family: sans-serif; font-style: italic; color: magenta; }
.James { font-family: serif;      font-style: italic; color: rgb(64,64,0); }

/* <div class="main">...</div> contains the main part of the page. */
.main { 
  display: block;
  width: 800px; 
  position:relative; 
  border-width: 3px 3px 3px 3px; border-color: rgb(0,0,0) ; border-style: solid; 
  margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;
  padding: 1em;
  background-color: rgb(189,237,189); 
  text-align: left; 
}
.main p { line-height: 140%; }

.image-center {
  margin-left: auto;
  margin-right: auto;
}
.image-right, .image-left {
  margin-top: 0px;
  margin-bottom: 10px;
}
.image-right { 
  float: right;
  margin-left: 20px;
  margin-right: 0px; 
}
.image-left { 
  float: left; 
  margin-left: 0px;
  margin-right: 20px;
}
p.image-border, td.image-border, img.image-border {
  border-left:   10px solid #ddd; 
  border-top:    10px solid #aaa; 
  border-bottom: 10px solid #777; 
  border-right:  10px solid #333;  
  padding: 0px;
  margin: 0px;
  line-height: 0px;  /* Needed to remove a small space under the image caused
                      * by the leading. */
}

.cap {
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}

/* These classes are used for the navigation buttons and for the Click to Enter
 * button on the entry page. */
.home, .contact, .archive, .links, .enter, .last-month, .next-month {
  float: left; 
  position: relative;
  background-color: rgb(189,237,189); 
  border-style: none;
  border-width: 0px;
}
.next-month { float: right; }
.home, .contact, .archive, .links {
  height: 40px;
}
.last-month, .next-month {
  height: 33px;
}
.home {
  width: 125px;
  background-image: url("images/Home.png"); 
}
.home:hover {
  background-image: url("images/HomeHover.png"); 
}
.archive {
  width: 157px;
  background-image: url("images/Archive.png"); 
}
.archive:hover {
  background-image: url("images/ArchiveHover.png"); 
}
.contact {
  width: 205px;
  background-image: url("images/ContactUs.png"); 
}
.contact:hover {
  background-image: url("images/ContactUsHover.png"); 
}
.links {
  width: 88px;
  background-image: url("images/Links.png"); 
}
.links:hover {
  background-image: url("images/LinksHover.png"); 
}
.main .enter {
  width: 334px;
  height: 57px;
  background-image: url("../images/ClickToEnter.png"); 
}
.main .enter:hover {
  background-image: url("../images/ClickToEnterHover.png"); 
}
.next-month {
  width: 153px;
  background-image: url("Archive/images/NextMonth.png"); 
}
.next-month:hover {
  background-image: url("Archive/images/NextMonthHover.png"); 
}
.last-month {
  width: 149px;
  background-image: url("Archive/images/LastMonth.png"); 
}
.last-month:hover {
  background-image: url("Archive/images/LastMonthHover.png"); 
}

/* This is for the table used to format the links to Archive pages. */
.archive-table {
  margin-left: auto;
  margin-right: auto;
}
.archive-table ul {
  list-style-type: none;
}

/* Font families */
h1, h2, 
.main,
.cap { font-family: sans-serif; }
/*
.main {
  font-family: "URW Bookman L";
  font-family: "Nimbus Roman No 9 L"; 
  font-family: serif; 
}
*/