body {
  margin: 0 0 1em 0;
  background-attachment: fixed;
  background-image: url("./images/checker.jpg");
  background-repeat: repeat;
  background-position: 0px 0px;
  background-color: #DDDDDD;
  border-width: 1px;
  border-color: #990033;
  font-family: Verdana, Helvetica, sans-serif; 
  color: #660033; 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 {
  position: fixed;
  overflow: hidden;
  max-height: 100%;
  padding: 0px 0 0px 0;
  max-width: 100%;
  top: 0px;
  margin: 0px 0px 0px 152px;
  z-index: 1;
  border: none;
  height: 99px;
  }

div.gallerynav {
  position: fixed;
  overflow: hidden;
  width: 600px;
  max-height: 100%;
  padding: 20px 0 20px 2em;
  max-width: 100%;
  top: 1px;
  margin: -2px 0px 0px 152px;
  z-index: 1;
  border: solid;
  border-color: gray;
  border-width: 1px 0px 1px 0px;
  background-image: url("./images/checker.jpg");
  background-repeat: repeat;
  font-size:x-small;
  font-weight: bold;
  }

div.main {
  top: 0px;
  margin: 96px 0px 1em 152px;
  padding: 0px 2em 5px 30px;
  background-color: white;
  background-repeat: no-repeat;
  border: solid;
  border-color: gray;
  border-width: 1px;
  width: 554px;
  color: #660033;
  }

div.map {
 top: 0px;
  margin: 1em;
  padding: 2em;
  background-color: white;
  }
  
div.maingallery {
  top: 0px;
  margin: 1px 0px 1em 152px;
  padding: 0px 2em 5px 2em;
  background-color: white;
  background-repeat: no-repeat;
  border: solid;
  border-color: gray;
  border-width: 1px;
  width: 554px;
  color: #660033;
  overflow: hidden;
  }

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

div.bar {
  display: block;
  width: 553px;
  color: #110099;
  background: #FFEEDD;
  border:none;
  height: 30px;
  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: 99px;
  left: 26px;
  width: 99px;
  overflow: hidden;
  max-height: 100%;
  padding: 1px 0 1px 0;
  max-width: 100%;
  text-align: center;
  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;
  }

/*  the home menu items*/
  div.menu a {
  display: block;
  color: white;
  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: #333399;
  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: white;
  font-weight: bold;
  /*background: #FFAABB */
  background-image: url('./images/redgrad.jpg');
  background-repeat: repeat-x;
  border-color: #FF6699;
  }

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

/*  the menu hover */
  div.menu a:hover {
  color: #FFFF66;
  font-weight: bold;
  text-decoration: none;
  /*background: #993366*/
  background-color: #3333CC;
  background-image: url('./images/bluegradinv.jpg');
  background-repeat: repeat-x;
  border-style: solid;
  border-color: #6666DD;
  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.foot {
  display: block;
  position: fixed;
  font-weight: bold;
  font-size: 0.7em;
  color: #660033;
  line-height: 1.3em;
  text-align: center;
  /*background-color: #FFCCCC;*/
  /*background: url('./images/cremegrad.jpg');
  background-repeat: repeat-x;*/
  top: 490px;
  left: 26px;
  width: 100px;
  margin: 1px 0 3.6em 0px;
  padding: 0;
  border-style: none;
  border-width: 1px;
  overflow: visible;
  }

div.right {
  position: fixed;
  top: 90px;
  left: 780px;
  }

div.list {
  margin: 1em 0 1em 0px;
  padding: 0 0 2em 0;
  color: #221133;
  border: none;
  width: 554px;
  }

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

div.gallery {
  width: 522px;
  overflow: auto;
  border: none;
  background-color: #FFEEDD;
  padding: 1em 1em 1em 1em;
  border-width: 1px;
  overflow: hidden;
  }

div.thumb {
  width: 96px;
  height: 130px;
  float: left;
  overflow: visible;
  background-image: url("./images/thumbshadow.jpg");
  background-repeat: no-repeat;
  border: none;
  margin: .4em .4em .4em .4em;
  font-size: .6em;
  }

p.thumb  {
  font-size: x-small;
  margin: 1em 0 0 0;
  overflow: auto;
  }

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: #403050;
  }

h1 {
  font-size: 1.2em;
  color: #660033;
  font-weight: normal;
  font-variant: small-caps;

  }

h2 {
  font-size: 1.1em;
  color: #660033;


  }

h3 {
  font-size: 1.0em;
  color: #333399;
  font-weight: bold;

  }

h4 {
  font-size: 1.0em;
  color: #333399;
  }

h5 {
  font-size: 1.0em;
  }

h6 {
  font-size: 0.9em;
  } 

h7 {
  font-size: 0.8em;
  } 

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.thumbs {
  padding: 3px 3px 3px 3px;
  border: 10px solid #F8F8F0;
  }

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: #660033;*/
  color: #993366;
  font-weight: bold;
  }

b.color2 {
  color: #090966;
  font-weight: bold;
  }

p.fineprint {
  clear: both;
  font-size: .6em;
  text-align: left;
  font-style: italic;
  margin: 0 0 0 0px;
  }

p {
  width: 530px;
  font-size: smaller;
  color: #660033;
  }

p.just {
  text-align: justify;
  }

p.center {
  text-align: center;
  }
p.contact {
  text-align: center;
  font-weight: bold;
  font-size: smaller;
  font-style: italic;
  }

.upcoming {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: smaller;
  color:#660033;
  }
  
hr {
  width: 554px;
  }

hr.drop {
  clear: left;
  visibility: hidden;
  }

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

div.main ul {
  font-size: smaller;
  color: #403050;
  }

a.hide {
  display: none;
  }

a:link { 
  color: #336699;
  text-decoration: none;
  }

a:visited { 
  color: purple;
  }
 
a:hover { 
  color: #993366;
  background: #FFFFCC;
  text-decoration: none;
  } 

dt {
  font-weight: bold;
  font-size: smaller;
  }

dd {
  font-size: smaller;
  }