@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Lato:300,400');
* {
	margin:0; padding:0;
}
body, html {
	margin: 0px;
}
body,td,th {
	font-family: Lato, sans-serif;
}
body {
	background-color: #C7B277;
}
img {
	display:block;
} /* Resets images to avoid gap beneath when using Strict doctype */
h1, h2, h3, h4, p {
	font-weight: normal;
}
a {
	text-decoration: none;
}
/*
	WRAPPERS
*/

.standing {
    padding: 30px;
}

.leftcontentlist {
    list-style: none;
    padding: 0;
    margin: 0 0 1em 0;
}

.leftcontentlist li {
    padding: 6px 0 6px 20px;
    margin-bottom: 8px;
    line-height: 150%;
}

.leftcontentlist li::before {
    content: "■";
    color: #760A04;
    margin-left: -20px;
    padding-right: 10px;
}

.wrapper {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.pagewrapper {
	width: 100%;
	float: left;
	background-color: #F8F0E2;
	background-image: url(_gfxlib/pagebg.jpg);
	background-repeat: repeat;
}
.contentwrapper {
	float: left;
	width: 98%;
	margin: 0 1%;
	padding-bottom: 30px;
}
.sidewrapper {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}
.wrapper200 {
	float: left;
	width: 200px;
}
.wrapper300 {
	float: left;
	width: 300px;
}
/*
	HEADER
*/
#header {
	width: 100%;
	float: left;
	background-color: #750C0B;
}
#header #logowrapper {
	width: 215px;
	height: 142px;
	float: left;
	background-image: url(_gfxlib/logo215.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
#header #titlewrapper {
	margin-top: 80px;
	float: left;
}
#header #titlewrapper h1 {
	color: #F0DFAB;
	font-family: 'Lora', serif;
	font-size: 26px;
	text-align: right;
	font-weight: 400;
}
/*

MAIN MENU

*/
#menu {
	width: 100%;
	float: left;
	background-color: #750C0B;
	background-image: url(_gfxlib/menubg.jpg);
	background-repeat: repeat-x;
}
#menu ul {
	margin:0;
	padding:0;
	float: left;
	z-index: 999;
	margin-top: 8px;
}

#menu ul li {
	list-style:none;
	float:left;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}
#menu ul li a {
	text-decoration: none;
	color: #F1E1A8;
	display: block;
	height: 35px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 15px;
}

#menu ul li a:hover,
#menu ul li a.selected {
	background-color: #690B0A;
	color: #F8F0D4;
}
.slicknav_menu {
	display: none;
}
/*style the sub menu*/
#menu ul li ul {
	position: absolute;
	visibility: hidden;
	/*border-top: 1px solid #fff; */
	margin:0;
	padding:0;
	z-index: 900;
}

#menu ul li ul li {
	display:inline;
	float:none;
}

#menu ul li ul li a {
	margin: 0;
	padding: 0;
	background-color: #690B0A;
	background-color: rgba(105,11,10); /* fallback for browsers not supporting rgba */
	background-color: rgba(105,11,10,.9);	/* .9 opacity */
	text-align: left;
}

#menu ul li ul li a {
	margin:0;
	padding:0;
	font-size: 16px;
	font-weight: 300;
	color: #F1E1A8;
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 8px;
	height: 20px;
}

#menu ul li ul li a:hover {
	background-color: #750C0B;
	background-image:none;
	color: #FFF;
}
/*
	MAIN WRAPPER
*/
#mainwrapper {
	float: left;
	width: 100%;
	background-color: #F0F0E1;
	background-image: url(_gfxlib/sitebg.jpg);
	background-repeat: repeat;
	padding-top: 10px;
	margin-bottom: 10px;
}

/*
	HOME CONTENT
*/
.homecontentwrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 98%;
	margin: 10px 1%;
	padding-bottom: 30px;
}
.homeintrowrapper {
	float: left;
	width: 98%;
	margin: 0 1% 1rem 1%;
}
.homeintrowrapper .intro {
	float: left;
	width: 66%;
	margin: 10px 2%;
	margin-top: 10px;
}
.homeintrowrapper .intro h1 {
	font-size: 1.5rem;
	color: #760A04;
	padding-bottom: 1rem;
}
.homeintrowrapper .intro p {
	font-size: 1rem;
	color: #333333;
	margin-bottom: 1em;
	line-height: 150%;
}
.homeintrowrapper .introimage {
	float: left;
	width: 30%;
	margin: 0;
}
.homeintrowrapper .introimage img {
	width: 100%;
	height: auto;
}

.subcontentwrapper,
.subcontentwrapper2 {
	width: 32.5%;

}
.subcontentwrapper .title,
.subcontentwrapper2 .title {
	padding: 5px 1%;
	width: 98%;
	height: 40px;
	float: left;
	background-color: #C7B277;
}
.subcontentwrapper .title h1,
.subcontentwrapper2 .title h1 {
	color: #760A04;
	font-weight: 400;
	font-size: 26px;
	padding-top: 3px;
	margin-left: 5px;
}
.subcontentwrapper .title a,
.subcontentwrapper2 .title a {
	color: #760A04;
}
.subcontentwrapper .imgwrapper,
.subcontentwrapper2 .imgwrapper {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.subcontentwrapper .imgwrapper img,
.subcontentwrapper2 .imgwrapper img {
	width: 100%;
	height: auto;
}
.subcontentwrapper .subcontent,
.subcontentwrapper2 .subcontent {
	float: left;
	padding: 10px 1%;
	width: 98%;
	height: 120px;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
	margin-bottom: 5px;
}
.subcontentwrapper p,
.subcontentwrapper2 p {
	font-size: 15px;
	color: #30190C;
}
.subcontentwrapper p a,
.subcontentwrapper2 p a {
	color: #760A04;
}
.subcontentwrapper p a:hover,
.subcontentwrapper2 p a:hover {
	text-decoration: underline;
}
.subcontentwrapper .readmore,
.subcontentwrapper2 .readmore {
	float: left;
	padding: 10px 1%;
	width: 98%;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
}
.subcontentwrapper .readmore p,
.subcontentwrapper2 .readmore p {
	font-size: 14px;
	color: #30190C;
}
.subcontentwrapper .readmore .large,
.subcontentwrapper2 .readmore .large {
	font-size: 16px;
	color: #760A04;
}

/*
	PAGE CONTENT
*/

.contentintrowrapper {
	float: left;
	width: 98%;
	margin: 0 1% 1rem 1%;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
}
.contentintrowrapper .intro {
	float: left;
	width: 66%;
	margin: 10px 2%;
	margin-top: 10px;
}
.contentintrowrapper .intro h1, .standing h1 {
	font-size: 26px;
	color: #760A04;
	padding-bottom: 20px;
}
.contentintrowrapper .intro p {
	font-size: 16px;
	color: #30190C;
	padding-bottom: 10px;
}
.contentintrowrapper .intro .quotewrapper {
	float: left;
	background-image: url(_gfxlib/quote95.png);
	background-repeat: no-repeat;
	width: 100%;
}
.contentintrowrapper .intro .quotewrapper .quote {
	float: left;
	margin: 1rem 1% 0 120px;
}
.contentintrowrapper .intro .quotewrapper .quote p {
	font-size: 18px;
	font-weight: 300;
}
.contentintrowrapper .intro .quotewrapper .quote .quotesource {
	font-size: 14px;
	font-weight: 400;
}
.contentintrowrapper .introimage {
	float: left;
	width: 28%;
	margin: .5rem 1%;
}
.contentintrowrapper .introimage img {
	width: 100%;
	height: auto;
}
.bookwrapper {
	float: left;
	width: 98%;
	padding: .5rem 1%;
	margin-bottom: 10px;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
}
.bookwrapper .book {
	float: left;
	margin-left: 1%;
	width: 39%;
	padding: 10px 1%;
}
.bookwrapper .bookimage {
	float: left;
	width: 25%;
}
.bookwrapper .bookimage img {
	width: 100%;
	height: auto;
}
.bookwrapper .book h1 {
	font-size: 20px;
	color: #760A04;
	padding-bottom: 20px;
}
.bookwrapper .buyonlinewrapper {
	float: left;
	margin-left: 1%;
	width: 32%;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
}
.bookwrapper .buyonlinewrapper .buyonline {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.bookwrapper .buyonlinewrapper .buyonline img {
	float: left;
	margin-right: 10px;
}
.bookwrapper .buyonlinewrapper .buyonline p {
	font-size: 14px;
	margin-top: 10px;
}
.contentwrapper .leftpub {
	float: left;
	width: 98%;
	margin-left: 1%;
}
.pubwrapper {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
}
.pubwrapper2 { margin-top: 2rem; }
.pubwrapper .pub {
	float: left;
	margin-left: 1%;
	width: 77%;
	padding: .5rem 1%;
}
.pubwrapper .pub.pubwide {
	width: 57%;
}
.pubwrapper .pubimage {
	float: left;
	width: 20%;
}
.pubwrapper .pubimage.pubimagewide {
	float: left;
	width: 40%;
}
.pubwrapper .pubimage img {
	width: 100%;
	height: auto;
}
.pubwrapper .pub h1 {
	font-size: 18px;
	color: #760A04;
	padding-bottom: 16px;
}


.contentwrapper h2 {
	font-size: 1.5rem;
	color: #760A04;
	padding-bottom: 14px;
	margin-top: 20px;
}
.contentwrapper h3 {
	font-size: 1.25rem;
	color: #011549;
	padding-bottom: 10px;
	margin-top: 16px;
}
.contentwrapper p {
	font-size: 1rem;
	color: #333333;
	margin-bottom: 1em;
	line-height: 150%;
}
.contentwrapper h2 a,
.contentwrapper p a,
.contentwrapper .contentlist a {
	color: #760A04;
}
.contentwrapper  h2 a:hover {
	text-decoration: underline;
}
.contentwrapper .contentlist {
	font-size: 15px;
	color: #333;
	list-style: none;
	font-weight: 400;
	margin: 20px;
	margin-left: 40px;	/* THESE TWO LINES HELP LINE UP INDENT WITHIN BULLET */
	text-indent: -30px;
}
.contentwrapper .contentlist li {
	font-size: 1rem;
	color: #333333;
	margin-bottom: 1rem;
	line-height: 150%;
}
.contentwrapper .contentlist li:before { /* SET CODE / STYLE OF BULLET */
	color: #760A04;
	content: "■";
	padding: 10px;
}
.contentwrapper .leftcontent {
	float: left;
	width: 66%;
	margin-left: 1%;
}
.contentwrapper .leftcontent hr {
	margin: 1rem 0;
}
.contentwrapper .leftcontent .contentimage {
	width: 80%;
	margin: 1rem 10%;
	height: auto;
	max-width: 100%;
}
.contentwrapper .leftcontent blockquote { float: left; width: 80%; margin: 1rem 10%; font-size: 1rem; font-style: italic; color: #333; }

.subcontentwrapper200 {
	float: left;
	background-color: #F0EBD8;
	margin-bottom: 10px;
}
.subcontentwrapper200 .title {
	width: 190px;
	height: 30px;
	float: left;
	padding: 5px;
	background-image: url(_gfxlib/bluehead.jpg);
	background-repeat: repeat-x;
}
.subcontentwrapper200 .title h1 {
	color: #FDFAF4;
	font-weight: 400;
	font-size: 20px;
	margin-left: 5px;
	padding-top: 5px;
}
.subcontentwrapper200 .title h1 a {
	color: #FDFAF4;
}
.subcontentwrapper200 img {
	float: left;
}
.subcontentwrapper200 .subcontent {
	float: left;
	width: 180px;
	padding: 10px;
}
.subcontentwrapper200 .subcontent p {
	font-size: 13px;
	color: #333333;
}
.subcontentwrapper200 .subcontent p a {
	color: #333333;
}
.contentwrapper .leftcontent .subcontent {
	float: left;
	width: 93%;
	margin-left: 5%;
	padding: .5em 1%;
	background-color: #F0EBD8;
}
.contentwrapper .leftcontent .subcontent h3 {
	font-weight: 700;
	color: #760A04;
}
.contentwrapper .contenttable {
	border: 1px solid #999282;
	background-color: #F0EBD8;
	margin-top: 20px;
	margin-bottom: 20px;
}
.contentwrapper .contenttable th,
.contentwrapper .contenttable td {
	padding: 5px;
	font-size: 14px;
}
.contentwrapper .contenttable th {
	background-color: #D9CFB8;
}
.contentwrapper .contenttable a {
	color: #333333;
}
.contentwrapper .iframe {
	float: left;
	margin: 30px;
	border: 1px solid #999282;
}
/* SLIDER */
#slides {
	float: left;
	width: 100%;
}
#slides_container {
	float: left;
	width: 100%;
	padding:0;
	margin:0;
}
#slides_container li { list-style:none; }

.submenuwrapper h1 {
	font-size: 20px;
	color: #760A04;
	margin-bottom: 12px;
}
.submenuwrapper {
	float: left;
	width: 30%;
	margin-top: 20px;
	margin-left: 2%;
}
.submenuwrapper ul {
	list-style:none;
	float:left;
	width: 100%;
}
.submenuwrapper ul li {
	width: 100%;
	margin-bottom: 5px;
}
.submenuwrapper ul li a {
	display: block;
	font-size: 16px;
	color: #760A04;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	background-image: url(_gfxlib/sitebgmid.jpg);
	background-repeat: repeat;
}
.submenuwrapper ul li a:hover,
.submenuwrapper ul li a.selected {
	background-image: url(_gfxlib/sitebgdark.jpg);
	background-repeat: repeat;
}

/*
	FORM
*/
.formwrapper {
	width: 630px;
	float: left;
}
#quoteformwrapper label {
	font-size: 16px;
	color: #393937;
}
#quoteformwrapper .formlabel {
	font-size: 14px;
	color: #393937;
}
#quoteformwrapper p {
	padding-top: 3px;
}
#quoteformwrapper .formobject,
.formwrapper .formobject {
	font-size: 16px;
	color: #393937;
	margin-top: 5px;
	padding: 5px 0;
	background-color: #FAF8EC;
	font-family: 'Lato', sans-serif;
	border: 1px solid #393937;
	-moz-border-radius: 0px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px;
	width: 98%;
}
#quoteformwrapper .formbutton,
.formwrapper .formbutton {
	font-size: 18px;
	color: #FDFBF5;
	background-color: #760A04;
	padding: 5px;
	font-family: 'Lato', sans-serif;
	border: 1px solid #393937;
}
#quoteformwrapper h3 {
	font-size: 16px;
	color: #333;
	font-weight: 400;
}
#quoteformwrapper .formerror,
#quoteformwrapper .thanks {
	font-size: 14px;
	font-weight: 700;
	color: #CC0000;
}

/*
FOOTER
*/

#footerwrapper {
	float: left;
	width: 100%;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	margin-bottom: 1rem;
}
#footerwrapper #blogwrapper {
	width: 100%;
	float: left;
	margin: 0 5% 0 1%;
}
#footerwrapper #twitterwrapper {
	float: left;
	margin-left: 30px;
}
#twitterwrapper #twitterfeed {
	width: 300px;
	padding: 10px;
	float: left;
	background-color: #D2C192;
	border-color: #B3A06B;
	border-width: 1px;
	border-style: solid;
}
#footerwrapper #blogwrapper h1,
#footerwrapper #twitterwrapper h1,
#footerwrapper #twitterwrapper h1 a {
	color: #760A04;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
#footerwrapper #blogwrapper .blogitem {
	float: left;
	margin-bottom: 20px;
}
#footerwrapper #blogwrapper .blogitem h1 a {
	color: #000;
}
#footerwrapper #blogwrapper .blogitem p {
	font-size: 14px;
}
#footerwrapper #blogwrapper .blogitem p a,
#footerwrapper #blogwrapper .blogitem .readmore a {
	color: #760A04;
}
#footerwrapper #footlogowrapper {
	float: left;
	width: 100%;
	margin-top: 20px;
}
#footerwrapper #footlogowrapper .socialmedia,
#footerwrapper #footlogowrapper .organisations {
	float: left;
	width: 70%;
}
#footerwrapper #footlogowrapper .socialmedia {
	width: 30%;
}
#footerwrapper #footlogowrapper .socialmedia img {
	float: right;
	margin: 5px;
}
#footerwrapper #footlogowrapper .organisations img {
	float: left;
	margin: 5px;
}
#footerwrapper #creditswrapper {
	float: left;
	width: 100%;
	margin: 1rem 0;
}
#footerwrapper #creditswrapper #copyright,
#footerwrapper #creditswrapper #webcredit {
	font-size: .75rem;
	color: #393937;
	float: left;
}
#footerwrapper #creditswrapper #copyright {
	width: 50%;
}
#footerwrapper #creditswrapper #webcredit {
	width: 50%;
	text-align: right;
}
#footerwrapper #creditswrapper a {
	color: #30190C;
}
#footerwrapper #creditswrapper a:hover {
	color: #30190C;
}
#footerwrapper #creditswrapper #webcredit a {
	color: #30190C;
}
#footerwrapper #creditswrapper #webcredit #beachshore:hover {
	color: #037F8C;
}
#footerwrapper #creditswrapper #webcredit #beachshore #beachshorebold {
	font-weight: 700;
}