body {
  font-size   : 10pt;
  font-family : "Trebuchet MS", "Helvetica", sans-serif;
  color       : black;
  background  : #f0f0f0;
}

td { vertical-align: top; }

.clsPhotoArea {
        height: 230px;
        width : 230px;
        background-color: white;
        margin: 10px;
        padding: 10px;
        float : left;
        display: inline; 
}
.clsPhotoArea img {
        float : left;
        margin-right : 15px;
        margin-bottom: 5px;
}
.clsPhotoArea h2 {
        font-size: 16pt;
        display: block;
        xbackground-color: #f6f6f6;
        padding: 2px;
}
.clsPhotoArea h2 a {
        color: black;
        text-decoration: none;
}
.clsPhotoArea h2 a:hover {
        text-decoration: underline;
}
.clsPhotoArea p {
}

/* for individual photo pages ... */

h1 {
  color        : #d3d3d3;
  font-size    : 24pt;
  padding-left : 30px;
  padding-right: 30px;
}
h1 a {
  color          : #d3d3d3;
  text-decoration: none;
}
h1 a:hover {
  color          : #666666;
  text-decoration: underline;
}

.clsImageItem {
  padding     : 10px;
  padding-left: 30px;
}
.clsImageItem div {
  height      : 390px;
  background  : white;
  border      : 1px dashed #f3f3f3;
}
.clsImageItem div img {
  border      : 30px solid white;
}

.clsImageItem p {
  white-space  : nowrap;
  font-size    : 10pt;
  font-family  : "Trebuchet MS", "Helvetica", sans-serif;
  color        : #666666;
  padding-left : 30px;
  padding-right: 30px;
}
.clsImageItem p.clsNav {
  font-size     : 20pt;
  font-weight   : bold;
  color         : white;
  background    : #d3d3d3;
  padding-bottom: 4px;
}
.clsPort p.clsNav {
  width       : 280px;
}
.clsLandscp p.clsNav {
  width       : 380px;
}
.clsImageItem p.clsNav a {
  color: white;
  text-decoration: none;
}
.clsImageItem p.clsNav a:hover {
  color: #666666;
  text-decoration: underline;
}
.clsPrev, .clsNext
{
  width : 30px;
  height: 30px;
  background-color: #666666;
}
.clsImageItem p.clsPrev {
  text-align  : left;
  float       : left;
  border-left : 20px solid #c0c0c0;
}
.clsImageItem p.clsNext {
  text-align  : right;
  float       : right;
  border-right: 20px solid #c0c0c0;
}