body {
   background: #F0F0F0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
}
h1 { color: #0000A0 }
h1 { font-size: x-large }
p { font-size: small }

a:link { color: #0000A0 }
a:visited { color: #800080 }
a:hover { color: #A000A0 }

/* image page navigation */
p.nav a { font-size: small; text-decoration: none; margin: auto 0.2em }
p.nav a.head { color: black; font-weight: bold }
p.nav a:hover { text-decoration: underline }
p.nav a.arrow:hover { color: #A000A0; }

p.nav .sep { color: gray }

.dummy { margin: auto 2.8em }

.pages, .albums { margin: auto 0.25em }

p.desc, p.info, p.nav-a { margin: 1em auto }
p.narrow { width: 500px; margin: 1em auto }

.date, .head { font-family: Arial, Helvetica, sans-serif }
.date, .self-p { font-weight: bold }

.album .date, .album .page-title { font-size: medium }

.index, .image { margin: 1.2em auto }
.image { margin-bottom: 1.5em }

table { text-align: center; margin: auto; }

img { border: solid 1px gray; margin: 1px 2px }

.credits { font-size: larger; font-style: italic }

/* index page navigation */
p.nav-p { margin: 1.8em auto 2em }
.self-p, a.other-p, p.nav-p a.arrow {
   margin: auto 0.4em;
   padding: 0.4em 0.8em;
   border: 1px solid silver;
}
p.nav-p a { text-decoration: none }
a.other-p, p.nav-p a.arrow { background: white }
.self-p, p.nav-p a:hover.other-p, p.nav-p a:hover.arrow { background: #CFC }