/* Combined style sheet for the index pages and the slide pages. */

/* Style for all table cells. */
td {font-family: Comic Sans MS; text-align: center; }

/* Format header row */
table#head { width: 800px; border-top: 2pt ridge #652900; }
#head .number { font-size: 12pt; border-top: #652900 ridge 2px; }
#head .navigation { width: 20%; border-top: #652900 ridge 2px; }

/* Format header row on index pages*/
table#idxhead { width: 100%; border-top: 2pt ridge #652900; }
#idxhead .number { font-size: 12pt; border-top: #652900 ridge 2px; }
#idxhead .navigation { width: 20%; border-top: #652900 ridge 2px; }

/* Put a border on all generated images */
.image {border: 2pt ridge #652900; }

/* Set index table width to 800px of available space */
table#index { width: 100%; margin: 0px auto; border-top: 2pt ridge #652900; }

/* Align the content of the cells on the index pages to the center and middle and set font size. */
#index td { font: 10pt; text-align: center; vertical-align: middle; padding: 5; }

/* set the margin around the images on the index pages. */
#index .image { margin-left: 2; margin-right: 2; margin-bottom: 2; }

/* set page number & navigation formatting on index page */
#index .number { font-size: 12pt; border-top: #652900 ridge 2px; }
#index .navigation { width: 20%; border-top: #652900 ridge 2px; }

/* Don't have margins on the slide pages. */
body#slide { margin: 0; text-align: center; background-color: #E4D8BF; color: #000000; }

/* Highlight the image name and set header properties on the slide pages. */
#slide .number { width: 20%; font-size: 12pt; border-top: 0px; }
#slide .date { font-size: 12pt; }
#slide .name { font-size: 12pt; }
#slide .navigation { width: 20%; border-top: 0px; }
#slide .button { border: 0px none; }


/* Header */
h1 { font-size: 30pt; font-weight: bold; }

/* Custom link styles */
a:active { text-decoration: underline; color: Red; }
a:visited { text-decoration: underline; color: Maroon; }
a:hover { text-decoration: underline; color: Black; }
a:link { text-decoration: underline; color: Maroon; }

#imageinfo { visibility: hidden; }