@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,900');

/*********************************************************************************/
/* Reset                                                                         */
/*********************************************************************************/
* {
	margin:0; padding:0;
	-webkit-overflow-scrolling: touch;
}
html {
	margin: 0;
	height: 100%;
}
html, body {
	width: 100%;
	overflow-x: hidden; /* Fix wider background */
}
body {
	background: #39587F;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}
img {
	display:block;
} /* Resets images to avoid gap beneath when using Strict doctype */
h1, h2, h3, h4, p, li {
	font-weight: 300;
	font-size: 1em;
}
a {
	text-decoration: none;
	color: #39587F;
}
strong {
	font-weight: 700;
}
/*********************************************************************************/
/* Fonts                                                                         */
/*********************************************************************************/
body {
	font-family: 'Nunito Sans', sans-serif;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.wrapper {
	max-width: 1800px;
	margin: 0 auto;
}
#page {
	float: left;
	width: 100%;
	background: #39587F;
}
.flexwrapper,
.flexrow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexrow {
	align-items: stretch;
}
.pageshade {
	float: left;
	width: 100%;
	background: #F4F4F4;
}
/*********************************************************************************/
/* Common                                                                        */
/*********************************************************************************/
.button {
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0 20px;
	line-height: 35px;
	min-width: 50px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
	background: #A69E8F;
	color: #FFFFFF;
	font-size: 1.125em;
}
.buttonsml {
	padding: 0 10px;
	line-height: 25px;
}
.buttonlrg {
	padding: 0 20px;
	line-height: 35px;
}
.button:hover {
	background: #C2B8A7;
}
.promote {
	background: #3EAD4D;
}
.promote:hover {
	background: #44BD54;
}
.buttonred {
	background: #CC0000;
	color: #FFFFFF;
}
.buttonred:hover {
	background: #FF0000;
}
.buttongreen {
	background: #2DB300;
	color: #FFFFFF;
}
.buttongreen a {
	color: #FFFFFF;
}
.buttongreen:hover {
	background: #33CC00;
}
.buttonblack {
	background: #000000;
	color: #FBC600;
}
.buttonblack:hover {
	background: #000000;
	color: #FFFFFF;
}
.buttonmargin {
	margin: 1rem 0;
}
/*********************************************************************************/
/* Top Nav                                                                       */
/*********************************************************************************/
.specialbanner {
	float: left;
	width: 100%;
	background: #CC0000;
	padding: 1rem 0 1rem 0;
}
.specialbanner h2,
.specialbanner p,
.specialbanner a {
	color: #FFFFFF;
}
.specialbanner h2 {
	font-size: 1.125rem;
	font-weight: 700;
}
.specialbanner a {
	font-weight: 700;
}
.specialbanner a:hover {
	text-decoration: underline;
}
#topnav {
	float: left;
	width: 100%;
	height: 40px;
	background: #39587F;
	padding-top: 1rem;
}
#topnav #left {
	float: left;
	width: 250px;
	height: 30px;
	margin-right: 1em;
}
#topnav #right {
	overflow: hidden;
	height: 40px;
	text-align: right;
}
#topnav #credentials {
	float: right;
	margin: 5px 0 0 0;
}
#topnav #credentials p {
	color: #999999;
	font-weight: 400;
	font-size: .875em;
}
#topnav #credentials p a {
	color: #666666;
}
#topnav #credentials p a:hover {
	color: #999999;
}
#topnav #credentials p a.highlightred {
	font-weight: 700;
	color: #CC0000;
}
#topnav #credentials p a.highlightred:hover {
	text-decoration: none;
	color: #FF0000;
}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header {
	position: relative; /* Force to top for dropdown */
	float: left;
	width: 100%;
	background: #39587F;
}
#header.homeheader {
	/*margin-bottom: 200px;*/
}
#header #logo {
	float: left;
	width: 525px;
	height: 135px;
	background: url('../img/assets/logox1050.png') no-repeat center;
	background-size: 100%;
	margin: -40px 0 0 0;
}
#header #logo a {
	display: block;
	width: 100%;
	height: 100%;
}
/*********************************************************************************/
/* Menu.                                                                         */
/*********************************************************************************/
#menuwrapper {
	float: left;
	width: 100%;
	max-width: 1200px;
	padding-top: 3rem;
}
#menuwrapper #menu {
	padding: .5rem auto;
}
#menuwrapper #menu ul {
	margin: 1.75rem auto 0 auto;
	padding:0;
	z-index: 99;
	text-align: center;
}
#menuwrapper #menu ul li,
#credentials ul li {
	display: inline-block;
	list-style: none;
	font-size: .875rem;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 0;
}
#menuwrapper #menu ul li {
	font-size: 1.25rem;
	font-weight: 700;
}
#menuwrapper #menu ul li a,
#credentials ul li a {
	color: #FFFFFF;
	display: block;
	padding: 1.5rem .75rem;
	margin: 0 .125rem;
	-moz-transition: background-color ease-out .25s;
	-o-transition: background-color ease-out .25s;
	-webkit-transition: background-color ease-out .25s;
	transition: background-color ease-out .25s;
}
#credentials ul li a {
	text-transform: uppercase;
	font-weight: 700;
	padding: 1rem .5rem;
}
#credentials ul li a:hover {
	color: #ECF2F9;
}
#credentials ul li .freepromo {
	display: block;
	background-color: #CC0000;
	font-weight: 700;
	font-size: 1.5rem;
	margin: 0 .5rem 0 0;
	color: #FFFFFF;
	padding: 1rem ;
}
#menuwrapper #menu ul li a.selected,
#menuwrapper #menu ul li a:hover {
	background: #283D58;
}
#menuwrapper #menu ul li.search {
	font-size: 1.25rem;
}
#menuwrapper #menu ul li.search a {
	padding: 1rem 1rem;
	color: #D4CEC4;
}
#menuwrapper #menu ul li.search a:hover {
	background: none;
}
.slicknav_menu {
	display: none;
}
.slicknavplace {
	float: left;
	width: 100%;
}
/*********************************************************************************/
/* Submenu                                                                       */
/*********************************************************************************/
#menuwrapper #menu ul li ul {
	position: absolute;
	visibility: hidden;
	margin:0 0 0 .25rem;
	padding: 0;
	/* z-index: 900; */
}
#menuwrapper #menu ul li ul li {
	display: inline;
}
#menuwrapper #menu ul li ul li a {
	margin: 0;
	background: #283D58;
	color: #FFFFFF;
	text-align: left;
	font-size: 1.125rem;
	padding: 1rem 1rem;
}
#menuwrapper #menu ul li ul li a:hover {
	background: #476E9E;
	color: #FFFFFF;
	border: 0;
	padding-top: solid .3125rem #CCCCCC;
}
#menuwrapper #menu ul .menuhighlight {
	background: #0ac25a;
	margin-left: 3%;
}
#menuwrapper #menu ul .menuhighlight a:hover {
	background: #0BDA66;
}
#menuwrapper #menu ul li,
#menuwrapper #menu ul li ul li {
	font-family: 'Nunito Sans', sans-serif;
}
#menuwrapper #menu ul li.search ul {
	background: #F4F3F0;
	padding: 1rem 2rem;
}
#menuwrapper #menu ul li.search ul form fieldset {
	border: 0;
}
#menuwrapper #menu ul li.search ul li .form .query {
	padding: 5px;
	font-size: 1rem;
	border: solid 1px #ECECEC;
	color: #666666;
}
#menuwrapper #menu ul li.search ul li .form input[type=submit],
#menuwrapper #menu ul li.search ul li .form input[type=button] {
	color: #39587F;
	background-color: transparent;
	border: none;
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: .5px;
	padding: 5px 1rem;
	cursor: pointer;

}
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
#bannerouter {
	float: left;
	width: 100%;
	/*margin: -168px 0 3rem 0; /* -168 = 200px from header less 2rem space */
	margin: 0 0 3rem 0;
}
#bannerouter.nopad{
	margin: 0;
}
#bannerwrap {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
#bannerwrap.homebanner #banner {
	width: 100%;
	float: left;
}
#bannerwrap.homebanner #bannerpromo {
	float: left;
	width: 32%;
	margin-left: 2%;
}
#bannerwrap.homebanner #bannerpromo .textblock {
	width: 98%;
	background: #F9BE00;
	padding: 1rem 1%;
}
#bannerwrap.homebanner #bannerpromo .textblock {
	width: 90%;
	background: #F9BE00;
	padding: 1rem 5%;
}
#bannerwrap.homebanner #bannerpromo .textblock p {
	font-size: 2.25rem;
	color: #FFFFFF;
	font-weight: 700;
}
.slider,
.sliderres,
#contentbanner {
	float: left;
	background: #F6F4EE;
	width: 100%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.slider img,
#contentbanner img {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
}
#contentbanner.bannertrans {
	background: #283D58;
}
#contentbanner.bannertrans img {
	/* mix-blend-mode: multiply; */
}
#contentbanner img.absolute {
	left: 50%;
	margin-left: -200px;
	position: absolute;
}
.slider .captionwrapper,
#contentbanner .captionwrapper {
	position: absolute;
	max-width: 1800px;
	height: 100%;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 99;
}
.slider .captionwrapper .caption,
#contentbanner .captionwrapper .caption {
	position: absolute;
	top: 25%;
	bottom: 25%;
	width: 30%;
	height: 50%;
	padding: 0 2%;
	right: 0;
	background: rgba(47, 74, 106,.90);
	color: #FFFFFF;
	z-index: 99;
}
.slider .captionwrapper .caption .pseudo,
#contentbanner .captionwrapper .caption .pseudo {
	/* To align text vertical middle */
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.slider .captionwrapper .caption h1,
.slider .captionwrapper .caption h2,
#contentbanner .captionwrapper .caption h1,
#contentbanner .captionwrapper .caption h2 {
	display: inline-block;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 2.75rem;
	text-transform: uppercase;
	font-weight: 900;
	text-align: left;
	margin: auto;
	line-height: 125%;
	letter-spacing: 1px;
}
.slider .captionwrapper .caption h1 .subtitle,
.slider .captionwrapper .caption h2 .subtitle,
#contentbanner .captionwrapper .caption h1 .subtitle,
#contentbanner .captionwrapper .caption h2 .subtitle {
	font-size: 2rem;
	text-transform: uppercase;
	display: block;
}
#banner a {
	display: block;
	width: 100%;
	height: 100%;
}
/*********************************************************************************/
/* Content Header                                                                */
/*********************************************************************************/
.contentheader {
	float: left;
	width: 100%;
	margin: 3rem 0 0 0;
	border-bottom: solid 20px #39587F;
}
.contentheader h1 {
	font-size: 2.5rem;
	font-weight: 900;
	color: #39587F;
	color: #B88C00;
	margin: 0 0 1rem 0;
}
/*********************************************************************************/
/* Breadcrumb                                                                    */
/*********************************************************************************/
#breadcrumb {
	float: left;
	width: 100%;
	margin: 1rem 0 2rem;
	border-bottom: solid 1px #F6F4EE;
}
#breadcrumb p {
	font-size: 1rem;
}
#breadcrumb p,
#breadcrumb p a {
	color: #39587F;
}
#breadcrumb p a:hover {
	color: #4F7BB0;
}
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
.content {
	float: left;
	width: 100%;
	margin: 0;
}
.content.contentmain {
	float: left;
	width: 94%;
	padding: 0 3%;
	margin: 0;
	background: #FFFFFF;
}
.contentsection {
	float: left;
	width: 98%;
	padding: .5em 1%;
	margin: 0 0 2rem 0;
}
.content h1 {
	font-size: 2.75rem;
	margin-bottom: 2rem;
	color: #4F7BB0;
	font-weight: 900;
	text-transform: uppercase;
}
.content h2 {
	font-size: 2rem;
}
.content h3 {
	font-size: 1.25em;
}
.content h4 {
	font-size: 1.125em;
	font-weight: 400;
}
.content h2, .content h3, .content h4 {
	width: 100%;
	margin: 0 0 .5em 0;
	font-weight: 700;
}
/* .full class allows the header tag to have an ID to jump to */
.content h2.full, .content h3.full, .content h4.full {
	float: left;
}
.content p,
.content blockquote {
	font-size: 1.125em;
	color: #333333;
	line-height: 145%;
	margin: 0 0 1em 0;
	width: 100%;
	font-weight: 400;
}
.content p.small {
	font-size: 1em;
}
.content p.price {
	font-size: 1.25em;
	font-weight: 700;
}
.content p.price .small {
	font-size: .75em;
}
.content .standfirst {
	font-size: 1.25rem;
	color: #39587F;
	font-weight: 700;
}
.content blockquote {
	font-size: 1.25rem;
	font-style: italic;
	margin: 1.5rem 5%;
	width: 90%;
}
.content blockquote .attributed {
	font-size: .875rem;
	font-style: normal;
}
.contentsection p {
	font-size: 1.125em;
}
.contentsection img.full {
	float: left;
	max-width: 100%;
	height: auto;
}
.content .sectionwrap {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.contentmed h2 {
	font-size: 1.5em;
}
.contentmed p {
	font-size: .875em;
}
.content .sectionwrap.marginmed,
.marginmed {
	margin: 1.5rem 0;
}
.content .highlight {
	float: left;
	width: 96%;
	margin: 1em 0;
	padding: 2rem 2%;
	background: #39587F;
}
.content .highlightred {
	background: #CC0000;
}
.content .highlight p {
	font-size: 1.25rem;
	color: #FFFFFF;
}
.content .highlight p .large {
	font-size: 3rem;
	font-weight: 700;
}
.content .highlight p em {
	font-weight: 700;
}
.content .highlightcentre {
	text-align: center;
}
.content .highlightborder {
	border: solid 1px #CCCCCC;
}
.content .highlightborderh {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 1em 0;
}
.content .jumpto {
	float: left;
	width: 98%;
	padding: 1rem 1%;
	margin: 1rem 0;
	background: #e9e9e2;
}
.content .jumpto p {
	font-weight: 700;
}
.content .jumpto ul {
	list-style-type: none;
}
.content .jumpto ul li {
	margin: 0 0 1rem 0;
	font-weight: 700;
}
.content .jumpto ul li a:hover {
	text-decoration: underline;
}
/*********************************************************************************/
/* Content Centre                                                                */
/*********************************************************************************/
.content .contentcentre .subheadblock {
	float: left;
	width: 98%;
	padding: .5rem 1% 0 1%;
	background: #39587F;
	margin: 1rem 0;
}
.content .contentcentre .subheadblock h2,
.content .contentcentre .subheadblock h2 a {
	color: #FFFFFF;
}
.contentcentre 	.shadeblock {
	float: left;
	width: 98%;
	padding: 1rem 1%;
	margin: 1rem 0;
}
.contentcentre .block50 {
	float: left;
	width: 50%;
}
.contentcentre .block50.pad {
	width: 48%;
	margin: 0 1%;
}
.contentcentre p {
	float: left;
	width: 100%;
}

.contentcentre .profilewrap h3 {
	float: left;
	width: 100%;
	font-size: 1.25rem;
}
.contentcentre .profilewrap .profilebanner {
	float: left;
	width: 100%;
	margin-bottom: 1rem;
}
.contentcentre .profilewrap .profilebanner img {
	width: 100%;
	height: auto;
}
.contentcentre .profilewrap .profilebanner.maxheight img {
	height: 100%;
	width: auto;
	max-height: 500px;
	margin: 0 auto;
}
.contentcentre .profilewrap .profilebanner.fullsize img {
	height: auto;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}
.contentcentre .profilewrap h2 {
	float: left;
	width: 100%;
	margin-top: 2rem;
}
/*********************************************************************************/
/* Content Image Handling                                                        */
/*********************************************************************************/
.content .imgwrapleft,
.content .imgwrapright {
	float: left;
	max-width: 50%;
	margin: 0 2% 1em 0;
}
.content .imgwrapright {
	float: right;
	margin: 0 0 1em 2%;
}
.content .imgwrapleft img,
.content .imgwrapright img {
	float: left;
	width: 100%;
	height: auto;
	border: solid 1px #333333;
	margin: 0 0 .5em 0;
}
.content .imgwrapleft p,
.content .imgwrapright p,
.content .imgwrapcentre p {
	text-align: center;
	font-size: .75em;
}
.content .imgleft,
.content .imgright {
	float: left;
	max-width: 50%;
	height: auto;
	margin: 0 2% 1em 0;
	border: solid 1px #333333;
}
.content .imgright {
	float: right;
	margin: 0 0 1em 2%;
}
.content .imagewrap {
	float: left;
	width: 100%;
	margin: 1em 0;
}
.content .imagewrapcentre {
	float: none;
	display: block;
	text-align: center;
	width: 100%;
	margin: 1em 0;
}
.content .imagewrap img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	/* ---- Quick fix to prevent large images */
	max-height: 500px;
	width: auto;
	/* ---- */
}
.content .imagewrap img.imageborder {
	border: solid 1px #000000;
}
.content .imagewrap p {
	text-align: center;
	font-size: .875rem;
}
.content .width33 {
	max-width: 33%;
}
.content .imgnoborder {
	border: 0;
}
/*********************************************************************************/
/* Gallery                                                                       */
/*********************************************************************************/
.gallerythumbholder {
	float: left;
	width: 100%;
}
.content .contentcentre .gallerythumbwrapper {
	float: left;
	width: 98%;
	background: #F9F7F4;
	padding: 1em 1%;
	margin: 1em 0;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs {
	float: left;
	width: 100%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs li {
	list-style-type: none;
	flex-basis: 23%;
	margin: .5em 1%;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs li img {
	width: 100%;
	height: auto;
	border: 1px #666 solid;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs li p {
	font-size: .875em;
	margin: .5em 0;
	line-height: 125%;
}
/***************************************/
/* Content List                        */
/***************************************/
.content ul.contentlist,
.content ol.contentolist,
.content ul.contentlist ul,
.content ul.contentlist ol,
.content ol.contentolist ul,
.content ol.contentolist ol {
	float: left;
	width: 92%;
	margin: .5em 4% 1rem 4%;
	list-style-position: inside;
}
.content ul.contentlist li,
.content ol.contentolist li,
.content ul.contentlist li li,
.content ol.contentolist li li {
	margin: 0 0 1em 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.125rem;
	color: #333333;
	line-height: 145%;
	width: 100%;
	font-weight: 400;
}
.content ul.contentlist li {
	list-style-type: none;
}
.content ul.contentlist li:before {
    content: "\25A0";
	font-family:"Arial Black";
    color: #39587F;
	padding-right: .5em;
}
.content ul.contentlist li a {
	color: #39587F;
}
.content ul.contentlist li a:hover {
	text-decoration: underline;
	color: #39587F;
}
/***************************************/
/* Read More List                      */
/***************************************/
.content ul.readmore {
	float: left;
	width: 98%;
	margin: .5em 1% 1rem 1%;
	list-style-position: inside;
}
.content ul.readmore li {
	font-size: 1.125em;
	color: #333333;
	margin: 0 0 .5em 1em;
	font-weight: 400;
	list-style-type: none;
}
/* Triangle bullet */
.content ul.readmore li:before {
	content: "";
	border-color: transparent #111;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.45em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 0.9em;
	position: relative;
}
.content ul.readmore h3 {
	font-size: 1.25em;
	color: #39587F;
	font-weight: 500;
	margin: 0 0 .5em 0;
	border: none;
}
.content p a,
.content ul.readmore li a {
	color: #39587F;
}
.content p a:hover,
.content ul.readmore li a:hover {
	text-decoration: underline;
	color: #39587F;
}
.content p a.stronglink {
	font-weight: 700;
}
/***************************************/
/* Half Width Blocks                   */
/***************************************/
/*.contentrow {
	float: left;
	width: 100%;
	margin: 0 0 2rem 0;
}
.content .contentrow .halfwidth,
.content .contentrow .halfwidthright {
	position: relative;
	width: 47%;
}
.content .halfwidth {
	margin: 0 1% 0 0;
}
.content .halfwidthright {
	margin: 0 0 0 1%;
}
.contentsection .wrap50 {
	float: left;
	width: 50%;
}
.contentsection .marginleft {
	margin: 0 0 0 2%;
	width: 48%;
}
.content .contentrow .halfwidth .marginbot,
.content .contentrow .halfwidthright .marginbot {
	margin-bottom: 1em;
}
.flexwrapper .wrap50,
.flexwrapper .wrap50full {
	float: none;
	position: relative;
	width: 49%;
	margin: 0 .5%;
}
.flexwrapper .wrap50full {
	width: 99%;
}
.content .flexrow .halfwidth {
	float: left;
	position: relative;
	width: 47%;
	margin: 0 .5%;
}
*/
.contentrow {
	float: left;
	width: 100%;
	margin: 0 0 2rem 0;
}
.content .contentrow .halfwidth,
.content .contentrow .halfwidthright {
	position: relative;
	width: 47%;
	display: flex;
	flex-flow: column;
}
.content .halfwidth {
	margin: 0;
}
.content .halfwidth h2 {
	margin: 0;
}
.contentsection .wrap50 {
	float: left;
	width: 50%;
}
.contentsection .marginleft {
	margin: 0 0 0 2%;
	width: 48%;
}
.content .contentrow .halfwidth .marginbot,
.content .contentrow .halfwidthright .marginbot {
	margin-bottom: 1em;
}
.flexwrapper .wrap50,
.flexwrapper .wrap50full {
	float: none;
	position: relative;
	width: 49%;
	margin: 0 .5%;
}
.flexwrapper .wrap50full {
	width: 99%;
}
.content .flexrow .halfwidth {
	float: left;
	position: relative;
	width: 48%;
	margin: 0;
	padding: 0;
}
.sectionwrap.sectionpad {
	width: 96%;
	padding: 1rem 2%;
}
.sectionwrap.sectiongrow {
	flex-grow: 1;
}
.sectionwrap .productpromo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 1rem 0;
	justify-content: space-between;
}
.sectionwrap .productpromo .product {
	width: 21%;
}
.sectionwrap .productpromo .product .image {
	width: 100%;
}
.sectionwrap .productpromo .product .image img {
	width: auto;
	height: 220px;
	margin: 0 auto;
}
.sectionwrap .productpromo .product .description {
	float: left;
	width: 100%;
	margin: 1rem 0;
	font-size: .875rem;
	text-align: center;
}
.sectionwrap .pubpromo {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.sectionwrap .pubpromo .image {
	width: 20%;
}
.sectionwrap .pubpromo .image img {
	width: 100%;
	height: auto;
}
.sectionwrap .pubpromo .description {
	width: 75%;
	margin: 1rem 0;
	font-size: .875rem;
}
.sectionwrap .pubpromo .description a {
	color: #263A8C;
}
/***************************************/
/* Third Width Blocks                  */
/***************************************/
.contentflex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 2rem 0;
	float: left;
	position: relative;
}
.contentflex .thirdwidth {
	width: 31%;
	display: flex;
	flex-direction: column;
	position: relative;
	background: #FFFFFF;
}
.contentsection .title {
	float: left;
	width: 96%;
	padding: .5rem 2%;
	background: #39587F;
	background: rgb(250,191,0);
	background: rgba(250,191,0,0.9);
}
.contentsection .title h2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #FFFFFF;
	margin: 0;
}
.contentsection .title a {
	color: #FFFFFF;
}
.contentsection .image {
	float: left;
	position: relative;
	/* z-index: 98; */
	width: 100%;
	overflow: hidden;
}
.contentsection .image img {
	width: 100%;
	height: auto;
}
.contentsection .image.imagesquare {
	text-align: center;
	display: block;
	float: none;
	background: #BDBDA8;
}
.contentsection .image.imagesquare a {
	width: 100%;
	float: left;
	margin: 0 auto;
}
.contentsection .image.imagesquare img {
	width: auto;
	height: 100%;
	max-height: 320px;
	margin: 0 auto;
	display: inline-block;
	float: none;
}
.contentsection.thirdwidth {
	margin: 0;
	padding: 0;
}
.contentsection .contentwrap {
	position: relative;
	float: left;
	width: 96%;
	padding: 1rem 2%;
}
.contentsection .contentwrap h2 {
	font-weight: 900;
	text-transform: uppercase;
}
.contentsection .contentwrap h3 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #000000;
}
.contentsection .contentwrap p {
	color: #333333;
	font-size: 1.125rem;
}
.contentsection .contentwrap h2 a {
	color: #39587F;
}
/***************************************/
/* Wide Blocks                         */
/***************************************/
.contentwide {
	float: left;
	width: 100%;
	padding: .5em 0;
	margin: 0 0 2rem 0;
}
.contentwide.spacetop {
	margin-top: 3rem;
}
.contentwide .wrapperwide {
	width: 100%;
	margin: 0 auto;
	max-width: 1800px;
}
.contentwide .flexwrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contentwide .flexwrapper.flexstart {
	justify-content: flex-start
}
.contentwide .content {
	width: 100%;
	margin: 0%;
}
.content h2 {
	font-weight: 700;
	color: #263A8C;
	font-size: 1.5rem;
}
.content h2.large {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 900;
}
.contentwide .contentblock {
	float: left;
	width: 21%;
	margin: 1em 1%;
	padding: .5em 1%;
}
.flexwrapper .contentblock {
	float: none;
	position: relative;
	width: 22%;
	padding: 1em 1%;
	margin: 1rem 0;
}
.flexwrapper.flexstart .contentblock {
	float: none;
	position: relative;
	width: 21%;
	padding: 1rem 1%;
	margin: 1rem 1%;
	background: #8EA3BD;
}
.flexwrapper.bggrey .contentblock {
	background: #27637D;
}

.contentwide .contentblock .image {
	float: left;
	width: 100%;
	margin: 0 0 1rem 0;
}
.contentwide .contentblock .image img {
	width: 100%;
	height: auto;
}
.contentwide .contentblock .content {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.contentwide .contentblock .content h3 {
	font-weight: 700;
	font-size: 1.125em;
	margin-bottom: 1em;
	color: #363636;
}
.contentwide .contentblock .content p {
	font-size: 1em;
	font-weight: 400;
	line-height: 145%;
	margin: 0;
}
.contentwide .contentblock .readmore {
	position: absolute;
	bottom: 0;
	padding-bottom: .5em;
}
.contentwide .contentblock .readmore p {
	font-weight: 400;
	font-size: 1em;
}
.contentwide .contentblock .readmore p a:hover {
	text-decoration: underline;
}
.contentwide .content.contenttitle {
	float: left;
	width: 98%;
	margin: 0 1%;
}
.contentwide.bgblue {
	background: #507099;
	padding: 2rem 0;
}
.contentwide.bggrey {
	background: #378DB1
}
.contentwide.bgblue h2,
.contentwide.bgblue h2 a,
.contentwide.bgblue .content p,
.contentwide.bgblue .content a,
.contentwide.bgblue .readmore p,
.contentwide.bgblue .readmore a,
.contentwide.bgblue .contentblock .content h3 {
	color: #FFFFFF;
}
.contentwide.bgblue h2 a:hover,
.contentwide.bgblue .content a:hover,
.contentwide.bgblue .readmore a:hover {
	color: #FFFFFF;
}
/* Triangle bullet */
.contentwide.bgblue .content ul.readmore li:before {
	border-color: transparent #FFFFFF;
}
/*
/* Media */
/* */
.content .mediawrapper {
	float: left;
	width: 70%;
	margin: 1rem 30% 2rem 0;
	background: #000000;
}
.content .mediawrapper.mediacentre {
	margin: 1rem 15% 2rem 15%;
}
.content .mediawrapper .media {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow:
	hidden; max-width:
	100%;
}
.content .mediawrapper .media iframe,
.content .mediawrapper .media object,
.content .mediawrapper .media embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/***************************************/
/* Table                               */
/***************************************/
.contenttable {
	float: left;
	margin: 1em 0;
	border-spacing: 2px;
	border-collapse: separate;
}
.contenttablefull {
	width: 100%;
}
.contenttable .row1,
.collection table .row1 {
	background: #ebe9e0;
}
.contenttable .row2,
.collection table .row2 {
	background: #f5f4f0;
}
.contenttable tr:nth-child(even),
.collection table tr:nth-child(even) {
	background-color: #f5f4f0;
}
.contenttable th,
.contenttable td {
	padding: .5em;
	border-spacing: 0;
	color: #5c563d;
	text-align: left;
}
.contenttablerowborder th,
.contenttablerowborder td {
	border-bottom: solid 1px #CCCCCC;
}
.contenttablemed th,
.contenttablemed td {
	font-size: .875em;
}
.contenttablesml th,
.contenttablesml td {
	font-size: .75em;
}
.combatreport {
	background-color: #f5f4f0;
	width: 100%;
	margin: 1rem 0;
}
.combatreport td {
	background-color: #f5f4f0;
	font-size: 1rem;
	padding: .5rem;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #333333;
}
/*********************************************************************************/
/* Content Collections                                                           */
/*********************************************************************************/
.homepromo,
.contentpromo {
	float: left;
	width: 98%;
	margin: 1em 0;
	padding: .5em 1%;
	background: #39587F;
}
.homepromo h2, .contentpromo h2 {
	color: #FFFFFF;
	border: 0;
	font-size: 2em;
	font-weight: 700;
}
.homepromo p, .contentpromo p {
	color: #FFFFFF;
	font-size: 1.25em;
}
.homepromo p a, .contentpromo p a,
.homepromo p a:hover, .contentpromo p a:hover {
	color: #FFFFFF;
}
.homepromo.textsmall {
	font-size: 90%;
}
.contentpromo.fhlive {
	background-color: #FFFFFF;
	padding: 1rem 5%;
	width: 90%;
	border: solid 1px #ECECEC;
	margin: 0 0 1rem 0;
}
.contentpromo.fhlive .logowrap {
	float: left;
	width: 35%;
	background: url('../img/promo/fhlive2019x640.jpg') left center no-repeat;
	background-size: contain;
	height: 200px;
	max-height: 200px;
}
.contentpromo.fhlive .textwrap {
	width: 60%;
	float: right;
}
.contentpromo.fhlive .textwrap p {
	color: #000000;
	font-size: 1.5rem;
}
.contentpromo.fhlive .button {
	font-size: 1.25rem;
	padding: 5px 20px;
}
/*********************************************************************************/
/* Content Collections                                                           */
/*********************************************************************************/
.collection {
	float: left;
	width: 98%;
	padding: .5em 1%;
	margin: 1em 0 2em 0;
	background: #EAE6E1;
}
.collection .text {
	float: left;
	width: 74%;
	margin: 0 2% 0 4%;
}
.collection .text.noimage {
	float: left;
	width: 74%;
	margin: 0 0 0 24%;
}
.product .text {
	float: left;
	width: 70%;
	margin: 0 2%;
}
.collection .textfull {
	float: left;
	width: 100%;
	margin: 0;
}
.collection .textbreak {
	margin: .5em 0;
}
.collection .text h2 {
	font-size: 1.25rem;
}
.collection .text h2 a {
	color: #39587F;
}
.collection img {
	float: left;
	width: 20%;
	height: auto;
	border-radius: 50%;
}
.collection img.noradius {
	border-radius: 0;
}
.collection.product img {
	float: left;
	width: 20%;
	height: auto;
	border-radius: 0;
}
.collection.grayscale img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.collection .image {
	float: left;
	width: 20%;
}
.collection .image img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.collection .image.imagesquare {
	float: left;
	width: 20%;
	border-radius: 50%;
	overflow: hidden;
}
.collection .image.imagesquare img {
	width: 100%;
	height: auto;
	border-radius: inherit;
}
.collection.imagesmall .image {
	width: 10%;
}
.collection.imagesmall .text {
	float: left;
	width: 80%;
	margin: 0 2%;
}
.collection .image.grayscale img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.collection table {
	float: left;
	width: 100%;
	margin: 1em 0;
}
.collection table th,
.collection table td {
	text-align: left;
	font-size: .875em;
	padding: .25em 1%;
}
.collection table .small {
	font-size: .75em;
}
.collection i {
	margin-right: 1rem;
}
.collection .contactwrap {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.collection .contactwrap .contact {
	width: 48%;
}
.collection .contactwrap .contact p {
	font-size: 1rem;
}
.collection .member {
	float: right;
	width: 10%;
	background: #FFFFFF;
	padding: 5px;
}
.collection .member img {
	width: 100%;
	height: auto;
	border-radius: 0;
}
.collection .member p {
	font-size: .875rem;
	text-align: center;
	font-weight: 700;
	color: #263A8C;
}
/*********************************************************************************/
/* Map and Times                                                                 */
/*********************************************************************************/
/*.mapwrapper {
	float: left;
	width: 100%;
	height: auto;
	min-height: 500px;
	background: #FFFFFF;
	padding: 2em auto;
}
.mapwrapper h1 {
	color: #6A5833;
	font-size: 1.75em;
	margin: 1em 0 0 1%;
}
.mapwrapper p  {
	color: #6A5833;
	font-size: 1.25em;
	margin: .25em 0 0 1%;
}
.mapwrapper p a {
	color: #6A5833;
}
.mapwrapper p a:hover {
	text-decoration: underline;
}*/
#mapwrapper {
	float: left;
	width: 98%;
	margin: .5%;
	min-height: 700px;
	border: 1px solid #000;
}
.googleMapwrapper {
	margin: 2em 0;
	float: left;
	width: 100%;
	height: 50%;
	min-height: 310px;
}
#googleMap {
	float: left;
	width: 98%;
	margin: 0 1%;
	height: 50%;
	min-height: 310px;
	border: solid .0625em #999;
}
.googleMapwrapper p {
	font-size: .75em;
	margin: .5em 1% 0 1%;
	position: relative;
}
.google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/*********************************************************************************/
/* Virtual Tour                                                                  */
/*********************************************************************************/
.googleVirtualTour {
	position: relative;
	padding-bottom: 50%;
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 1rem 0 2rem 0;
}
.googleVirtualTour iframe {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/*********************************************************************************/
/* Content Wheel Zoom.                                                           */
/*********************************************************************************/
.parishmapwrap {
	float: left;
	width: 99%;
	border: solid 1px #000000;
	margin: 1.5em 0;
}
.parishmapwrap img {
	width: 100%;
	height: auto;
}
/*********************************************************************************/
/* Content News and Events                                                       */
/*********************************************************************************/
.content .articlewrapper {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.content .articlewrapper .articlethumb {
	float: left;
	width: 20%;
	margin-right: 2%;
	border: solid 1px #CCCCCC;
}
.content .articlewrapper .articlethumb img {
	width: 100%;
	height: auto;
}
.content .articlewrapper .articleindextext {
	float: left;
	width: 75%;
}
.content .articlewrapper .articleindextext h3 {
	font-size: 1.25em;
	margin: 0;
}
.content .articlewrapper .articleindextext p {
	font-size: 1em;
	margin: 0;
}
.content .articlewrapper .articleindextext p.strong {
	font-weight: 700;
}
.content .articlewrapper .articleindextext p.date {
	font-size: 1em;
	margin: 0 0 1em 0;
}
.content .articlewrapper .articleindextext p.small {
	font-size: .875em;
}
.content .articlewrapper .articleindextext p.margin {
	margin: .5em 0;
}
.content .pager {
	float: left;
	list-style-type: none;
	margin: 2em 0;
}
.content .pager li {
	float: left;
	margin: 1em 1em 1em 0;
	font-weight: bold;
}
.content .pager li a {
	background: #ECECEC;
	color: #000000;
	padding: .5em 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.content .pager li a.selected,
.content .pager li a:hover {
	background: #CC0000;
	color: #FFFFFF;
}
/*********************************************************************************/
/* Content Form                                                                  */
/*********************************************************************************/
.contentform .formlayout {
	float: left;
	width: 100%;
}
.contentform.narrow {
	width: 75%;
}
.contentform .formlayout li {
	width: 100%;
	margin: 1rem 0;
	list-style-type: none;
}
.contentform .formlayout li.halfwidth {
	width: 50%;
}
.contentform .formobject,
.contentform .formfileobject,
.contentform textarea,
.contentform #mce-EMAIL,
.contentform #mce-FNAME,
.contentform #mce-LNAME {
	width: 98%;
	border: 0;
	font-size: 1.125em;
	padding: .5em 1%;
	background: #ECECEC;
}
.contentform #mce-EMAIL,
.contentform #mce-FNAME,
.contentform #mce-LNAME {
	margin: .5rem 0;
}
.contentform .formautowidth {
	width: auto;
}
.contentform .formfileobject {
	color: #666666;
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
}
.contentform textarea {
	resize: none; /* disables resizability */
}
.contentform select {
	padding: .5rem 1%;
	color: #666666;
}
.contentform .formbutton,
.contentform #mc-embedded-subscribe {
	display: inline-block;
	background: #39587F;
	text-decoration: none;
	color: #FFFFFF;
	padding: .5em 2em;
	margin: 1em 0;
	border: 0;
	font-size: 1.125em;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
}
.contentform .formbutton:hover,
.contentform #mc-embedded-subscribe:hover {
	background: #616EA2;
}
.contentform .successmsg p {
	color: #A69E8F;
	font-weight: bold;
}
.contentform .errormsg p {
	color: #39587F;
}
.contentform .indicates-required {
	margin-bottom: 2rem;
}
.contentform .mc-field-group.input-group ul li {
	list-style-type: none;
	margin: .5rem 0;
}
.contentform .mc-field-group.input-group ul li input {
	margin-right: 1rem;
}
/*********************************************************************************/
/* Content Submenu                                                               */
/*********************************************************************************/
#submenuwrap {
	float: left;
	width: 22%;
	margin: 8rem 3% 2rem 0;
	text-align: left;
}
.contentcentre {
	float: left;
	width: 73%;
	padding: 1rem 1%;
	margin: 0 0 2em 0;
	background: #FFFFFF;
}
.contentcentre.nomargin {
	margin: 0;
}
.contentcentre.noside {
	margin: 0 0 2rem 25%;
}
#submenuwrap .image {
	float: left;
	width: 100%;
	margin: 0 0 1rem 0;
}
#submenuwrap .image img {
	width: 100%;
	height: auto;
}
#submenuwrap #submenu {
	float: left;
	width: 90%;
	padding: 1rem 5%;
}
#submenuwrap #submenu ul {
	margin-top: 1rem;
	list-style: none;
}
#submenuwrap #submenu ul li {
	margin: .5rem 0;
	padding: .5rem 0;
	font-weight: 400;
	font-size: 1.125rem;
	border-bottom: 1px solid #ECECEC;
}
#submenuwrap #submenu ul li,
#submenuwrap #submenu ul li a {
	color: #333333;
}
#submenuwrap #submenu ul li a:hover,
#submenuwrap #submenu ul li a.selected {
	color: #39587F;
}
#submenuwrap #submenu ul li a.selected {
	font-weight: 700;
}
#submenuwrap #submenu ul li i.selected {
	margin-right: .5rem;
}
#submenuwrap .profileimg {
	background: #FFFFFF;
	width: 80%;
	padding: 1rem 10%;
}
#submenuwrap .profileimg img {
	width: 100%;
	height: auto;
}
#submenuwrap .profileimg.grayscale img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
#submenuwrap .subheadblock {
	float: left;
	width: 90%;
	padding: 1rem 5%;
	background: #39587F;
}
#submenuwrap .subheadblock p {
	font-size: 1.125rem;
	line-height: 100%;
	margin: 0;
	font-weight: 700;
}
#submenuwrap .subheadblock p,
#submenuwrap .subheadblock p a {
	color: #FFFFFF;
}
#submenuwrap .subheadblock p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#submenu .form {
	float: left;
	width: 100%;
	margin: .5rem 0;
}
#submenu .form #county {
	font-size: 1.125rem;
	padding: 5px;
	border: solid 1px #BFB5A6;
	width: 90%;
	border-radius: 0;
}
/*********************************************************************************/
/* Colour Variants                                                               */
/*********************************************************************************/
.contentbeige {
	background: #EEEADE;
}
.contentbeige2 {
	background: #D4CEC4;
}
.contentbeige3 {
	background: #AA9F8B;
}
.contentred {
	background: #39587F;
}
.contentumber {
	background: #C4590A;
}
.contentoffwhite {
	background: #F6F4EE;
}
.contentredbrown {
	background: #6A180B;
}
.contentpalegrey {
	background: #ECECEC;
}
.contentblue {
	background: #507099;
}
.revcol h2,
.revcol h3,
.revcol h2 a,
.revcol h3 a,
.revcol p,
.revcol p a,
.revcol ul.readmore li a,
.revcol p a:hover,
.revcol ul.readmore li a:hover {
	color: #FFFFFF;
}
.revcol h2 {
	border-bottom: solid 3px #FFFFFF;
}
.content .revcol ul.readmore li:before {
	border-color: transparent #FFF;
}
.content .revcol .contentform .formbutton {
	background: #EEEADE;
	color: #363636;
}
.content .revcol .contentform .formbutton:hover {
	background: #F6F4EE;
}
.contentcentre h2, .contentcentre h3, .contentcentre h4 {
	color: #39587F;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	float: left;
	width: 100%;
	padding-top: 1em;
	margin-top: 2em;
}
#footermenu {
	float: left;
	margin: 0 1% 2em 1%;
	width: 98%;
}
#footermenu ul {
	text-align: center;
	padding:0;
	/* z-index: 999; */
}
#footermenu ul li {
	display: inline-block;
	list-style:none;
	font-size: .875em;
}
#footermenu ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: .5em 1.5em;
	font-weight: 400;
}
#footermenu ul li a:hover {
	color: #99B0CC;
	text-decoration: underline;
}
#footer #address,
#footer #social,
#footer #logos,
#footer #footerlogo {
	float: left;
	width: 100%;
	margin: 0;
	text-align: center;
}
#footer #social i {
	font-size: 3rem;
	margin: .5rem;
	color: #99B0CC;
}
#footer #social i:hover {
	color: #FFFFFF;
}
#footer #footerlogo {
	height: 100px;
	margin: 0 auto;
	background: url('../img/assets/logox700.png') no-repeat;
	background-size: contain;
	background-position: center center;
}
#footer #logos,
#footer #social {
	margin: 1rem 0;
}
#footer #logos p {
	font-weight: 700;
	color: #FFFFFF;
	font-size: 1.25rem;
}
#footer #social img,
#footer #logos img {
	display: inline-block;
	margin: .5rem;
	max-width: 200px;
	height: auto;
}
#footer #logos img {
	opacity: 0.9;
}
#footer #logowrapper #logos img {
	margin: 0 .25em;
	display: inline-block;
	width: auto;
	height: 100%;
	max-height: 50px;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper a {
	color: #99B0CC;
}
#footer #footnotewrapper #vat {
	color: #9B9B9B;
}
#footer #creditswrapper,
#footer #footnotewrapper {
	float: left;
	width: 98%;
	margin: .75em 1%;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper #webcredit,
#footer #footnotewrapper #vat {
	font-size: .875rem;
	float: left;
}
#footer #footnotewrapper #vat {
	width: 100%;
}
#footer #creditswrapper #copyright {
	width: 100%;
	text-align: center;
}
#footer #creditswrapper #webcredit {
	width: 100%;
	font-size: .75rem;
	margin: 1rem 0;
	text-align: center;
}
#footer #creditswrapper #copyright a:hover {
	text-decoration: underline;
}
#footer #creditswrapper #webcredit #beachshore:hover {
	color: #0077B3;
	color: #FFFFFF;
}
#footer #creditswrapper #webcredit #beachshore #beachshorebold {
	font-weight: 700;
}