body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E5EBDF;
  background-image:url('../images/wheat(full_lighter).jpg');
  color: #000000;
  text-align: center;
}

H1 {
  color: #000000;
}

H3 {
  color: #000000;  
}

HR {
  width: 780px;
}

a:link  { color: #000000; font-weight: bold; }
a:visited  { color: #000000; }
a:hover { color: white; font-weight: bold; background-color: #000000 }
a:active  { color: white; background-color: #000000; font-weight: bold; }


BLOCKQUOTE {
  clear: both;
  align: center;
  text-align: center;
  padding-top: 10px;
  font-size: .9em;
}

#page-container {
  margin-left: auto; 
  margin-right: auto;
  margin: 0px auto;
  width: 800px;
  text-align: left;
  /* border-left-style:outset;border-background-color:black;border-bottom-width:medium;
  border-right-style:outset;border-background-color:black;border-bottom-width:medium; */
  border-style:solid;border-background-color:black;border-bottom-width:medium;

}

.SiteHeader {
  clear: both;
  align: center;
  text-align: center;
  font-family: Arial;
  background-color: #FFC962;
  color: black;
  font-size: 30px;
  font-weight: bold;
  width: 797px;
  padding-top: 2px;
  padding-bottom: 2px;  
  padding-left: 2px;
}

.SiteSubHeader {
  align: center;
  text-align: center;
  background-color: #E5EBDF;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  width: 797px;
  padding-left: 2px;
    
}

.TopMemoComent {
  clear: both;
  align: center;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1em;
}

.HorizontalHeaderMenu {
  text-align: center;
  font-size: 13;
  padding-top: 20px;
  padding-bottom: 5px;
  color: #000000;
}

.thumbnailMessage {
  color: #000000;
  font-size: x-small;
  text-align: center;
  padding-top: 20px;  
}

.CopyrightMessage {
  color: #000000;
  font-size: x-small;
  text-align: center;
  padding-top: 20px;  
}

.ProgCopyRight {
  font-size: x-small; 
  font-family: Arial; 
  text-align: center; 
  color: #FFF; 
  background-color: #000000;
}

.MyImage {
  width: 800px;
}

#albumlist {
  list-style-type: none;
  /* used this to centre the photo list - else it went too far to the right of everything else on page */
  /* margin-left: -30px; */
  color: #000000;
}

#albumlist li {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
  font: bold .8em Arial, Helvetica, sans-serif;
  text-align: center;
}

#albumlist img {
  display: block;
  border: 1px solid #333300;
}

.BottomMemoComent {
  clear: both;
  align: center;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: .9em;
}

/*  working on the secure popup for displaying larger photos */
.popUp {
  position: absolute;
  top: 10px;
  left: 200px;
  /* width: 640px; */
  text-align: center;
  color: black;
  font-size: small;
  padding: 5px;
  border: 1px solid black;
  background: white;
}

.popUpImage {
  position: absolute;
  top: 10px;
  left: 200px;
  width: 640px;
  height: 480px; 
  text-align: center;
  color: black;
  font-size: small;
  padding: 5px;
  border: 1px solid black;
  background: yellow; 
  /* background-image: url('web/71W0886sm.jpg'); */
}

popUpImage a:visited  { color: black; }
popUpImage a:link  { color: black; font-weight: bold; }
popUpImage a:active  { color: black; background-color: blue; font-weight: bold; }
popUpImage a:hover { color: black; font-weight: bold; background-color: blue; }

a.external:link {color: #000000; font-size: 11pt; font-weight: bold; }
a.external:visited {color: #000000; font-weight: normal; }
a.external:hover {color: #000000; text-decoration: overline; background-color: #fff; font-weight: bold; }
a.external:active {color: red; }