/* Version 1.5.0; copyright 2005-2007 Belle Philibosian and Adam Azarchs. */

/* These attributes may be changed by the user to modify the colors, fonts, and
   layout of the album display.  In general the attributes for each element are
   listed beginning with those that will have only minor effects if changed, and
   progressing to the more important components, i.e. colors->fonts->layout.  A
   CSS tutorial, such as the one found at http://www.w3schools.com/css/default.asp,
   can assist the user in making modifications.  Beginners should only modify font 
   and color attributes. */

html.divs { height: 100%; overflow-y: hidden;} /* Formats display page for divs */

html.normal { overflow-y: auto; } /* Normal page */

body.display { /* Attributes for display pages */
	background-color: black; color: white; font-size: 14pt; font-family: Garamond, serif; 
	text-align: center; margin: 0 0 0 0; height: 100%; }

body.print { /* Attributes for printable pages */
	background-color: white; color: black; font-size: 14pt; font-family: Garamond, serif; 
	text-align: center; margin: 0; }

div.navbar { /* Attributes for left-hand list of titles */
	background-color: black; color: white; font-size: 14pt; font-family: Garamond, serif; 
	text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 15%; 
	height: 100%; overflow-y: auto; overflow-x: hidden; float: left; }

div.display { /* Attributes for main display panel */
	background-color: black; color: white; font-size: 14pt; font-family: Garamond, serif; 
	text-align: center; margin: 0 auto 0 auto; padding: 0 0 0 10px; width: 84%; 
	height: 100%; overflow-y: auto; float: left; }

table.display { /* Main display table */
	font-size: 14pt; 
	text-align: center; margin-left: auto; margin-right: auto; }

td.topnav { width: 20%; }

td.caption { text-align: left; vertical-align: top; width: 65%; }

td.footer { font-style: italic; text-align: right; vertical-align: top; width: 32%; }

td.spacer { width: 3%; }

table.index { /* Index page table */
	font-size: 14pt; text-align: center; }

td.index { width: 15%; }

p { margin-bottom: 0; margin-top: 0; }

ul {padding-left: 0; margin-left: 0; }

li {list-style-type: none; margin-bottom: 1em; }

h2.index { /* Index page title */
	font-size: 20pt; font-weight: bold; 
	text-align: center; margin-bottom: 0; }

h2.display { /* Display page title */
	font-size: 20pt; font-weight: bold; text-align: center; }

a:link { color: blue; text-decoration: underline; } /* Link */

a:visited { color: #cc0000; text-decoration: underline; } /* Visited link */

a img { border: none; -ms-interpolation-mode: bicubic; } /* Image display attributes */

img.ThumbsFromImages { height: 72px; }  /* Resizes images to make thumbs */

img.Thumbs { } /* Does not resize; assumes thumbs are the right size. */