@media screen, handheld {
    body{
      margin:5% 5%;
      background-color:#d0c0ff;
      color:#300040;
    }
  }

  @media screen {
    h1{
      width:95%;
      font-size:250%;
      text-align:center;
    }
  }

  @media handheld {
    h1{
      width:30em;
      font-size:250%;
      text-align:center;
    }
  }
img {
  background-color:#d0c0ff;
  color:#300040;
  padding:1em;
  border:none;
}
a img, a:link img, a:hover img {
  white-space:nowrap;
  background-color:#d0c0ff;
  color:#300040;
  padding:0 .5em;
  border:none;
}
h2 {
  font-size:250%;
  text-align:left;
}
ol {
  list-style-type: upper-roman;
  list-style-position: outside;
}
a {
  padding:0 .5em;
  white-space:nowrap;
}
a:link {
  color:#300040;
  background-color:#d0c0ff;
  white-space:nowrap;
}
a:visited {
  color:red;
  background-color:#d0c0ff;
}
a:hover {
  color:#d0c0ff;
  background-color:#300040;
}
a:active {
  color:#d0c0ff;
  background-color:red;
}
#nav_menu {
  text-align:center;
}
#nav_menu a {
  padding:0 2em;
  text-align:center;
  white-space:nowrap;
}
.header img {
  float:right;
}
.header h1 {
  float:left;
  width:65%;
}
.endheader {
  clear:both;
}
.thumbpages {
  clear:both;
  text-align:center;
  width:95%;
  margin:1em auto;
}
.menu {
  text-align:center;
}
.menu a {
  text-align:center;
  white-space:nowrap;
}
.foot {
  text-align:center;
}
.photo_nav {
  background-color:#a090e0;
  color:#300040;
  text-align:center;
  width:50%;
  margin:1em auto;
  border:5px outset purple;
}
.photo_nav a {
  background-color:#a090e0;
  color:#300040;
  padding:0 1em;
  text-align:center;
  white-space:nowrap;
}
.photopage {
  text-align:center;
}
.photopage a {
  padding:0 2em;
  text-align:center;
  white-space:nowrap;
}
.photomenu {
  text-align:center;
}
.note {
  font-size:80%;
  text-align:left;
  font-style:italic;
}
/*  */