body {
  background-color: #F0F0F0;
  color: black;
  font-family: sans-serif;
  font-size: 0.9em;
  margin: 1em;
}


/* Styles for the Thumbnails pages */

h1 {
  color: #700000;
  background-color: inherit;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 250%;
  text-align: left;
  margin-bottom: 0.5em;
}

div.thumbs_nav {
  color: black;
  background-color: inherit;
  text-align: right;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 1em;
}

div.thumbs_nav a {
  color: blue;
  background-color: inherit;
  text-decoration: none;
}

div.thumbs_nav a:hover {
  text-decoration: underline;
}


table {
  text-align: center;
  font-size: 100%;
}

td {
  width: 20%;
}

tr.images td {
  vertical-align: bottom;
  padding-top: 1em;
}

tr.captions td {
  vertical-align: top;
}

tr.separator {
  height: 1em;
}

div.InlineNote {
  background-color: #DDDDDD;
  color: black;
  border: solid #A0A0A0 1px;
  font-size: 120%;
  text-align: left;
  padding: 0.25em 1em;
  margin: 0em 1em;
}


td img {
  background-color: white;
  color: inherit;

  border: 1px solid #888;
  padding: 3px;
}

td a:hover img {
  border: 2px solid #00c;
  padding: 2px;
}

td a:hover {  /* IE hack */
  border-width: 0;
}


table.AlbumLink {
  text-align: left;
  margin-left: 1em;
}

table.AlbumLink td {
  vertical-align: middle;
  text-align: left;
}

table.AlbumLink td.AlbumLinkImage {
  width: 0%;
}


td.AlbumLinkImage img {
  border: 2px solid #888;
  padding: 10px;
}

td.AlbumLinkImage a:hover img {
  border: 3px solid #00c;
  padding: 9px;
}

td.AlbumLinkImage a:hover {  /* IE hack */
  border-width: 0;
}


table.AlbumLink td.AlbumLinkText {
  width: 100%;
  padding-left: 0.5em;
}

table.AlbumLink td.AlbumLinkText a {
  text-decoration: none;
}

table.AlbumLink h3 {
  color: #0000FF;
  background-color: inherit;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 150%;
  margin-bottom: 0.5em;
}


p.App {
  line-height: 200%;
  text-align: center;
  margin-top: 3em;
}


/* Styles for the Single Image pages */

body.details {
  margin-top: 0.25em;
}

div.image_nav {
  color: black;
  background-color: inherit;
  text-align: right;
  font-size: 110%;  /* needs to match the arrow icons */
  font-weight: bold;
  margin-bottom: 0.25em;
}

div.image_nav a {
  color: blue;
  background-color: inherit;
  text-decoration: none;
}

div.image_nav a:hover {
  text-decoration: underline;
}

div.image_nav img {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}

div.image_nav img.arrow_up {
  vertical-align: middle;
  margin-right: 2px;
}

div.image_nav img.arrow_left {
  margin-right: 2px;
}

div.image_nav img.arrow_right {
  margin-left: 3px;
}

body.details div.description {
  font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
  font-size: 180%;
  text-align: center;
  margin: 0 1em;
}

body.details div.image {
  text-align: center;
  margin-top: 0.5em;
}

body.details div.image img {
  background-color: white;
  color: inherit;
  border: 2px solid #888;
  padding: 3px;
  /* Amazing Fact #17: IE6 has a bug; if the padding is >3 pixels then
	 it displays white lines on the image if the image download is slow. */
}

body.details div.date {
  font-size: 110%;
  text-align: center;
  margin: 1em 1em;
}

body.details div.notes {
  background-color: #D3D3D3;
  color: inherit;
  border: solid #A0A0A0 1px;
  font-size: 120%;
  text-align: left;
  margin: 2em 1em 1em 1em;
  padding: 0.8em;
}

div.sectionHeader {
  color: #007D48;
  background-color: inherit;
  font-family: Arial, sans-serif;
  font-size: 140%;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.5em;
}