body {
   background-color: #ffc;
   font-family: Veranda, Arial, Helvetica, sans-serif;
   text-align: center;
}

#body {
   margin: 0 auto;
   width: 700px;
   margin-top: 1em;
}

#text {
   text-align: left;
   margin: 0 auto;
}

#titles h1 {
   font-size:  165%;
   margin: 1.25em 0em .1em 0em;
}

#titles h2 {
   font-size: 115%;
   font-weight: 400;
   color: #333;
   margin: .1em 0em 0em 0em;
}

#titles a {
   color: #900;
   text-decoration: underline;
}
#titles a:hover {
   color: #f00;
   text-decoration: underline;
}

#directions {
   background-color: #666;
   border: 1px solid black;
   padding: .25em 0 .25em 0;
   margin-top: 0;
   color: white;
   font-size:  90%;
   /*line-height: 2em;*/
   text-align: center;
}

#thumbnails {
   background-color: #fff;
   border: 1px solid black;
   padding: 10px;
   text-align: center;
   /*overflow: scroll;*/
}

#thumbnails form {
   margin: 0;
   padding: 0;
}

#thumbnails img {
   margin: 2px;
}

#image1 {
   text-align: center;
   vertical-align: middle;
   margin-top: 5px;
   margin-bottom: 10px;
}

#image1 p {
   font-size: 75%;
   margin-top: .67em;
}

#sshow a {
   font-size: 150%;
   background-color: #dcc;
   padding: 0px 5px 0px 5px;
   margin: 0px;
   border: 4px outset #999;
   text-decoration: none;
   color: #600;
   cursor: default;
}

#sshow img {
   border: 8px outset #999;
}

#sshow a:hover {
   background-color: #fcc;
   color: #600;
   text-decoration: none;
}

#frameNumber {
   font-size: 65%;
   margin-bottom: 0.5em;
}

#frameCaption {
   font-size: 75%;
   margin-top: 1em;
}

/* footer properties */

#footer {
   clear: both;
   margin-top: 4px;
   border-top: 2px solid #c33;
   border-bottom: 2px solid #c33;
   font-size: 65%;
   line-height: 2em;
   text-align: center;
}
#footer p {
   margin: 0.25em;
}

#bottomLinks {
   clear: both;
   text-align: center;
   font-size: 75%;
   margin-top: 2.5em;
}

#bottomLinks a {
   color: #900;
   text-decoration: none;
}
#bottomLinks a:hover {
   color: #c00;
   text-decoration: underline;
}