/* oak-tree-farm-hotel.co.uk */
#top {
  margin: 0px;
  padding: 0px; 
  background: #005B00; 
  height: 170px; 
  text-align: center;
  width: 760px;
  color: #E9C862;
}

#left {
  position: absolute;
  left: 0px;
  top: 170px;
  width: 220px;
  background: #005B00;
  padding: 3px;
}

#center {
  margin-left: 237.5px; 
  margin-right: 37.5px;
  background: #FFFFFF;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}

#right {
  position: absolute;
  right: 0px;
  top: 170px; 
  width: 20px;
  color: #FFFFFF;
  padding: 0px;
  text-align: right;
}

#footer {
  background: #005B00;
  margin: 0px;
  text-align: center;
  color: #FFFFFF;
  visibility: hidden;
  padding: 3px;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

p, ul, ol, li {
  font:  0.9em / 1.75 Verdana, Arial, sans-serif;
}

h1 {
   font:  1.275em Verdana, Helvetica, geneva;
	font-weight: bold;
  color: #E9C862;
  margin-top: -15px
}
h1.g {
   font:  1.275em Verdana, Helvetica, geneva;
	font-weight: bold;
  color: #005B00;
}

h2 {
   font:  1.25em Verdana, Arial, Helvetica, geneva;
  color: #E9C862;
   }

h2.g {
   font:  1.25em Verdana, Helvetica, geneva;
  color: #005B00;
}

h3 {
   font:  1.2em Verdana, Arial, Helvetica, geneva;
}

h4 {
   font:  1.2em Verdana, Arial, Helvetica, geneva;
  color: #E9C862;
}

h5 {
   font:  1em Verdana, Arial, Helvetica, geneva;
  background: #E9C862;
  color: #FFFFFF;
  padding: 3px;
  width: 75%;
}

h6 {
   font:  1em Verdana, Arial, Helvetica, geneva;
  background: #E9C862;
  color: #FFFFFF;
  padding: 3px;
  width: 60%;
}

p.gold, ul.gold, ol.gold, li.gold {
  font:  0.9em / 1.75 Verdana, Arial, sans-serif;	
  color: #E9C862;  
}

a.linkclass,
a.linkclass:visited {text-decoration:none; color:#FFFFFF; font-weight:bold; }
a.linkclass:active {text-decoration:none; color:#FFFFFF; font-weight:bold; }
a.linkclass:hover {text-decoration:underline; color:#FF0000; font-weight:bold; }

a,a:visited,a:active {text-decoration: none;}

/* center panel */

a.linkclass1,
a.linkclass1:visited {text-decoration:none; color:#E9C862; font-weight:bold; }
a.linkclass1:active {text-decoration:none; color:#E9C862; font-weight:bold; }
a.linkclass1:hover {text-decoration:underline; color:#E9C862; font-weight:bold; }

a,a:visited,a:active {text-decoration: none;}

a.linkclassg, {color:#005B00; font-weight:bold; }
a.linkclassg:visited {text-decoration:none; color:#0000FF; }
a.linkclassg:active {text-decoration:none; color:#E9C862; font-weight:bold; }
a.linkclassg:hover {text-decoration:underline; color:#005B00; font-weight:bold; }

a,a:visited,a:active {text-decoration: none;}

ul#blue {
list-style-image: url("images/BB3.gif");
}

ul.blue {
list-style-image: url("images/BB3.gif");
}

body {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #C0C0C0;
text-align: center;
}

#wrapper {
	position: relative;
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
   border: 2px solid #000000;
	background-color: #FFFFFF;
}

  #dhtmlgoodies_contentBox {
  border:1px solid #E9C862;
  height:0px;
  visibility: hidden;
  position: absolute;
  background-color:#005B00;
  color: #E9C862;
  overflow: hidden;
  padding: 2px;
  width: 210px;
}

#dhtmlgoodies_content {
  position:relative;  
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  width:100%;
  font-size:0.8em;
}

#dhtmlgoodies_slidedown {
  position:relative;
  width:210px; 
}

#navigation {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: 1px;
}
#navigation ul {
	list-style: none;
	padding: 0;
	padding-top: 4px;
	width: 200px;
	position: absolute;
   right: 0px;
}
#navigation li {
	display: inline; 
}
#navigation a:link, #navigation a:visited { 
	padding: 3px 10px 2px 10px; 
	color: #FFFFFF;
   background-color: #336600; 
	text-decoration: none;
	border: 1px solid #711515;
}
#navigation a:hover {
	color: #000000;
	background-color: yellow;  
}

div#navcontainer
{
font-family: arial;
font-weight: bold;
background: #005B00; 
margin: 0;
padding: 10px;
border: 0;
}

div#navcontainer ul
{
display: inline;
margin: 0;
padding: 2px;
list-style: none;
}

div#navcontainer h2
{
border: solid 1px #E9C862; 
padding: 4px;
text-align: center;
}

div#navcontainer ul li
{
display: inline;
margin: 0;
}

div#navcontainer ul li a
{
color: #E9C862;
background: #005B00; 
margin: 0;
padding: 2px 5px 2px 5px;
text-decoration: none;
font:  0.95em Verdana, Arial, sans-serif;  
}

div#navcontainer ul li a:hover
{
background: #005B00; 
color: #E9C862; 
border-bottom: solid 5px #E9C862; 
}

ul.drop {
list-style-image: url(images/gold-star1.gif);
font : 1em / 1em Verdana,Arial,geneva,helvetica;
}

#logo5s {
background: url(images/picbackground.gif);
height: 335px;
width: 440px;
padding-top:20px;
}

.input1{
	background: #005B00;
	font: bold 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

.cottages4you
{color: #e9c862;
padding: 3px;
background-image: url("/images/cottages4you-link.jpg");
background-repeat: no-repeat;
width: 204px;
height: 304px;
}

.captioned_photo {
	position: relative;
	float: left;
	display: block;
	margin-left: 6px; /* was  0em 2.25em .5em 0;         */
	padding: 0em;              /*    was 1em   */
/*	border: 1px solid #e9c862; */
/*	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;  */
	background: url(images/bg.gif) bottom left repeat-x;
	line-height: 1em;
	}
.captioned_photo p {
	position: absolute;
	/* bottom: 2.25em;
	left: 1.375em; */
	bottom: .75em;
	left: .375em;
	
	display: block;
	width: 204px; /* This needs to match the width of the image */
	margin: 0;
	padding: 0;
	background: url(images/caption-black.png) top left repeat-y;
	font: .75em/1.25em Verdana, sans-serif;
	letter-spacing:.05em;
	color: #fff;
	}
.captioned_photo p span {
	display: block;
	padding: 1em;
	}
.captioned_photo img {
	margin: 0 0 -.0625em 0;
	padding: 0;
	}


