/* Link styles
------------------------------------------------ */

a:link    {color: #000000; text-decoration: none;border-bottom:1px dotted #000000;outline: none;}
a:visited {color: #000000; text-decoration: none;border-bottom:1px dotted #000000;}
a:hover   {color: #b00900; text-decoration: none;border-bottom:1px dotted #b00900;}
a:active  {color: #b00900; text-decoration: none;border-bottom:1px dotted #b00900;}



/* Container
------------------------------------------------ */

body {
 	margin: 0px;
	padding: 0px;
 	background: #400300;
        background-image: url('../images/562.jpg');
        background-repeat: repeat;
        font-size:12px;
}

#all
{
	margin: 0;
	padding:0;
 	background-color: #FFFFFF;
        background-image: url('../images/1722.jpg');
        background-repeat: repeat-x;
        background-position: bottom left;
}

#main
{
 	height: auto;
 	width: 768px;
 	text-align: left;
	margin: 0px auto;
	padding:0px;
}



/* Header
------------------------------------------------ */


#header
{
 	margin: 0px;
	padding: 24px 0 0 0px;
 	text-align: center;
 	background: #400300;
        background-image: url('../images/522.jpg');
        background-repeat: repeat;
        height:115px;
}

#masthead
{
    height: 92px;
    width: 768px;
    margin: 0px auto 0px auto;
    padding: 0;
}


.header-left
{
    color: #000000;
    float: left;
    padding: 0;
    padding: 0 0 0 0;
    width:  255px;
    height: auto;
    text-align: left;
}


.header-right
{
    color: #000000;
    float: right;
    width: 500px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0px 0 0 0;
    text-align: right;
}

#callout-panel
{
    float: right;
    width: 260px;
    height: 68px;
    margin: 0;
    padding: 0;
    background-image: url('../images/742.gif');
    background-repeat: no-repeat;
}

/* Footer
------------------------------------------------ */

.body-bottom
{
    width: auto;
    height: 24px;
    padding: 0px;
    margin: 24px 0 0 0;
    text-align: left;
}


#footer {
    height: 120px;
    width: 820px;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
    clear:both;
font-size:100%;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    line-height:1.5em;
}

.footer-right
{
        float: right;
	width: 530px;
        height: auto;
	margin: 0px;
    padding-top: 16px;
        text-align:left;
        color: #7c584e;
}

.footer-left
{
        float: left;
	width: 267px;
        height: auto;
	padding: 0px;
        text-align:left;
        color: #7c584e;
}


span.foot
{
    color: #7c584e;
    text-decoration:none;
    outline: none;
}


span.foot a:link, span.foot a:visited
{ 
    color: #7c584e;
    text-decoration:none;
    border-bottom:1px dotted #7c584e;
}

span.foot a:hover
{
    color: #b00900;
    text-decoration: none;
    border-bottom:1px dotted #b00900;
}

span.foot a:active
{color: #7c584e; text-decoration: none;}


/* Navigation & Lists
------------------------------------------------ */
#navigation {
    height: 28px;
    width: 768px;
    margin: 0px auto 0px auto;
    padding: 0px;
    text-align: left;
}
#tabbed {
  width:100%;
  font-size:110%;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
  line-height:normal;
  }
#tabbed ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#tabbed li {
  float:right;
  background:url("../images/642.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabbed a {
  float:left;
  display:block;
  background:url("../images/662.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:normal;
  color:#765;
border:none;
outline: none;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabbed a {float:none;}
/* End IE5-Mac hack */
#tabbed a:hover {
  color:#333;
border:none;
  }
#tabbed .active {
  background-image:url("../images/682.gif");
  }
#tabbed .active a {
  background-image:url("../images/702.gif");
  color:#333;
  padding-bottom:5px;
border:none;
  }



.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 120%;
    line-height: 1.2em;
}

.articlelist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist li
{
     height: auto;
     margin: 0px 0px 3px 12px;
     padding: 0px 0px 4px 0px;
     list-style-type: none;

}

.articlelist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;

}


.articlelist a:link, .articlelist a:visited { color: #666666; text-decoration: none;  border:none;font-weight:bold;}
.articlelist a:hover { color:  #0e2b8f; text-decoration: none;      border:none;}
.articlelist a:active { color: #000000; text-decoration: none;      border:none;}
.articlelist li a.active { color: #000000; text-decoration: none;     border:none;}



.downloadlist
{ 	
    width: auto;
    height: auto;
    padding: 0px; 
    margin: 0px;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-size: 110%;
    line-height: 1.2em;
}

.downloadlist ul
{
     margin: 0px 0px 6px 0px;
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.downloadlist li
{
     height: auto;
     margin: 0px 0px 4px 12px;
     padding: 0px 0px 6px 0px;
     list-style-type: none;

}

.downloadlist a
{
     padding: 2px 0px 2px 22px;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
     background-image: url('../images/522.gif');
     background-repeat: no-repeat;
     background-position: 0px -1px;
}


.downloadlist a:link, .downloadlist a:visited { color: #666666; text-decoration: none;  border:none;}
.downloadlist a:hover { color:  #0e2b8f; text-decoration: none;      border:none;}
.downloadlist a:active { color: #000000; text-decoration: none;      border:none;}
.downloadlist li a.active { color: #000000; text-decoration: none;     border:none;}

.article-body-image {
  float:right;
  padding:0 0 10px 10px;
}

/* Layout
------------------------------------------------ */

.content-float-rigid
{
    height: auto;
    float: left;
    width: 767px;
    padding: 0px;
    margin: 0px;
}


.first-float-rigid
{
    height: auto;
    float: left;    
    width: 267px;
    padding: 0;
    margin: 0;
}

.second-float-rigid
{
    height: auto;
    float: right;
    width: 500px;
    padding: 0;
    margin: 0 ;

}

.third-float-rigid
{
    height: 150px;
    float: right;
    width: 1px;
    padding: 0;
    margin: 0 ;
}

#lhscontainer
{
    width: auto;
    font: normal 100% Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    margin: 0px;
    padding: 30px 12px 36px 0px;
    text-align: left;
    color: #444444;
}


#maincontainer
{
    height: auto;
    font: normal 100% Century Gothic, Arial, Verdana, Helvetica, sans-serif;
    color: #444444;
    margin: 0px;
    padding: 30px 0px 0px 0px;

}

#maincontainer p {font-size:120%;color:black;}


.excerpt
{
    width: auto;
    height: auto;
    padding: 0 0 6px 0;
    margin: 0px;
}

.excerpt p
{
    font-family: Helvetica, Arial;
    line-height: 1.2em;
    font-size: 180%;
    font-weight: normal;
    color:#009e5a;
    padding: 0;
    margin: 0;
}

.range-list
{
	width:100%;
        position:relative;
	height:auto;
	margin-top:12px;
}

.range-image
{
	height: auto;
        width:116px;
	padding: 0;
	margin: 0 5px 5px 0;
        position:relative;
        float:left;
border: none;
}

.range-image a, .range-image a:link
{
border: none;
}



/* Headers / Paragraphs / Lists
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     line-height: 1.2em;
     padding-bottom: 4px;
letter-spacing: 0.5px;
}

h1 { font-family: Century Gothic, Helvetica, Arial; font-size: 180%; font-weight: bold; color: #900000; }
h2 { font-family: Century Gothic, Helvetica, Arial; font-size: 170%; font-weight: bold; color:#444444; }
h3 { font-family: Century Gothic, Helvetica, Arial; font-size: 160%; font-weight: bold; color:#900000; }
h4 { font-family: Century Gothic, Helvetica, Arial; font-size: 130%; font-weight: normal; color: #B28172; }
h5 { font-family: Century Gothic, Helvetica, Arial; font-size: 130%; font-weight: bold; color: #900000; }
h6 { font-size: 110%; font-weight: bold; color: #000000; }

h1, h2, h3, h4, h5, h6, pre, dl, address
{
     margin:  .4em 0;
     padding: 0;
}

p
{
     line-height: 1.4em;
     margin:  .5em 0;
     padding-bottom: 6px;
}


ol
{
     margin: 0em;
     padding-bottom: 6px;
}



ul
{
     margin: 0em;
     padding-bottom: 6px;
}

ul ul
{
     margin: 0em;
     padding-top: 6px;
}

li
{
     margin-left: 0em;
     font-size: 90%;
     line-height: 1.2em;
     padding-bottom: 6px;
}



blockquote
{
    width: 176px;
    height: auto;
    float: right;
    left: 12px;
    margin: 0px 0px 6px 0px;
    padding: 0 0 0 12px;
    line-height:1.4em;
    font: bold 130% Arial, Verdana, Helvetica, sans-serif;
    color: #900000;
    border-left: 1px solid #CCCCCC;
}



/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.3em Century Gothic, Verdana, "Lucida Sans Unicode", sans-serif;letter-spacing: 0.5px;
}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */

form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 90%;}

textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

/* Form Styles
---------------------------------------------------------------- */

#enquiry-form
{
border: 1px solid #66b6db;background:#ffffff;padding:8px 12px 12px 12px;width:auto;height:auto;margin-top:12px;
}

.form-row {padding: 0; margin: 0; text-align:left;}


form
{padding: 0;margin:0;border: 0;}

form fieldset
{padding: 0;margin:0 0 0 16px;border: 0;}

fieldset.zemContactForm {margin: 0; padding: 0; border: 0;}
form.zemContactForm {margin: 0; padding: 0; border: 0;}
#event-details fieldset, #event-booking-form fieldset, #booking-form fieldset, #details fieldset
{border:0;background:#ffffff;padding:0;margin-top:4px;margin-bottom:8px;}
#booking-form fieldset legend, #details fieldset legend { font-size: 160%; font-weight: normal; color: #188bc4; }

form input#textarea{width:auto;}
input.zemCheckbox {margin: 0; padding:0;}
input.zemText, select.zemSelect {margin-bottom:4px;margin-top:2px;}
.panel-rhs input, .panel-rhs input {margin:0px;}
.panel-lhs input.zemRequired, .panel-rhs input.zemRequired {margin:0; padding: 2px; border: 1px solid #188bc4;}

input.zemCheckbox {margin-top: -4px; padding:0;}
form label { font-weight: normal; font-size: 90%;}
label.zemRequired, label.zemRequirederrorElement {font-weight:bold;}
label.Address2{display:none;}
.panel-lhs label {margin: 0; padding: 0px; display:none;}


.zemError 
{
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	width: auto;
	color: #FF0000;
}

.zemError li
{
        padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	color: #FF0000;
}


/* Drop Shadows
------------------------------------------------ */

.outerpair1 {background: url(../images/upperrightfade.png) right top no-repeat;}

.outerpair2 {background: url(../images/lowerleftfade.png) left bottom no-repeat;padding-top: 8px;padding-left: 8px;}

.shadowbox {background: url(../images/shadow.png) bottom right;}

.shadowbox-home {width:235px;height:235px;background: url(../images/1943.jpg) no-repeat;padding:5px 0 0 5px;}

.innerbox {background:#FFFFFF;position: relative;left: -8px;top: -8px;}
.innerbox2 {background:#FFFFFF;position: relative;left: -8px;top: -8px;}

.shadowbox img {border: 6px solid #FFFFFF;vertical-align: bottom;}/* Shadowed images should not be made "block" for eliminating the baseline space under the images, because this may trigger IE background bugs. Instead, use "vertical-align: bottom;" for this purpose. */

.floatimage {float: left;margin: 0;display: inline;}

.absoluteimage {position: absolute;left: 40px;top: 200px;}

div#images-contact-ie6 {display:none;}




/* Images / Graphics
------------------------------------------------ */

.hr
{ 
    line-height: 1px; 
    font-size: 1px;
    padding: 0;
    margin: 4px 0 0 0;
    height: 1px;
    width: auto;
    background-image: url('../images/dash.gif');
    background-repeat: repeat-x;
}


.image-right
{
    float: right;       
    height: auto;
    width: auto;
    position: relative;
    margin: 12px 0 6px 8px;
     border:none;
}

.image-left
{
    float: left;       
    height: auto;
    width: auto;
    position: relative;
    margin: 12px 12px 6px 0;
     border:none;
}

.gallery-main
{   
    float: left;  
    height: auto;
    width: auto;
    position: relative;
    margin: 0 0 18px 0px;
    padding:0px;
    background: #FFFFFF;
}


.gallery-main img
{
    position: relative;
    padding:4px;
    margin: 0px;
    border:1px solid #DFDFDF;
}

.gallery-thumb
{
    float: left;      
    height: auto;
    width: auto;
    position: relative;

}

.gallery-thumb img
{    
    position: relative;
    padding:4px;
    margin: 8px 12px 0px 0px;
    border:1px solid #DFDFDF;
}

.gallery-thumb a
{
    border:none;
outline: none;
}

.gallery-thumb img:hover
{
    border:1px solid #666666;
}

.article-image
{
    float: right;        
    height: auto;
    width: auto;
    position: relative;
    margin: 14px;
}

.article-image img
{
    border: 8px solid #DFDFDF;
}

.article-image-home img
{
    border: 8px solid #DFDFDF;
}

.caption
{
    padding:0 0 4px 8px;margin:0;line-height:1em;
    font: normal 100% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:0;
}

#caption
{
    position: relative;
    font: normal 120% Century Gothic, Arial, Verdana, Helvetica, sans-serif;
     color: #000000;
    padding-bottom:6px;
	width: auto;
	height: auto;
}

img{  border: none;}



/* Pagination
------------------------------------------------ */

#pagination {padding-top: 24px;margin-left: 0px;font-weight: bold;color: #000;}
.pagination ul {padding: 4px 0px 4px 00px;margin: 0px 2px 0px 0px;}
.pagination li {display: inline;padding: 5px 8px 5px 8px;margin: 0px 2px 0px 0px; background:#F0F0F0;}
.pagination li a {color: #900000;  text-decoration:none;  border:none;}
.pagination li.paginationEmpty  {font-weight: normal; color: #666; background:#F8F8F8;}
.pagination li a:hover {color: #000;  text-decoration:none;border:none;}