body {
  background: #999966;
/*  color: black; */
/*  color: #333300; */
  color: #313500;
  margin: 0 0 1em 0;
/*  padding: 35px 0 0 0; */
  background-attachment: fixed;
  background-image: url("./images/owl_sm.jpg");
  background-repeat: no-repeat;
  font-family: Verdana, sans-serif;
  height: 100%;
  overflow-y: auto;
  }

div.menu {
  position: fixed;
  top: 155px;
  left: 0px;
  width: 145px;
  overflow: hidden;
  max-height: 100%;
  padding: 1em 0 4em 0;
  max-width: 20%;
  }

div.menu img {
  padding: 0;
  }

div.menu a {
  display: block;
  width: 100px;
  height: 20px;
  margin: 3px 22px 3px 22px;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  font-weight: bold;
  font-size: smaller;
  color: black;
  border: 2px solid #999966;
  }

div.menu a.here {
  color: #F8F8F0;
  border-left: 1px solid #333300;
  border-right: 1px solid #333300;
  padding-left: 1px;
  }

div.menu a.here:hover {
  color: #F8F8F0;
  padding-left: 0px;
  }

div.menu a.flag {
  color: #FFFF00;
  }

div.menu a.flag:hover {
  color: #F8F8F0;
  }

div.menu a:hover {
  text-decoration: none;
  background: #999968;
  color: #333300;
  border: 2px solid #77774c;
  }

div.menu a span {
  display: none;
  }

div.menu a:hover span {
  display: block;
  position: absolute;
  top: 250px; 
  left: 0; 
  width: 125px;
  padding: 5px; 
  margin: 6px;
  z-index: 0;
  background: #999966;
  color: black; 
  font-size: 10px; 
  line-height: 1.3em;
  font-weight: normal;
  text-align: center;
  }



div.main {
/*  position: absolute;
  left: 155px; */
  margin: 1em 0 1em 165px;
  padding: 0 0 2em 0;
  width: 570px;
  }

div.head {
  width: 560px;
  margin: 28px 0 2.6em 8px;
  padding: 0;
  border: 5px solid #77774c;
  overflow: visible;
  }

div.list {
  width: 561px;
  font-family: verdana, san-serif;
  font-size: small;
  }

div.box {
  background: #F8F8F0;
  padding: 4px;
  margin-left: 1.5em;
  border: 2px solid #77774c;
  width: 50%;
  min-width: 15em;
  min-height: 1.2em;
  }

form {
  background: #B9B986;
  padding: 0em 1em;
  margin: .5em 1.5em;
  border: 2px solid #77774c;
  min-width: 15em;
  min-height: 1.2em;
  }

.textentry {
  min-width: 200px;
  width: 60%;
  max-width: 600px;
  }

textarea {
  width: 80%;
  height: 10em;
  }


div.gallery {
  margin: 0 0 0 25px;
  width: 570px;
  }

h1,h2,h3,h4,h5 {
  display: block;
  color: #000;
  margin: 2px;
  padding: 0 .3em;
  font-variant: small-caps;
  font-weight: lighter;
  text-align: center;
  border: 2px solid #77774c;
  }

h1 {
  font-size: 3.2em;
  }

h2 {
  font-size: 3em;
  }

h3 {
  font-size: 2.5em;
  }

h4 {
  font-size: 2.0em;
  }

h5 {
  font-size: 1.5em;
  }

img.full {
  padding: .3em; 
  border: 3px solid black;
  }

img.cover {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  border: 4px;
  border-style: outset;
  }

img.thumbs {
  padding: 3px 3px 3px 3px;
  border: 10px solid #F8F8F0;
  }

img.leading {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
  }

span.buy {
  text-decoration: none;
  font-weight: bold;
  color: FireBrick;
  font-size: 2.0em;
  float: right;
  font-style: italic;
  }

span.news {
  font-weight: normal;
  color: #0000ff;
  font-size: 1.2em;
  }

span.news {
  font-weight: normal;
  color: #0000ff;
  font-size: 1.2em;
  }

span.cap {
  font-size: 50px; 
  color: #0000ff;
  font-weight: bold;
  float:left;
  height: 40px; 
  line-height: 40px;
  overflow: hidden;
  margin: 0px;
  margin-right: 1px;
  padding: 0;
  }

p.credit {
  font-size: .7em;
  text-align: right;
  font-style: italic;
  margin: 0 0 0 -30px;
  }

p {
  width: 570px;
  font-size: smaller;
  }

p.just {
  text-align: justify;
  }

p.quote {
  text-align: center;
  font-size: normal;
  font-weight: bold;
  font-style: italic;
  }

hr {
  width: 370px;
  }

hr.drop {
  clear: left;
  visibility: hidden;
  }

a {
  color: #333300;
  }

a.hide {
  display: none;
  }

dt {
  font-weight: bold;
  font-size: smaller;
  }

dd {
  font-size: smaller;
  }

  #group4 {
display: block;
position: relative;
width: 570px;
height: 380px;
margin: 0;
padding: 0; }

#group4 li {
visibility: hidden;
list-style-type: none;
position: absolute;
background: url(25w.png);
border: 1px solid black;
font-family: sans-serif;
font-size: smaller;
color: #000;
padding: 0;
line-height: 1.3em;
overflow: hidden; }

#group4 span {
visibility: hidden;
display: block;
width: 100%;
padding: 3px;
font-size: smaller;
background: url(65w.png);
position: absolute; bottom: 0; }

#group4 a { text-decoration: none; color: #000; }

#group4:hover li { visibility: visible; }

#group4 li:hover { background: transparent; border-color: #fff; }

#group4 li:hover span {visibility: visible;}

#merle4 { left: 15px; top: 35px; width: 60px; height: 260px;}

#catherine4 { left: 75px; top: 115px; width: 75px; height: 260px;}

#alice4 { left: 150px; top: 75px; width: 60px; height: 270px;}

#ehler4 { left: 210px; top: 80px; width: 45px; height: 280px;}

#roger4 { left: 255px; top: 85px; width: 50px; height: 165px;}

#mike4 { left: 305px; top: 80px; width: 65px; height: 285px;}

#jon4 { left: 370px; top: 65px; width: 65px; height: 200px;}

#jason4 { left: 435px; top: 75px; width: 70px; height: 200px; }

#marty4 { left: 505px; top: 85px; width: 80px; height: 200px;}