/* Main Selectors */
body {
   background-color: #FFFFFF;
   color: black;
   font-size: medium; 
   font-weight: normal;
}

A:link    { color: black;   } /* unvisited links */
A:visited { color: black;   } /* visited links   */
A:hover   { color: red;     } /* user hovers     */
A:active  { color: #00c0c0; } /* active links    */

H6 { font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif; font-size: 70%; font-weight: normal; text-align: center; }
.footertext    { font-weight: normal; font-style: normal; font-size: 80%;  font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif; text-align: center; }

/* Header */
div#header h1 {
   font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif;
   font-size: 150%;
   text-align: center;
   background-color: transparent;
   color: #000000;
}

/* Thumbnail Index */
div#index {
   text-align: center;
}

div#index table {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

div#index td.thumbcell {
   width: 100px;
   border-style: solid;
   border-color: #BFBFBF;
   border-width: 0px;
   text-align: center;
   vertical-align: middle;
   padding: 10px;
}

div#index td.thumbcell img {
   border-style: none;
}

div#index div.pages {
   font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif;
   font-size: medium; 
   font-weight: normal;
   text-align: right;
}

/* Photo Navigation */
div#navigation {
   text-align: center;
   font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif;
   font-size: 0.8em;
}

div#navigation table {
   text-align: center;
   margin: 0 auto 1em auto;
}

div#navigation td.previous {
   text-align: left;
   width: 100px;
}

div#navigation td.index {
   text-align: center;
}

div#navigation td.next {
   text-align: right;
   width: 100px;
}

div#navigation td.thumbcell {
   width: 100px;
   border-style: solid;
   border-color: #BFBFBF;
   border-width: 0px;
   text-align: center;
   vertical-align: middle;
   padding: 2px;
}

div#navigation td.thumbcell img {
   border-style: none;
}

div#navigation td.selected {
   border-style: outset;
   border-width: 1px;
   border-color: teal;
}

div#navigation span.home {
   display: block;
   padding-bottom: 1em;
}

/* Photograph */
div#photograph {
   text-align: center;
}

div#photograph img {
   margin-left: auto;
   margin-right: auto;
   border-style: solid;
   border-color: teal;
   border-width: 1px;
}

/* Photograph Title */
h1.title {
   text-align: center;
   font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif;
   font-size: 0.8em;
   font-weight: bold;
   margin: 0px;
}

/* Photograph Caption */
p.caption {
   font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif;
   text-align: center;
   font-size: 0.8em;
}

/* Footnote */
p.footnote {
   font-family: Calibri, Arial, helvetica, DejaVu Sans, sans-serif;
   font-size: 0.6em;
   text-align: right;
   padding: 0 2em 0 0;
}