body {
  font-size: small;
  text-align: justify;
  background: #bbccaa;
}
html, body, h2, h3, h4, div, p, ul, li {
  font-family: "Gill Sans", "Trebuchet MS", "Gill Sans MT", sans-serif;
}
#container {
  width: 700px;
  margin: auto;
  padding: 5px;
}
#searchlightcontainer {
  width: 800px;
  margin: auto;
  padding: 5px;
}
.searchlightheader {
  text-align: center;
}
.header {
  text-align: center;
}
.header h1 {
  margin-top: 3em;
  margin-bottom: 2em;
}
#headimg {
  background-image: url('images/head.png');
  background-position: top center;
  background-repeat: no-repeat;
  height: 272px;
}
#maincontent {
  width: 530px;
  border-right: 1px dotted;
  padding-right: 2em;
  margin: 0px;
}
#menu {
  float: right;
  width: 150px;
  padding: 0px;
}
#menu p {
  text-align: right;
  margin: 0px;
}
.nav {
  padding: 0px;
  margin: auto;
  text-align: center;
  margin-bottom: 1em;
  margin-top:    1em;
  clear: both;
}
.navitem {
  margin-left: 1em;
  margin-right: 1em;
}
a {
  color: #000000;
}
a:hover {
  text-decoration: underline;
}
.booktitle {
  font-style: italic;
}
.landscapethumb {
  background-image: url('images/landscape-shadow.png');
  background-position: top left;
  background-repeat: no-repeat;
  width: 263px;
  height: 203px;
  padding: 0px;
  margin: auto;
  margin-top: 1em; 
}
.landscapethumb img {
  border-style: none;
}
.portraitthumb {
  background-image: url('images/portrait-shadow.png');
  background-position: top left;
  background-repeat: no-repeat;
  width: 203px;
  height: 263px;
  padding: 0px;
  margin: auto;
  margin-top: 1em; 
}
.portraitthumb img {
  border-style: none;
}
.squarethumb {
  background-image: url('images/square-shadow.png');
  background-position: top left;
  background-repeat: no-repeat;
  width: 91px;
  height: 91px;
  padding: 0px;
  margin: auto;
  margin-top: 1em; 
}
.squarethumb img {
  border-style: none;
}
.samples {
  margin: auto;
  text-align: center;
}
#maincontent table {
  margin: auto;
}
.samples td {
  margin: auto;
  text-align: left;
}