body {
  min-height: 400px;
  margin: 0px;
  color: #036;
  background-color: #cfc;
  font-family: times, Times New Roman, serif;
  text-align: justify;
}

hr.menu {
  height: 5px;
  margin-bottom: 20px;
  background-color: #888;
  border: none;
}

#bannerleft {
  float: left;
  height: 138px;
  width: 230px;
  margin: 0px;
  background-image: url('banner-left-sm.jpg');
}

#banner {
  margin: 0px;
  padding: 0px;
  height: 135px;
  text-align: center;
}

#bannertop {
  top: 0px; 
  height: 22px;
  padding-top: 2px;
  background-image: url('banner-strip.jpg');
  text-align: center;
}

#bannertext {
  height: 90px;
  background-image: url('banner-photos.jpg'); 
  color: #ff0; 
  font-family: Verdana, Arial, 'Sans Serif'; font-size: 20px; 
  font-weight: bold; letter-spacing: 3px;   font-family: verdana, arial, times;
  font-size: 30px; font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 300%;
}

#bannerbottom {
  height: 22px;
  padding-top: 2px;
  background-image: url('banner-strip.jpg');
  text-align: center;
}

#left {
  position: relative;
  width: 170px;
  min-height: 390px; /* body min-height - 2 * this padding */
  margin: 0px;
  border-left: 50px solid #205000;
  padding: 5px;
  padding-top: 10px;
  background-image: url('upperleft.gif');
  background-repeat: no-repeat;
  background-position: top left;
}


#right { 
  position: relative;
  width: 170px;
  min-height: 390px; /* body min-height - 2 * this padding */
  margin: 0px;
  border-right: 50px solid #205000;
  padding: 5px;
  padding-top: 10px;
  background-image: url('upperright.gif');
  background-repeat: no-repeat;
  background-position: top right;
}

#bottom {
  clear: both; 
  padding: 5px;
  padding-left: 55px;
  color: yellow;
  background-color: #555; 
}