@import "/mystyles.css";

td.slide {text-align: center; height: 100px}
.thumbtable {table-layout: fixed}
.thumbtable td {width: 120px}

.fname {font-size: 8pt; text-align: center; vertical-align: top}
img.thumb {border-style: inset; border-width: 2px; border-color: silver}
.imagetitle {font-size: 14pt; font-weight: bold; text-align: center}
.image {text-align: center}
.filename {color: #a0a0a0; font-style: italic}
.main_image {border-style: solid; border-color: black; border-width: 1px}
a:hover img.main_image {border-color: blue}
.caption {font-size: 8pt; font-style: italic; text-align: center}
.small p {font-size: 8pt}
.footnote {font-size: 8pt; margin-top: 40px; clear: both}
.secondary .indent {margin: 0px 0px 0px 14px} /* Here is the good place to change the indenting */
.dirlist {white-space: nowrap; padding: 3px}
.dir img, .opendir img {border-style: none; margin: 1px; vertical-align: middle}
.opendir {font-weight: bold}
#logo img {border: none; position: relative; left: -5px; margin-bottom: 10px}
h1 {font-size: 18pt; margin: 0px 15px 15px 15px; border-bottom-style: solid; border-color: #8040a0; border-width: 2px; text-align: right}
h1 img {float: left}
.info_file {margin: 5px 20px}
#nextimage {float: right}
#previmage {float: left}
#nextimage img, #previmage img {border: none; vertical-align: middle; position: relative; bottom: 2px}
#nextimage img {margin-left: 5px}
#previmage img {margin-right: 5px}