body {
  background:#885E43;
}
#header {
  background:url(headerpictures.jpg) no-repeat #666 top left;
}
#header h1 {
  background:url(h1pictures.gif) no-repeat top left;
}
#header h2 {
  background:url(h2pictures.gif) no-repeat top left;
}
#belowheader {
  background:url(belowpictures.gif) repeat-y #FFF;
}
#mainnavigation {
  background:#885E43;
}
#mainnavigation ul li a {
  color:#DED8D3;
}
#mainnavigation ul li a.currentarea {
  color:#885E43;
}
#mainnavigation ul li a.currentarea:hover {
  background:#DED8D3;
  color:#885E43;
}
#subnavigation {
  background:#DED8D3;
}
#subnavigation a.currentpage {
  color:#8E1F16;
}
#content h3 {
  border-bottom:solid 1px #8E1F16;
  color:#8E1F16;
}
#footer {
  background:url(footerpictures.gif) repeat-y #333;
}
.medley {
  width:182px; height:296px;
  margin:8px;
  float:right;
}
.leftpicture {
  width:230px;
  margin:3px 0 0 0; padding:0;
  float:left;
  display:inline;
  text-align:center;
}
.rightpicture {
  width:230px;
  margin:3px 0 0 0; padding:0;
  float:right;
  display:inline;
  text-align:center;
}
.leftpicture p, .rightpicture p {
  font:bold 1em verdana,helvetica,sans-serif;
  color:#999;
}
.leftpicture img, .rightpicture img {
  border:solid 1px #333;
}
.leftpicture a:link, .leftpicture a:visited, .leftpicture a:hover, .rightpicture a:link, .rightpicture a:visited, .rightpicture a:hover {
  border:none;
}
.image150x200, .image133x200, .image200x150, .image200x133 {
  width:230px; height:230px;
  background:url(imgbgshade.gif) no-repeat;
}
.image150x200 img {
  width:150px; height:200px;
  margin:15px 40px 15px 40px;
}
.image200x150 img {
  width:200px; height:150px;
  margin:40px 15px 40px 15px;
}
.image133x200 img {
  width:133px; height:200px;
  margin:15px 48px 15px 49px;
}
.image200x133 img {
  width:200px; height:133px;
  margin:48px 15px 49px 15px;
}