body {
  color: #ffffd1;
  background-color: black; 
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
}

div.album_index_shell {
margin-left: 20px;
width: 500px;
clear: both;
}


div.album_index_nav_buttons {
 float: left; 
 width: 60px;
 height: 150px;
}

div.album_index_nav_buttons a { 
color: #ffffd1; 
text-decoration: none;
}



div.thumbnail {
 float: left;
 margin: 10px;
 height: 200px;
 width: 200px;
}

img.thumbnail {
border: 3px solid #ffffd1;
}

h3.album_index_title {
font-size: 1em;
font-weight: normal;
text-decoration: none;
text-align: right;
}

div.spacer { /* needed to clean the flow before and after floating thumbnails */
  clear: both;
}



div.footer_shell {
 width:100%;
 background-color: #8B7D6B; /* bisque4 */
 overflow: visible;
}


div.footer {
  width: 800px;
  padding-top: 2em;
  padding-bottom: 6em;
  padding-left: 2em;
  font-size: 1em;
  color: #203643;
  font-style: normal;
  overflow: visible;
}


div.footer_col1 {
 padding:1em;
 float:left;
 width: 12em;
 overflow: visible;
 border-top: 1px dashed #ffffd1;
 border-bottom: 1px dashed #ffffd1;

}

div.footer_col2 {
 font-size: 1em;
 padding:1em;
 margin-left: 2em;
 float:left;
 width: 12em;
 overflow: visible;
}


div.footer_col3 {
 padding:1em;
 margin-left: 2em;
 float:left;
 width: 12em;
 overflow: visible;
 border-top: 1px dashed #ffffd1;
 border-bottom: 1px dashed #ffffd1;
}

div.footer a.footer_special_link {
  color: #ffffd1;
  text-decoration: underline;

}

div.footer a {
  color: #203643;
  text-decoration: underline;
}