html {
  height: 100%;
  min-height: 100%; }

body {
  background-image: url("../images/background.png");
  background-repeat: repeat;
  height: 100%;
  min-height: 100%;
  font-family: Verdana;
  font-size: 10pt; }

.nav {
  z-index: 4;
  width: 200px;
  margin-left: -8px;
  position: absolute;
  margin-top: -8px; }
  .nav img {
    border: none; }

.links {
  text-align: right;
  color: #878787;
  font-size: 8pt;
  width: 210px;
  padding-left: 15px; }
  .links ul {
    padding: 4px;
    margin: 4px;
    right: 0; }
  .links img {
    margin-bottom: 10px; }
  .links a {
    text-decoration: none;
    color: #c9202f; }

.side-bar-about {
  text-align: right;
  text-justify: newspaper; }

.content {
  z-index: 3;
  border-right: .2em #c9202f solid;
  border-left: .2em #c9202f solid;
  height: 100%;
  min-height: 100%;
  margin-left: 222px;
  width: 700px;
  position: absolute;
  top: 0px;
  padding-top: 155px;
  padding-left: 12px; }

.thumbnails {
  padding-top: 5px;
  padding-bottom: 30px; }
  .thumbnails img {
    border: .2em #c9202f solid; }

.about {
  font-size: 8pt;
  color: #878787;
  margin: 20px 20px 20px; }
  .about img {
    float: left;
    border: .2em #c9202f solid;
    margin: 10px 10px 5px -20px; }

.hidden {
  visibility: hidden; }