body {
   background-image: url("images/backgroundFade.jpg");
   background-repeat:  no-repeat;
   background-color: #948a7b;
   font-family: sans-serif;
}

div#contents {
   background-image: url("images/bevel.jpg");
   background-repeat:  no-repeat;
   position: absolute;
   top: 140px;
   left: 200px;
   width: 686px;
   height: 463px;
}

div.pic {
   border: solid 2px #736e56;
   padding: 4px 4px 4px 4px;
   background: #dcd39f;
}

#frame0 {
   position: absolute;
   left: 50px;
   top: 30px;
}

#frame1 {
   position: absolute;
   left: 500px;
   top: 30px;
}

#frame2 {
   position: absolute;
   left: 500px;
   top: 140px;
}

#frame3 {
   position: absolute;
   left: 500px;
   top: 250px;
}

#photos {
   width: 686px;
   height: 363px;
}


img.thumbnail {
   width: 133px;
   height: 90px;
}

.thumb {
   border: none;
}
.thumb img {
   border: none;
}

div.caption {
   font-size: 8pt;
   text-align: center;
   font-weight: bold;
   font-weight: bold;
   color: #736e56;
}

div.explanation {
   font-size: 8pt;
   text-align: center;
   display: none;
   color: #736e56;
   color: #474433;
   width: 400px;
   display: none;
}

#maintext{
   padding-left: 50px;
   padding-right: 50px;
   color: #fff2b3;
   font-size: 10pt;
}

address {
  font-style: normal;
}

#leftcolumn {
    float: left;
    width: 420px;
    height: 5em;
    padding-right: 30px;
}

a {
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

a:hover {
   text-decoration: underline;
   color: #fff;
}

div#frame0 *.explanation{
   display: block;
}
div#frame0 *.caption{
   display: none;
}

#bjlink {
    position: absolute;
    top: 560px;
    left: 40px;
    font-size: 8pt;
    color: black;
}
#bjlink a{
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#bjlink a:hover {
    text-decoration: underline;
}