@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-size:1rem;
	background-color:#fffef6;
	padding: 0;
	margin:0;
	background-image: url(../images/garden.jpg);
	color:#705038;
	height:100%;
}

.container {
	margin:0 auto;

}
td {
}
div {
	box-sizing:border-box;
}
.content {
	position:relative;
	margin:0 auto;
	width: 90%;
	min-height:60vh;
	font-weight:normal;
	line-height:1.5em;
	background-color:rgba(255,254,240,1);
	/*box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.3);*/
	border-radius:10px;
	clear:both;
}

.footer {
	position: relative;
}
#id01 {
	display:block;
}
#id02 {
	display:none;
}
#id03 {
	display:block;
}
#id04 {
	display:block;
}
#id05 {
	display:block;
}
table {
	border:0;
}
/* ~~ The footer ~~ */
.footer {
	position: relative;
	margin:-30px auto 0 auto;
	width:80%;
	text-align: center;
	height: 100px;
	color: green;
	font-size: .9em;
	font-weight: bold;
	line-height:1.2;
	padding:0;
	
}


.copyright {
	display:inline-block;
	color: #4C7223;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #f9ffeb;
	font-size: .8em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-top:20px;

}

a.foot:link {
	
	color: #8C4A2F;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	font-size:1rem;
	font-style: normal;
	font-weight: bold;
}
a.foot:visited {
	
	color: #8C4A2F;
	text-decoration: none;
}
a.foot:hover, a:active, a:focus { 
	
	/* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: green;
	text-decoration: underline;
}
iframe
{
	position:relative;
	margin:0 auto;
	background-color:#fff;
	border:2px solid #efdaa3;
	/*box-shadow:5px 5px 10px grey;*/
	clear:both;
	display:block;

	max-height:460px;
	max-width:460px;
	margin-top:30px;
	border-radius:5px;
}


/* page highlighting */
	body#home a#homeNav,
	body#about a#aboutNav,
	body#faq a#faqNav,
	body#contact a#contactNav
	{
    text-decoration: underline;
}
p.tagline {
	position:relative;
	margin-top:-30px;
	z-index:10;
	text-align: center;
	font-size:1.1em;
	font-size:1.1rem;
	font-weight: bold;
	font-style:italic;
	color:#FFF2D4;
	color:#f0e593;
	text-decoration:none;
	text-shadow: 2px 2px 5px #174d0b;
	font-family: serif, Georgia, "Times New Roman";
}

.menubartop {
	position:relative;
	top:-20px;
	text-align: center;
	height:99px;
	width: 100%;
	font-weight: bold;
	font-size: 1.3em;
	font-size: 1.3rem;
	position:relative;
	vertical-align: bottom;
}

a.topmenu:link,a.topmenu:visited,a.topmenu:active {
    text-decoration: none;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: large;
    font-style: normal;
    font-weight: bold;
}
a.topmenu:hover {
    text-decoration: none;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: large;
    font-style: normal;
    font-weight: bold;
}
h1.center {
	text-align:center;
	font-size:1.4em;
	color: #60802D;
	}
h3  {
	font-size: 1.1em;
	font-size:1.1rem;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.container {
	position:relative;
	margin:0 auto;
}
.footer {
	background-image: url(../images/leaf.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.image-textbox {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.imagebox-right {
	height:auto;
	line-height:0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:2px #efdaa3 solid;
	}
.imagebox-right img {
		width:100%;
		height:auto;
	}
.imagebox-left {
	height:auto;
	line-height:0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:2px #efdaa3 solid;
	}
.imagebox-left img {
		width:100%;
		height:auto;

	}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
}
.centrebox {
	margin:0 auto;
	font-size:1.05em;
	color:#4a582d;
}
.centrebox-about {
	width:80%;
	margin:0 auto;
	font-size:1.05em;
	color:#584023;
}

body#about ul li:first-of-type {
	list-style-type:none;
	text-decoration: underline;
	font-style: italic;
}
body#about ul li ul li:first-of-type {
	list-style-type:circle;
	text-decoration: none;
	font-style: normal;
}
li.li-heading {
	font-weight:bold;
}
li.li-content {
	font-style:italic;
	font-size:0.95rem;
	color:#4f501b;
}
ul 
{
	bocrder:1px solid black;
}