/**************** Colours ****************************/
/*
colour1 Dark Grey: #7d7779 
colour2 Bright Orange: #fe2e08
colour3 Pale Grey : #acabac
color4 Paler Orange: #fe8c24
color5 Deep Orange: #c52508
*/
/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr { height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0;  margin: 1em 0em;clear:both;}

/**************** General rules *********************/

html{height:100%; }
body {height:101%; line-height:150%;color: #555; text-align: center; background-color:#7d7779;background: url(images/greystripe.gif) left top repeat;}

/**************** General Links ***********************************/
a:link            { color: #c52508; text-decoration: none;border-bottom:1px solid #c52508;}
a:visited         { color: #7d7779; text-decoration: none;border-bottom:1px solid #7d7779;}
a:focus, a:hover, a:active {color: white;background-color:#c52508;border-bottom:1px solid #7d7779 }

/********************** Navigation ******************/

/* Horizontal Menu */
#navlist{margin:0;background-color:#fe8c24;}
#navlist ul {margin:0;padding:0;}
#navlist li{list-style: none;background: url(images/navstripe.jpg) right bottom no-repeat;margin:0;padding:5px;width:100%;}
#navlist a {font-weight:bold;color:#555;display:block;text-decoration:none;border-bottom:none;}
#navlist a:link, #navlist a:visited {  border-bottom:none;color:#fff ; display:block;text-decoration: none; padding-left:15px;}
#navlist a:hover, #navlist a:focus, #navlist a:active, #home #nav-home {color: #fff;background: url(images/navfoot.gif) center left no-repeat;padding-left:15px;}



/***************** Image Replacement ****************/

/* General IR statements */
.replace {position: relative; overflow: hidden; margin: 0;padding: 0;   font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {font-color:#555;padding-bottom:0; background-color:#ggg;     width: 486px;     height: 90px; background: url(images/logo.gif) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -90px;   /* Required to bring text underneath image. Use the negative height of the image here.*/  }

/***************** Headings ********************/

/* h1 {font-size:110%; color: #000; font-weight:normal;} */
h2 {font-size:140%; color: #fff; font-weight:normal;background-color:#acabac;display:block;height:2em;margin-top:0;padding:5px 5px 0 5px;}
h3 {font-size:140%; color:#c52508;font-weight:normal;}
h4 {font-size:140%; color:#c52508;font-weight:normal;}
#sidebar h3 {font-size:140%; color: #fff; font-weight:normal;background-color:#d40d06;display:block;height:2em;margin-top:0;padding:5px 5px 0 5px;}
#sidebar h4 {font-size:140%; color: #fff; font-weight:normal;margin-left:10px;}
#content h3, #content h4 {margin-bottom:;}
/***************** Page Sections *********************/

#container { background-color:white;position:relative;margin:2em auto;text-align:left;width:700px; font-size:76%;padding:0 ;border-left:30px solid white;border-right:30px solid white;border-bottom:10px solid white;}

#skip {font-size:80%;   text-align:right; color:white;   margin-bottom:0;}
#skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;  }
#skip li a:link, #skip li a:visited  {border:none; color:#555; padding:5px;   } 
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;    padding:5px;} 

#mainbox {position:relative;clear:both;overflow:hidden; background:#fff url(images/orangestrip.gif) left top repeat-y; width:700px;}
img.footsteps {position:absolute; top:50px;right:10px;}
#mid {background-color:#979797 ;overflow:hidden;width:100%;}
#banner {width:68%;height:185px;float:left;background:#979797 url(images/leafbanner.jpg) left top no-repeat; }
#strapline {width:30%;height:185px;float:right;background:#070208 url(images/candles.jpg) right top no-repeat; }
#strapline p  {color:white;font-family: "Trebuchet MS", Verdana, sans-serif;margin:10px;font-size:180%;line-height:150%;}

p.wp-caption-text {position:absolute;left:-9999px;}
p.wp-caption-text {position:absolute;left:-9999px;}

#content p {margin-right:20px;}
#content {width:490px;float:left;margin:0;max-width:70%;background-color:white;}
#content img {margin:5px 20px 5px 8px; }
#content ul  {margin-left:5px;}


#sidebar {width:210px;float:right;margin:0;background-color:#fe8c24;padding-bottom:10px;}
#sidebar img {display:block;margin:0 auto;}
#sidebar p {color:white;margin-right:10px;margin-left:10px;}
#sidebar ul.list {margin-left:0;padding-left:0px;}
#sidebar ul.list li {list-style-type:none;background: url(images/sidebarbullet.gif) center left no-repeat;padding-left:8px;}
#footer {clear:both; padding:1em 0 0 0;border-top: 1px solid #ccc;overflow:hidden;}
#footer .left {float:left; width:40%;text-align:left;}
#footer .right {float:right; width:60%; text-align:right;}
#footer .left a {border-bottom:none;background-color:white;}
#addresslist  {}
#addresslist dt {font-weight:bold;}
#addresslist dd {font-weight:normal;margin-bottom:8px;margin-left:0;}
#mainbox img.icon,#mainbox img.icon2 {float:none;padding:0;margin:0;border:none;}

/*************** Other bits *************/
iframe {width:150px;height:250px;margin:5px 30px;}
#sidebar img.covers {margin-top:15px;}
#content img.icon, #content img.icon2 {float:none;clear:none;margin:0 3px 0 0;background-color:#fff;padding:0px;border:0;vertical-align:middle;}
ol.commentlist {width:96%;}
ol.commentlist img.avatar {float:right;}
ol.commentlist cite.fn {font-weight:bold;font-type:normal;}
ol.commentlist li.comment {border-bottom:1px solid #ddd;}
ol.commentlist li.odd {padding:8px;background-color:#f5f4f4;}
ol.commentlist li.even {padding:8px;background-color:#fff;}
ol.commentlist li {margin-left:0;}
#commentform input#submit {border: 1px solid #fff;    clear: both;    color: white;   margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x;padding:3px 4px;}
div.diary-entry {border-bottom:1px solid #ddd;margin-right:15px;}
#commentform div {margin-left:20px;}
#commentform p {margin-left:0;}
#commentform input, #commentform label, #commentform textarea, {}
#commentform textarea {border: 1px solid #b0b0b0 ; }
#commentform input {width:40%;border: 1px solid #b0b0b0 ;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0;}
#commentform input.button  {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x; }
#commentform input.button:focus, #commentform input.button:hover, #commentform input.button:active {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #b21a21 url(/images/button2.jpg) left top repeat-x; }

#respond {clear:both;margin-top:20px;}
#respond input#submit {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x; }
#respond { clear:both;  font-size: 100%;    color: #555;    margin: 0 0 0 0px;;    width: 80%; }
#respond  fieldset {   border: 1px solid #dcdcdc;padding:12px 8px 8px 8px;margin-bottom:15px; }
#respond  legend {  font-weight:bold; color:#c52508;padding-bottom:5px;}
#respond  fieldset {border:1px solid #dcdcdc;}
#respond  #formwrap{border:none;background-image:none;}
#mainlegend {display:none;}
h2.main_formhead {display:none;}
#respond  input {   background: #fff;    border: 1px solid #b0b0b0 ;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0; }
#respond  textarea { display:block;  background: #FFF;    border: 1px solid #aaa;    width: 98%;    margin-left: 0;    font-size: 110%;    padding: 3px;    vertical-align: middle; }
#respond  input#submit {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 150px;    margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x; }
#respond  input:hover, #gb_form_div textarea:hover {   border: 1px solid #aaa;       }
#respond  input#submit:focus, #respond  input#submit:hover, #respond  input#submit:active {   clear: both;    color: white;    font-size: 100%;    width: 150px;    margin: 10px 0 20px 0;    font-weight: bold;   background: #b21a21 url(/images/button2.jpg) left top repeat-x;   }
#respond  input.short {width:10%;margin-top:8px;}
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active {   background-color: #538b37;    color: white; }
dt {font-weight:bold;}
#respond  p {margin-left:0;}

/*************** Forms ******************/


div.wpcf7 {width:70%;  }
div.wpcf7 {padding:0px;font-size:100%;  }
div.wpcf7 fieldset { border:none;   }
div.wpcf7 legend {   display:none;}
div.wpcf7 input {background:#fff;   border:1px solid #ccc;  width:100%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
div.wpcf7 textarea { background:#FFF;  border:1px solid #ccc;     width:100%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
div.wpcf7 input.wpcf7-submit{   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background:#fe8c24 url(images/aquabutton.jpg) left top repeat-x;    }
div.wpcf7 input:hover, div.wpcf7 textarea:hover {  border:1px solid #000;background-color:#efefef; }
div.wpcf7 input.wpcf7-submit:focus, div.wpcf7 input.wpcf7-submit:hover, div.wpcf7 input.wpcf7-submit:active  { border:1px solid #690039;clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#333 url(images/aquabutton.jpg) left top repeat-x;   }
.required { color:#c2537a;    font-weight:normal;  margin-left:10px; }
.validationerrors ol {color:#000;   margin-left:15px; padding-left:10px;   margin-bottom:10px;  }
div.wpcf7-quiz-label {width:100%;clear:both;}
div.wpcf7 input#quiz {clear:both;}
div.wpcf7 input.wpcf7-quiz {clear:both ! important;border:1px solid red;}

#content img.alignright, #contents img.alignnone {float:right;margin:5px 0px 8px 8px;}
#content img.alignleft {float:left;margin:5px 8px 8px 0px;clear:right;}
#content div.alignright {float:right;margin:5px 0px 8px 15px;}
#content div.alignright a, #content div.alignright a:hover  {border:none;background-color:transparent;text-decoration:none;}
#content div.alignleft {float:left;margin:5px 8px 8px 0px;}
#content div.aligncenter  {float:none;display:block;margin:1em auto;clear:both;}
#content div.aligncenter a:link, #content div.aligncenter a:visited, #content div.aligncenter a:hover {border:none;background-color:white;text-decoration:none;}
.wp-caption {border: none;text-align: center;font-weight:bold;padding-top: 0px;margin: 10px;background-color:transparent;}
#content .wp-caption img {margin: 0;padding: 5px;color:#ccc;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 1em;line-height: 17px;font-weight: bold;padding: 8px;margin: 0;}
#content .gallery img {padding:4px;}
.gallery #content img {float:none;margin:0px ;padding:4px;border:1px solid #ccc;background-color:white;}
#content img.alignnone {float:none;border:none;}
#content .wp-caption a:link, #content .wp-caption a:visited, #content .wp-caption a:focus, #content .wp-caption a:hover, #content .wp-caption a:active {border:none;text-decoration:none;background-color:transparent;}


/***************** Clearfix ****************/

.clearfix:after { content:".";  display:block;  height:0;  clear:both;   visibility:hidden;  }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */