body {
  margin: 0 0 1em 0;
  background-attachment: fixed;
  background-position: 0px 0px;
  background-color: #DDE1DD;
  border-width: 1px;
  border-color: #BBBBBB;
  font-family: Verdana, Helvetica, sans-serif; 
  color: #222222; height: 1em;
  height: 100%; /* note these lines force ie6 to fix the*/
  overflow-y: auto; /*position for the menu div - see also ie6_css*/
  }

div.extras {
  position: fixed;
  top: 378px;
  left: 26px;
  width: 100px;
  height: 118px;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
  }

div.logo {
  overflow: hidden;
  max-height: 100%;
  padding: 0px 0 0px 0;
  max-width: 100%;
  top: 0px;
  margin: 5px 0px 0px 130px;
  z-index: 1;
  border: none;
  height: 68px;
  }

div.gallerynav {
  position: fixed;
  overflow: hidden;
  width: 553px;
  max-height: 100%;
  padding: 15px 10px 15px 10px;
  max-width: 100%;
  top: 1px;
  margin: -1px 0px 0px 130px;
  z-index: 1;
  border: solid;
  border-color: #999F99;
  border-width: 0px 0px 3px 0px;
  background-color: #DDE1DD;
  font-size:x-small;
  }

div.rssnav {
  position: fixed;
  overflow: hidden;
  width: 708px;
  max-height: 100%;
  padding: 15px 10px 15px 10px;
  max-width: 100%;
  top: 1px;
  margin: -1px 0px 0px 130px;
  z-index: 1;
  border: solid;
  border-color: #999F99;
  border-width: 0px 0px 3px 0px;
  background-color: #DDE1DD;
  font-size:x-small;
  }

div.main {
  top: 0px;
  margin: 5px 0px 1em 131px;
  padding: 0px 35px 5px 35px;
  background-color: white;
  background-repeat: no-repeat;
  width: 508px;
  border: solid;
  border-color: #666F66 #AAAFAA #BBBFBB #AAAFAA;
  border-width: 1px 1px 1px 1px;
  color: #222222;
  }

div.maingallery {
  width: 530px;
  top: 0px;
  margin: 1px 0px 15px 130px;
  padding: 0px 5px 5px 32px;
  background-color: white;
  background-repeat: no-repeat;
  border: solid;
  border-color: #666F66 #AAAFAA #BBBFBB #AAAFAA;
  border-width: 3px 3px 3px 3px;
 }

div.mainrss {
  width: 685px;
  top: 0px;
  margin: 1px 0px 15px 130px;
  padding: 0px 5px 5px 32px;
  background-color: white;
  background-repeat: no-repeat;
  border: solid;
  border-color: #666F66 #AAAFAA #BBBFBB #AAAFAA;
  border-width: 3px 3px 3px 3px;
 }

div.rsswindow {
  width: 600px;
  overflow: auto;
  border: solid;
  border-color: #666F66 #AAAFAA #BBBFBB #AAAFAA;
  background-color: #DDE1DD;
  padding: 12px 20px 5px 30px;
  border-width: 1px;
  }

td {
  font-size: x-small;
  }

div.gallery {
  width: 450px;
  overflow: hidden;
  border: solid;
  border-color: #666F66 #AAAFAA #BBBFBB #AAAFAA;
  background-color: #DDE1DD;
  padding: 12px 20px 5px 30px;
  border-width: 1px;
  }




div.thumb {
  width: 110px;
  height: 140px;
  float: left;
  background-image: url("./images/thumbshadow.jpg");
  background-repeat: no-repeat;
  border: /*solid 1px*/;
  font-size: xx-small;
  }

div.thumbport {
  width: 100px;
  height: 140px;
  float: left;
  background-image: url("./images/thumbshadowport.jpg");
  background-repeat: no-repeat;
  border: /*solid 1px*/;
  font-size: xx-small;
  }

div.spacer {
  width: 12px;
  height: 140px;
  float: left;
  }

img.thumb {
    border: none;
    width: 90px;
    margin: 0 0 1em 0;
    }


img.thumbport {
    border: none;
    margin: 0 0 1em 0;
    }

p img {
  border: none;
  }

span.red {
  color: #FF0000;
  font-weight: bold;
  }

div.cornerpic {
  position: fixed;
  top: 45px;
  left: 8px;
  margin: 0px 0px 0px 0px;
  border: none;
  max-height: 100%;
  }

div.bar {
  display: block;
  width: 490px;
  color: #993366;
  background: #FFEEBB;
  border:none;
  height: 20px;
  text-align: center;
  font-size:smaller;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 0 2px 0;
  margin: 2em 0 2em 0;
  }

div.menu {
  position: fixed;
  top: 80px;
  left: 15px;
  width: 99px;
  overflow: hidden;
  max-height: 100%;
  padding: 1px 0 1px 0;
  max-width: 100%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  border: none;
  }

div.menu img {
  padding: 0;
  left: 0px;
  }

div.menu p {
  font-size: 0.7em;
  color: #660033;
  line-height: 1.3em;
  text-align: center;
  top: 400px;
  left: 10px;
  }

/*  comment: the home menu items*/
  div.menu a {
  display: block;
  color: #333399;
  width: 100px;
  height: 19px;
  margin: -1px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
  font-family: Helvetica, san-serif;
  font-weight: bold;
  border-style: solid; 
  border-color: #CCCCDD;
  border-width: 1px;
  background-image: url('./images/bluegrad.jpg');
  background-repeat: repeat-x;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  }

/*  the here menu */
  div.menu a.here {
  color: #993366;
  font-weight: bold;
  /*background: #FFAABB */
  background-image: url('./images/bluegrad.jpg');
  background-repeat: repeat-x;
  border-color: #EEEEGG;
  }

/*  the here hover */
  div.menu a.here:hover {
  color: #660033;
  background-color: #EEEEGG;
  font-weight: bold;
  background-image: url('./images/bluegradinv.jpg');
  background-repeat: repeat-x;
  padding-top: 1px;
  padding-bottom: 1px;
  }

/*  the menu hover */
  div.menu a:hover {
  color: #111166;
  font-weight: bold;
  text-decoration: none;
  /*background: #993366*/
  background-color: #EEEEGG;
  background-image: url('./images/bluegradinv.jpg');
  background-repeat: repeat-x;
  border-style: solid;
  border-color: #AAAADD #EEEEGG #666699 #EEEEGG; 
  border-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  }

div.menu a span {
  display: none;
  }

/*  the menu explanation field - taken out temporarily*/
  /* div.menu a:hover span {
  display: block;
  position: fixed;
  left: 100px;
  top: -1.6em;
  width: 100px;
  padding: 0px; 
  margin: 0px 0px 0px 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  z-index: 1;
  background: white;
  border-style: solid;
  border-color: #FF9999;
  border-width: 1px;
  font-family: Helvetica;
  font-size: 1em;
  color: black;
  text-shadow: none; 
  line-height: 1.3em;
  font-weight: normal;
  text-align: center;
  } */

div.right {
  position: fixed;
  top: 80px;
  left: 720px;
  font-size: smaller;
  }

div.list {
  margin: 1em 0 0 0px;
  padding: 0 0 0 0;
  border: none;
  font-size: smaller;
  color: #333333;
  width: 500px;
  }

div.image1 {
  top: 100px;
  float: right;
  margin: 1em 0 1em 0;
  }

h1,h2,h3,h4,h5 {
  display: block;
  margin: 2px;
  padding: 0 .3em;
  font-weight: lighter;
  text-align: center;
  border: none;
  }

h6, h7{
  display: block;
  font-family: Verdana, Helvetica, sans-serif;
  margin: 2px;
  padding: 0 .3em;
  font-weight: normal;
  text-align: center;
  border: none;
  }

h6{
  color: #996633;
  }

h7{
  color: black;
  }

h1 {
  font-size: 1.0em;
  color: #333399;
  font-weight: normal;
  font-variant: small-caps;
  text-align: center;
  }

h2 {
  font-size: .8em;
  color: #333399;
  font-variant: small-caps;
  }

img.floatRight {
  float: right;
  margin: .5em 0 .5em 1em;
  padding: .3em;
  }

img.floatLeft {
  float: left;
  margin: 3px;
  padding: 0 1em 1em 0;
  border: none;
  }

img.full {
  padding: .3em; 
  border: 1px solid #993333;
  }


img.cover {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
  }


img.leading {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
  }

span.news {
  font-weight: normal;
  color: #0000ff;
  font-size: 1.2em;
  }

span.cap2 {
  font-size: 36px; 
  color: #993366;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  float:left;
  height: 32px; 
  line-height: 32px;
  overflow: hidden;
  margin: -2px;
  margin-right: 0px;
  padding: 0;
  z-index: -1;
  }

b.color1 {
  color: #333399;
  font-weight: bold;
  }
p.fineprint {
  font-size: x-small;
  text-align: left;
  font-style: italic;
  margin: 0 0 0 0px;
  }

p {
  width: 500px;
  font-size: x-small;
  }

p.just {
  text-align: justify;
  }

p.center {
  text-align: center;
  }

hr {
  width: 500px;
  }

address {
  font-size: 13px;
  text-align: center;
  font-weight: bold;
   }

div.main ul {
  font-size: x-small;
  color: #222222;
  }

div.main p {
  text-align: justify;
  }