body {
  background: #e0c298;
  color: white;
  text-align: center;
  font-family: "Alburtus MT", "Tahoma", sans-serif;
  font-size: 75%;
}

#wrapper {
  background: white url(bg.gif) repeat-y 50% 0%;
  width: 756px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  color: #8B7D72;
}

#wrapper a:link, #wrapper a:visited {
  color: #006a40;
  text-decoration: none;
}

#wrapper a:hover, #wrapper a:active {
  color: #999900;
  text-decoration: underline;
}

a#maillink {
  position: absolute;
  left: 26px;
  top: 90px;
  width: 249px;
  height: 24px;
  display: block;
  text-indent: -9999px;
  background: url(maillink.gif) no-repeat 0% 0%;
}

a#maillink:link    { background-position: 0px   0px; }
a#maillink:visited { background-position: 0px   0px; }
a#maillink:hover   { background-position: 0px -24px; }
a#maillink:active  { background-position: 0px -48px; }


#masthead {
  background: url(masthead.jpg) no-repeat 50% 0%;
  height: 130px;
  overflow: hidden;
}

#footer {
  background: #8B7D72 url(footer.gif) no-repeat 50% 0%;
  padding-top: 124px;
  clear: both;
}

#main {
  padding: 0px 22px 0px 27px;
}

#sidepanel {
  float: left;
  width: 180px;
}

#content {
  float: left;
  width: 514px;
  padding-top: 206px;
  padding-left: 13px;
}

#divider {
  position: absolute;
  background: #DCD8D4;
  border: none;
  left: 27px;
  top: 322px;
  width: 707px;
  height: 1px;
  overflow: hidden;
}

#divider hr { display: none; }

#footer ul {
  text-align: center;
  display: block;
  background: #e0c298;
  color: white;
  font-size: 90%;
  margin: 0;
  padding: 0;
}

#footer li {
  display: inline;
  padding-left: 10px;
  background: url(dash.gif) no-repeat 0% 50%;
  white-space: nowrap;
}

#footer li.first {
  padding-left: 0px;
  background: transparent;
}

#footer a:link, #footer a:visited { color: white; text-decoration: none; }
#footer a:hover, #footer a:active { color: white; text-decoration: underline; }

#copyright {
}

#copyright a:link, #copyright a:visited { color: white; text-decoration: none; }
#copyright a:hover, #copyright a:active { color: white; text-decoration: underline; }

h1 {
  margin: 0px 0px 0px 0px; padding: 17px 0px 0px 0px;
  font-size: 200%;
  font-family: "Alburtus MT", "Times New Roman", serif;
  color: #003300;
  background: url(stars.gif) no-repeat 0px 0px;
}

h2 {
  margin: 0px 0px 5px 0px; padding: 0px;
  font-size: 150%;
  font-family: "Alburtus MT", "Times New Roman", serif;
  /*color: #996600;*/
  color: #006a40;
}

h3 {
  margin: 0px 0px 5px 0px; padding: 0px;
  font-size: 120%;
  font-family: "Alburtus MT", "Times New Roman", serif;
  color: #999900;
}

p {
  text-align: justify;
  line-height: 120%;
}

address {
  font-style: normal;
}

#content {
  background: url(photos1.jpg) no-repeat 0% 0%;
}

#weddings #content{
  background: url(wedding.jpg) no-repeat 0% 0%;
}

#restaurant #content{
  background: url(rest.jpg) no-repeat 0% 0%;
}

#accommodation #content{
  background: url(accom.jpg) no-repeat 0% 0%;
}
#cycling #content{
  background: url(cycling.jpg) no-repeat 0% 0%;
}
#walking #content{
  background: url(walking.jpg) no-repeat 0% 0%;
}
#golf #content{
  background: url(golf.jpg) no-repeat 0% 0%;
}

.disclaimer { font-size: 80%; font-weight: bold; }

dl {
  line-height: 150%;
}

dt {
  font-weight: bold;
  width: 8em;
  float: left;
}

dd {
}

dt:after { content: ':'; }

.clearing { clear: both; }

.image-right {
  float: right;
  margin: 0px 0px 10px 10px;
}

.image-left {
  float: left;
  margin: 0px 10px 10px 0px;
}

.image-landscape {
  margin: 5px 0px 5px 0px;
  width: 512px;
}

#golf .image-landscape {
  margin-top: 15px;
}

/* -------------------------------- Titles --------------------------- */

#home h1 {
  margin: 0px; padding: 0px;
  height: 77px; overflow: hidden; display: block; text-indent: -9999px;
  background: url(h1.gif) no-repeat;
}

#home #content {
  background: url(photos1.jpg) no-repeat 0% 0%;
}


/*#home           h1 strong { height: 26px; overflow: hidden; display: block; background: url(headings/h1-home.gif) no-repeat 0% 0%; }*/
#accommodation  h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-accommodation.gif) no-repeat 0% 0%; }
#restaurant     h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-restaurant.gif) no-repeat 0% 0%; }
#contact        h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-contact.gif) no-repeat 0% 0%; }
#tariffs        h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-tariffs.gif) no-repeat 0% 0%; }
#availability   h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-availability.gif) no-repeat 0% 0%; }
#weddings       h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-weddings.gif) no-repeat 0% 0%; }
#conferences    h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-conference.gif) no-repeat 0% 0%; }
#golf           h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-golf.gif) no-repeat 0% 0%; }
#cycling        h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-cycling.gif) no-repeat 0% 0%; }
#walking        h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-walking.gif) no-repeat 0% 0%; }
#outdoor        h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-outdoor.gif) no-repeat 0% 0%; }
#special        h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-special.gif) no-repeat 0% 0%; }
#local          h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-local.gif) no-repeat 0% 0%; }
#links          h1 strong { height: 26px; text-indent: -9999px; overflow: hidden; display: block; background: url(headings/h1-links.gif) no-repeat 0% 0%; }


/* -------------------------------- Menus --------------------------- */

#menu1 h2 { position: absolute; text-indent: -9999px; }

#menu1 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  width: 180px;
  height: 180px;
  background: url(menu1.gif) no-repeat -180px 0px;
  position: relative;
}

#menu1 li {
  display: inline;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 30px;
  width: 180px;
  overflow: hidden;
  position: absolute;
  left: 0px;
}

#menu1 li.home          { top:   0px; }
#menu1 li.accommodation { top:  30px; }
#menu1 li.restaurant    { top:  60px; }
#menu1 li.contact       { top:  90px; }
#menu1 li.tariffs       { top: 120px; }
#menu1 li.availability  { top: 150px; }

#menu1 li a {
  position: absolute;
  display: block;
  left: 0px; top: 0px; width: 360px; height: 30px;
  overflow: hidden;
  margin: 0; padding: 0;
  background: url(menu1.gif);
  text-indent: -9999px;
}

#menu1 li.home          a { background-position: 0px    0px; }
#menu1 li.accommodation a { background-position: 0px  -30px; }
#menu1 li.restaurant    a { background-position: 0px  -60px; }
#menu1 li.contact       a { background-position: 0px  -90px; }
#menu1 li.tariffs       a { background-position: 0px -120px; }
#menu1 li.availability  a { background-position: 0px -150px; }

#menu1 li a:link, #menu1 li a:visited { margin-left:    0px; }
#menu1 li a:hover, #menu1 li a:active { margin-left: -180px; }


#home          #menu1 li.home          a,
#accommodation #menu1 li.accommodation a,
#restaurant    #menu1 li.restaurant    a,
#contact       #menu1 li.contact       a,
#tariffs       #menu1 li.tariffs       a,
#availability  #menu1 li.availability  a  { display: none; }


#menu2 h2 { display: block; overflow: hidden; height: 13px; background:url(menu2-header.gif) no-repeat; text-indent: -9999px; margin: 23px 0px 8px 0px; padding: 0px; }

#menu2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  width: 180px;
  height: 190px;
  position: relative;
  background: url(menu2.gif) no-repeat -180px 0px;
}

#menu2 li {
  display: inline;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 21px;
  width: 180px;
  overflow: hidden;
  position: absolute;
  left: 0px;
}

#menu2 li.weddings      { top:   0px; }
#menu2 li.conferences   { top:  21px; }
#menu2 li.golf          { top:  42px; }
#menu2 li.cycling       { top:  63px; }
#menu2 li.walking       { top:  84px; }
#menu2 li.outdoor       { top: 105px; }
#menu2 li.special       { top: 126px; }
#menu2 li.local         { top: 147px; }
#menu2 li.links         { top: 168px; }

#menu2 li a {
  position: absolute;
  display: block;
  left: 0px; top: 0px; width: 360px; height: 30px;
  overflow: hidden;
  margin: 0; padding: 0;
  background: url(menu2.gif);
  text-indent: -9999px;
}

#menu2 li.weddings    a { background-position: 0px    0px; }
#menu2 li.conferences a { background-position: 0px  -21px; }
#menu2 li.golf        a { background-position: 0px  -42px; }
#menu2 li.cycling     a { background-position: 0px  -63px; }
#menu2 li.walking     a { background-position: 0px  -84px; }
#menu2 li.outdoor     a { background-position: 0px -105px; }
#menu2 li.special     a { background-position: 0px -126px; }
#menu2 li.local       a { background-position: 0px -147px; }
#menu2 li.links       a { background-position: 0px -168px; }

#menu2 li a:link, #menu2 li a:visited { margin-left:    0px; }
#menu2 li a:hover, #menu2 li a:active { margin-left: -180px; }

#weddings    #menu2 li.weddings    a,
#conferences #menu2 li.conferences a,
#golf        #menu2 li.golf        a,
#cycling     #menu2 li.cycling     a,
#walking     #menu2 li.walking     a,
#outdoor     #menu2 li.outdoor     a,
#special     #menu2 li.special     a,
#local       #menu2 li.local       a,
#links       #menu2 li.links       a { display: none; }

/* ------------------------------------------------------------ */

#content table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#content table caption {
  text-align: left;
  font-weight: bold;
  color: #006a40;
  padding-bottom: 5px;
  font-size: 120%;
  font-family: "Alburtus MT", "Times New Roman", serif;
}

#content table th {
  text-align: left;
}

#content table th, #content table td {
  vertical-align: top;
  border: 1px solid #99cc99;
  padding: 2px;
}

tr.odd th, tr.odd td { background-color: #f4f2e3; }

#content thead th { background-color: #dbd3a2; color: #006a40; }

.invisible, .invisible * { display: none; }

/* ------------------------------------------------------------ */

.col-left { float: left; width: 49.5%; }
.col-right { float: right; width: 49.5%; }

ul.basiclist {
  margin: 0;
  padding: 2px 0px 25px 2px;
  list-style: none;
}

ul.basiclist li {
  margin: 0;
  padding: 2px 0px 2px 30px;
  list-style: none;
  background: url(bullet.gif) no-repeat 0% 50%;
}

p.note {
  font-weight: normal;
  font-style: italic;
  font-size: 80%;
  margin: 0;
}

.check-availability {
  margin: 0;
  padding: 2px 0px 2px 30px;
  background: url(bullet.gif) no-repeat 0% 50%;
}

/* ------------------------------------------------------------ */

ul.thumbnails {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.thumbnails li {
  float: left;
  width: 145px;
  height: 145px;
  margin: 4px;
  padding: 0px;
  display: block;
  border: none;
  background-image: none;
}

ul.thumbnails li a {
  display: block;
  margin: 0px;
  width: 145px;
  height: 145px;
  border: none;
}

ul.thumbnails li a img {
  display: block;
  margin: 0px;
  width: 145px;
  height: 145px;
  border: none;
}

/* ------------------------------------------------------------ */

#contact .col-left, #contact .col-right { text-align: justify; width: 48%; margin-top: 1em; }
#contact .col-left h2, #contact .col-right h2 { display: inline; padding-right: 2ex; }
#contact .col-left p, #contact .col-right p { display: inline; }

/* ------------------------------------------------------------ */

#golf th, #golf td { vertical-align: middle!important; }

#golf thead th, #golf tbody td { text-align: center!important; padding: 4px; }
#golf tbody th { padding-left: 6px; }

#golf #content h2 {
  margin-top: 1em;
  font-style: italic;
}

#golf h2 strong { font-style: normal; display: block; }