body {
margin:0;
padding:0;
border:0;	
width:100%;
background: #cacacc; /* #dcc6ab;*/ /* 0416 */
color: #000;
font-size:100%;
font-family: arial, verdanda, "trebuchet ms", sans-serif;
/*font-family: Arial, Helvetica, sans-serif;*/
background-image:url('img/bgstripe.png');
text-align: justify;
}

/*****************/
/* STANDARD TAGS */
/*****************/

h1 {
padding: 0;
margin: 0 0 15px 0;
font-size: 150%;
font-style: italic;
/* padding-top: 0;
margin-top: 0;
margin-right: 60px; 
margin-left: 10px;
text-align: left;
font-weight: 700;
font-size: 200%; 
font-style: italic;*/
}

h2 {
font-size: 120%;
border: 1px solid black;
padding-left: 10px;
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}

h2.short {
width: 414px;
}

h3 {
/*background-color: #3459fe;
color: #fff;
padding-left: 50px;*/
padding: 1px 10px 1px 10px;
width: 840px;/*482px;*/
font-size: 100%;
font-style: italic;
padding-left: 50px;
}

h3.contact {
/*padding-left: 50px;*/
text-align: center;
width: 300px;
}

h3.short {
width: 414px;
}

h4 {
/*background-color: #edeff0;
color: #000;*/
border-bottom: 2px solid #edeff0;  
border-top: 2px solid #edeff0;  
width: 500px;
/*width: 40%;*/
/*float: left;*/
}

h5 {

}

h6 {

}

p {

}

p.pad0505 {
padding: 0 5px 0 5px;
}

table.bordered, table.bordered th, table.bordered td{
border: 1px solid #324b19;
padding: 5px;
text-align: center;
}

table.bordered th {
font-weight: 700;
}

table {

}

tr {

}

th {

}

td {

}

table.bordered {
margin-left:auto;
margin-right:auto;
}


hr {
background-color: #3459fe;
color: #3459fe;
}

ul {

}

ol {

}

br {

}

/* nb .image */
img {
}

/************/
/* CLEARING */
/************/

.clearb {
clear: both;
}

.clearl {
clear: left;
} 

.clearr {
clear: right;
}

img.lmarg {
margin-left: 1px;
margin-right: 0px;
/*border: 1px solid black;*/
padding: 0;
}

/*****************/
/* AMAZON IFRAME */
/*****************/

.iframe {
width:120px;
height:240px;
float: right;
margin-left: 10px;
margin-right: 10px;
}

/*****************/
/* GOOGLE IFRAME */
/*****************/

.gframe {
/*width:120px;
height:240px;*/
float: right;
margin-left: 10px;
margin-right: 10px;
}

.gframel {
/*width:120px;
height:240px;*/
/*float: left;*/
margin-left: 10px;
margin-right: 10px;
text-align: center;
}


/************/
/* GOOGLE+1 */
/************/

.plusone-box {
display: inline;
position: fixed;
top: 10px;
left: 15px;
}

.g-plusone {
}

/*************************/
/* Twitter button, no JS */
/*************************/

/*.twitter-follow-button.img {
vertical-align: middle;
border-style: none;
}*/

/*.twitterbtn {
vertical-align:middle;
border-style: none;
}*/

/*img.noborder {
border-style: none;
} */

/*
.imgmarg {
margin-right: 5px;
}
*/
a img {
/*border: none;*/
border-style: none;
vertical-align: middle;
}

/********************/
/* CUSTOM STRUCTURE */
/********************/

/******************/
/* COLOUR 1 LIGHT */
/******************/
body.home .menucontainer li a#homeactive, 
body.news .menucontainer li a#newsactive,
body.faqs .menucontainer li a#faqsactive, 
body.accessible .menucontainer li a#accessibleactive, 
body.ethos .menucontainer li a#ethosactive, 
body.portfolio .menucontainer li a#portfolioactive, 
body.prices .menucontainer li a#pricesactive, 
body.contact .menucontainer li a#contactactive,
h2, #container, #content, .menucontainer li a:hover, /*.menucontainer li a#current,*/ .submenu li a:hover, .submenu li a#current  /*, .image-l-menu*/ {
background-color: #f6fdec; /* #cacacc;*/ /*#f4e9dc;*/ /*#eeddc9;*/ /*#dcc6ab;*/ /*#81d6fe;*/ /*#e0e0e0;*/
color: #000;
}

/*****************/
/* COLOUR 2 DARK */
/*****************/
h2, h3, h3.contact, #access, #access a, #access a:hover, /*#header,*/ /*#footer, #footer a,*/ .menucontainer ul, .menucontainer li a, .submenu li a {
background-color: #324b19; /* #68ae10; */ /*#785130;*/ /*#307851;*/ /*#3459fe;*/ /*#861648;*/ 
color: #fff;
}

/****************/
/* COLOUR 3 MID */
/****************/
#tagline, .image-r, .image-l, .textbox-r, .textbox-r a, .textbox-l, .textbox-l-menu {
background-color: #5a980f; /* #cca174; */ /*#3a3d44; */
color: #fff;
}

#container {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
width: 1000px;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
padding-top: 30px;
margin-top: 10px;
}

/*******************/
/* STRUCTURE BOXES */
/*******************/

#access {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
margin: 0;
padding: 1px 10px 4px 10px;
text-align: right;
}

#access a {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: none;
}

#access a:hover {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: underline;
}

#headerpic {
/* no background-color: or color: set as this is a picture only */
background-image:url('img/016d2.jpg'); /* esf */
background-repeat:no-repeat;
padding: 0;
/* border-top: 1px solid #35bffe; */
border-left: 0;
/* border-bottom: 1px solid #ccc; esf *//* black; */
height: 301px; 
margin: 0;
background-color: #dceaf5; /*#e2e2e2;*/ /* esf */
}

/* background-color: and color: set here within the style*/ 
/* background-color required to give correct tint to semi-transparent bar */
#header { /*
background-image:url('img/transheader255.png');
background-repeat:no-repeat;
background-color: #FCE6D8;
color: #fff; 
padding: 0 0 0 0;
border-top: 0;
border-left: 0;
border-right: 0;
height: 30px;
margin: 0; */
}

#headercontact {
border: 1px solid black;
float: right;
width: 200px;
height: 106px;
background-color: #99bd6c;
margin-top: -48px;
margin-right: 10px;
text-align: center;
}

#headercontact img {
vertical-align:top;
float: left;

}

#tagline {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
padding: 2px 10px 2px 10px ;
border-top: 0;
border-left: 0;
border-right: 1px solid black;
border-bottom: 1px solid black;
text-align: center;
}

#content{
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
border: 0;
padding: 10px;
width: 860px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
line-height: 1.3;
}

/* NB .img */
.image-r {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
border: 1px solid black;
float: right;
width: 220px;
text-align: center;
margin: 3px 0px 5px 15px;
}

/* NB .img */
.image-l {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
border: 1px solid black;
float: left;
width: 220px;
text-align: center;
margin: 3px 15px 5px 0;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
}

img.floatleft {
float: left;
border: 1px solid black;
margin-right: 20px;
}

img.floatleftnobdr {
float: left;
}

img.floatright {
float: right;
border: 1px solid black;
margin-left: 20px;
}

img.floatright-hl {
float: right;
border: 2px solid #324b19;
margin-left: 20px;
padding: 1px;
}

img.floatleft-hl {
float: left;
border: 2px solid #324b19;
margin-right: 20px;
padding: 1px;
}

img.infig {
border: 2px solid #324b19;
margin-left: 20px;
padding: 1px;
}

img.infigl {
border: 2px solid #324b19;
margin-right: 20px;
padding: 1px;
}

img.infig2 {
border: 2px solid #324b19;
padding: 1px;
}

.floatright {
float: right;
}

.floatright div {
text-align: center;
font-size: 80%;
font-style: italic;
}

.floatleft {
float: left;
}

.floatleft div {
text-align: center;
font-size: 80%;
font-style: italic;
}

.floatright-h1 div {
text-align: right;
font-size: 80%;
font-style: italic;
}

.floatleft-h1 div {
text-align: left;
font-size: 80%;
font-style: italic;
}


.floatright-hl {
float: right;
border: 2px solid #324b19;
margin-left: 20px;
padding: 1px;
}

.floatleft-hl {
float: left;
border: 2px solid #324b19;
margin-right: 20px;
padding: 1px;
}


figure.floatright {
float: right;
}

figcaption.lftmarg20 {
margin-left: 20px;
}

/* NB .img */
.image-l-menu {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
border: 1px solid black;
float: left;
width: 210px;
text-align: center;
margin: 15px 15px 5px 0;
}

.img-pad-fix {
display: block;
}

.textbox-r {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
float: right;
margin-left: 10px;
margin-right: 0px;
padding: 10px 10px 0 10px;
width: 200px;
}

.textbox-r a{
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
}

.textbox-l {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
float: left;
margin-right: 10px;
margin-left: 0px;
padding: 10px 10px 0 10px;
width: 200px;
}

.textbox-l-menu {
/*color:  COLOUR 3 MID */
/*background-color: COLOUR 3 MID */
border: 1px solid black;
float: left;
margin: 15px 10px 0 0;
padding: 10px 10px 0 10px;
width: 190px;
}

#rhs-column {
float: right;
width: 320px;
border: 1px solid black;
margin-left: 15px;
margin-top: 25px;
padding: 5px;
}

#footer {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
/*border-top: 1px solid black;*/
border-left: 0;
border-right: 0;
border-bottom: 0;
padding: 10px;
text-align: right;
background-image:url('img/meadow01a2.jpg'); /* esf */
background-repeat:no-repeat;
color: #fff;
background-color: #324b19;
font-weight: 700;
}

#footer a{
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
color: #fff;
}

#imgfooter {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
/* border-top: 1px solid black;*/
border-left: 0;
border-right: 0;
/* border-bottom: 5px solid #324b19; */
/* padding: 10px; */
padding: 0;
text-align: right;
margin: 0;
height: 170px;

}

#imgfooter a{
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */

background-color: #f6fdec;
color: #000;
}



#footmenu {
/*border-bottom: 1px solid black;*/
background-color: #0083C9;
padding: 10px;
text-align: left;
color: #fff;
}

#footmenu a {
color: #fff;
text-decoration: none;
}


/*******************/
/* CUSTOM SETTINGS */
/*******************/

.italic {
font-style: italic;
}

.bold {
font-weight: bold
}

.italic-bold {
font-style: italic;
font-weight: bold
}

.center {
text-align: center;
}

/* .centerbdr{
text-align: center;
border: 2px solid #324b19;
padding: 1px;
width: 646px
} */



.justify {
text-align: justify;
}

/*********/
/* MENU **/
/*********/

.menucontainer ul {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
padding: .2em 0;
margin: 0;
list-style-type: none;
width: 100%;
/*font: normal 90% arial, helvetica, sans-serif;*/
font-weight: 700;
font-size: 90%;
text-align: center;
}

.menucontainer li {
display: inline;
}

.menucontainer li a {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: none;
padding: .2em 1em;
border-right: 1px solid #fff;

}

.menucontainer li a:hover {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */

}

/*.menucontainer li a#nav1 {*/
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
/*}*/

#menulist {
}

/***********/
/* SUBMENU */
/***********/
.submenu {
border-bottom: 1px solid #ccc;
height: 1.3em;
}

.submenu ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
/*background-color: #861648;*/
color: #FFF;
width: 100%;
font-weight: 700;
font-size: 80%;
text-align: center;
}

.submenu li {
display: inline;
}

.submenu li a {
/*color:  COLOUR 2 DARK */
/*background-color: COLOUR 2 DARK */
text-decoration: none;
padding: .2em 1em;
border-right: 1px solid #fff;
}

.submenu li a:hover {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}

.submenu li a#current {
/*color: COLOUR 1 LIGHT */
/*background-color: COLOUR 1 LIGHT */
}

/****************/
/* CONTACT FORM */
/****************/

label {
float: left;
width: 120px;
font-weight: bold;
vertical-align: text-bottom;
line-height: 130%;
/*border: 1px solid black;*/
}

.formp, .recaptcha {
/* margin-left: 120px; */
}

/* input {
width: 318px;
margin-bottom: 15px;
} */ 
/* conflict with PayPal donate button code ... input type="image" ... stretching image */


textarea{
width: 318px;
height: 100px;
resize: vertical;
}

textarea#jsoff{
width: 318px;
height: 50px;
resize: vertical;
}

#submit{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br {
clear: left;
}

.clearboth {
clear: both;
}

.asterisk {
font-size: 25px;
font-weight: 500;
color: black;
position: relative;
top: 5px;	
}

.ok_msg {
font-weight: 700;
background-color: #3459fe; /*#0083C9;*/
color: white;
display: block;
padding: 10px;
border: 1px solid #5DABDB;
width: 298px;
margin-bottom: 15px;
}

.failed_msg {
font-weight: 700;
background-color: #3459fe; /*#0083C9;*/
color: white;
display: block;
padding: 10px;
border: 1px solid #5DABDB;
width: 298px;
margin-bottom: 15px;
}

.col324b19 {
color: #324b19;
background-color: f6fdec;
}