* {
  margin:0;
  padding:0;
}

h1,h2,h3,h4,h5,h6 {
  clear:left;
}

h1 {
  color:#FFD;
  margin:14px auto;
  text-align:center;
  letter-spacing:6px;
}

h2,h3,h4,h5,h6,dt {
  color:maroon;
}

h2,h3,h4,h5,h6,p {
  margin:1em auto;
}

blockquote {
  margin:0 3em 0 3em;
}

dl,dd,ol,ul,li {
  margin:0 auto 0 1em;
}

body {
  font-family:'Comic Sans MS', 'Helvetica', 'Adobe-Helvetica', sans-serif;
  font-size:11pt;
  font-weight:normal;
  color:blue;
  background:#FFC url("../images/lib/suntile.gif") fixed;
}

a         {background-color:transparent; font-style:italic; text-decoration:none;}
a:link    {color:#4682B4; font-weight:bold;}
a:visited {color:#4682B4; font-weight:normal;}
a:focus,
a:active  {text-decoration:underline;}
/* a:hover   {color:maroon;  } */

br.cb     {clear:both;}
br.cl     {clear:left;}
br.cr     {clear:right;}
br.vspace {line-height:8px;}

div.body  {text-align:center;}
div.page  {width:94%; margin:20px auto; text-align:left;}
div.content_left {
  height:100%;
  width:48%;
  float:left;
  overflow:hidden;
}
div.content_right {
  height:100%;
  width:38%;
  float:right;
  overflow:hidden;
}
div.accommodation_content {height:100%;}
div.frame  {float:left; height:60%; width:74%; margin:1%; overflow:hidden; text-align:center;}
div.frame img {margin:0 auto; width:100%;}
div.thumbnails {float:right; width:18%; overflow:auto;}
div.thumbnails img {margin:0; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
div.notes1,
div.notes2  {float:left; width:79%; text-align:center; font-size:8pt; text-align:justify; }
/*div.notes1  {height:10%;}
div.notes2  {height:30%;}*/
div.notes1 p,
div.notes2 p {margin:0 4px;}
h5.subheading {text-indent:2em;}

div.contact_content_left,
div.contact_content_right,
div.guestbook_left,
div.guestbook_right {
  float:left;
  position:relative;
  height:440px;
  line-height:20px;
  border-top:3px outset burlywood;
  border-bottom:3px outset burlywood;
  text-align:left;
}

div.contact_content_left {
  width:356px;
  background: burlywood url(../images/garden/lpfpump.jpg) left -50px no-repeat;
  border-left:3px outset burlywood;
}

div.contact_content_right {
  width:356px;
  background: burlywood url(../images/lib/notepad.gif) -33px 0px repeat-y;
  border-right:3px outset burlywood;
}

div.contact_content_right p {
  margin:0 6px 0 40px;
}

div.ring_binding {
  height:440px;
  background: transparent url(../images/lib/notepadring.gif) top right repeat-y;
}

div.guestbook_left {
  width:326px;
  background: burlywood url(../images/lib/notepad.gif) -50px 0px repeat-y;
  border-left:3px outset burlywood;
}

div.guestbook_right {
  width:386px;
  background: burlywood url(../images/lib/notepad.gif) left 0px repeat-y;
  border-right:3px outset burlywood;
}

div.guestbook_left p,
div.guestbook_right p {
  font-size:9pt;
  line-height:20px;
}

div.guestbook_left p {
  margin:0 6px 0 6px;
}
div.guestbook_right p {
  margin:0 6px 0 60px;
}

div.guestbook_left p.signed,
div.guestbook_right p.signed {
  text-align:right;
}

div.guestbook_left a img,
div.guestbook_right a img {
  margin:0;
}

div.guestbook_left a,
div.guestbook_right a {
  display:block;
  text-decoration:none;
}

em  {font-weight:bold; color:maroon;}

img       {border:none; margin:20px;}

table.tariff {
  width:80%;
  margin:auto;
  background:#FFE;
  border-spacing:1px;
  border:1px solid #CCC;
  font-size:11pt;
}

table.tariff caption {
  margin:auto;
  color:maroon;
  font-size:14pt;
  font-weight:bold;
}

table.tariff th {
  background:#EEC;
  font-size:12pt;
}

table.tariff td {
  padding:0 2px;
}

col.season  {width:20%;}
col.pound1  {width:10%;}
col.euro1   {width:10%;}
col.remarks {width:40%;}
tr.na   {background-color: rgb(255,255,255);}
tr.off  {background-color: rgb(255,191,159);}
tr.lo   {background-color: rgb(255,207,175);}
tr.mid  {background-color: rgb(255,223,191);}
tr.hi   {background-color: rgb(255,247,207);}
tr.xtra {background-color: rgb(255,191,255);}
tr.xmas {background-color: #FFCC9C;}
tr.ny   {background-color: rgb(239,239,175);}

span.pound  {color:red;}
span.euro   {color:green;}

div#nav   {position:absolute; left:0px; top:0px; height:100%; width:165px; border:1px solid #008;}
div#main  {position:absolute; left:166px; top:0px; height:auto; width:auto; border:1px solid #F0F;}

/* div#slides   {position:relative; left:0px; top:0px; height:120px; width:165px; border:1px solid #880;} */
div#menu     {position:relative; left:0px; top:0px; height:auto; width:auto; background-color:#DDF; border:1px solid #00F;}
div#promo    {position:relative; left:0px; bottom:0px; height:60px; width:auto; background-color:#FDD; border:1px solid #F44;}

#banner   {position:relative; left:0px; top:0px; height:80px; width:auto; border:1px solid #00F;}
#content  {position:relative; left:0px; top:0px; height:auto; width:auto; border:1px solid #0FF;}


div#menu ul     {list-style:none; list-style-position:outside; margin:0px 0px 0px 5px; padding:0px 0px 0px 5px; background-color:green;}
div#menu ul li  {background-color:#FEE; display:block;}
div#menu ul ul#cottagedetail {display:block; background-color:red;}

#menu a         {display:block; background-color:#EEC; color:#4682B4; text-decoration:none; font-style:normal; text-align:center;}
#menu a:hover   {background-color:#4682B4; color:#EEC; text-decoration:none;}

table.banner    {width:100%; border:none; background-color:transparent; border-collapse:collapse;}
table.banner td {background-color:transparent; text-align:center;}
table.banner td h1 {padding:0px;}

.pageBreak{page-break-before: always;}
h4        {background-color:transparent; color:maroon;}

span.img_caption_left {margin:10px 20px 10px 0; clear:left; float:left;}
span.img_caption_right {margin:10px 0 10px 20px; clear:right; float:right;}
span.img_caption_left,
span.img_caption_right {text-align:center; font-size:10pt; color:#777;}
span.img_caption_left img,
span.img_caption_right img
{
  margin:0;
}

.showpicture {color:#4682B4; font-weight:bold; font-style:italic;}


td.imgleft  {text-align:left;}
td.title    {text-align:center; font-size:large; font-weight:bold;}
td.imgright {text-align:right;}