/* general settings */

* {
  padding: 0;
  margin: 0;
}

body {
  text-align: center;
  font-family: "Gill Sans", Arial, Helvetica, sans-serif;
  font-size: 76%;
  color: #663333;
}

p {
  margin-top: 20px;
  font-size: 1.2em;
}

li, dd {
  font-size: 1.2em;
}

p.attribution {
  margin: 0;
  font-size: 0.85em;
}

h1 {
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 20px;
}

h2 {
  font-size: 1.2em;
  font-style: italic;
  margin: 20px 0 10px 0;
}

ul {
  padding-left: 30px;
  margin-top: 8px;
}

dt {
  margin-top: 10px;
}

dd {
  margin-left: 30px;
}

a:link {
  color: #3333CC;
}

a:visited {
  color: #336633;
}

a:hover {
  color: #CC3333;
}

.clear {
  clear: both;
}

.notopmargin {
  margin-top: 0;
}

/* image formats */

#photos img {
  margin: 10px 0;
  border: 1px solid #000000;
}

#accommodation #content img, #home #content img {
  border: 1px solid #000000;
}

/* wrapper for the whole page */

#wrapper {
  background-color: #FFFFFF;
  width: 750px;
  text-align: left;
  margin: 0 auto;
}

#wrapperInner {
  float: left;
  border: 1px solid #BA9D37;
}

/* page header */

#header {
  text-align: left;
  padding-left: 37px;
}

#header img {
  margin: 30px 0 0 0; 
}

/* main navigation */

#navigation {
  float: left;
  width: 748px;
  border-bottom: 5px solid #BA9D37;
  padding: 12px 0;
}

#navigation ul {
  list-style: none;
  float: left;
  padding: 0;
}

#navigation li {
  float: left;
  font-size: 1.1em;
}

#navigation a {
  display: block;
  width: 120px;
  text-align: center;
  float: left;
  padding-top: 30px;
  text-decoration: none;
  font-family: "Gill Sans", Arial, Helvetica, sans-serif;
  color: #000000;
  background: url(images/button.gif) no-repeat top center;
}

#navigation a:hover {
  background: url(images/button_selected.gif) no-repeat top center;
}

#home #navigation .home,
#contactus #navigation .contactus,
#accommodation #navigation .accommodation,
#tariff #navigation .tariff,
#thearea #navigation .thearea,
#links #navigation .links {
  background: url(images/button_selected.gif) no-repeat top center;
  cursor: default;
}

/* large image on right of content */
#large_image {
  width: 292px;
  float: right;
  border-left: 1px solid #BA9D37;
  border-bottom: 1px solid #BA9D37;
  padding: 0;
  margin: 0;
}

#home #large_image {
  height: 440px;
}

#accommodation #large_image {
  height: 547px;
}

#tariff #large_image {
  height: 465px;
}

#thearea #large_image {
  height: 683px;
}

/* content area */
#content {
  width: 455px;
  float: left;
}

#links #content {
  width: 745px;
}

#content_inner {
  padding: 10px 40px 10px 40px;
}