html, body {
	height: 100%;
	margin: 0;
}

body {
	background-color: #383f47;
}








/* --------------------
* Banner
* -------------------- */

.content {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	background-color: #FFF;
	width: 100%;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	box-sizing: border-box;
}

.banner {
}

.banner-inner {
	background-image: url(/images/head.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	padding-top: 32.13182286302781%;
}




.contentMain {
	Width: 100%;
	box-sizing: border-box;
	padding: 0px 60px 30px 40px;
	background: url("/images/contentBG.jpg") repeat;
	border-right: 1px solid #f2d766;
}

.footer {
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.footer-item {
	width: 100%;
	box-sizing: border-box;
	padding:
}

.rightContent {
	display: none;
	box-sizing: border-box;
}

	.rightContent img {
		margin-left: -15px;
	}

.overhang-heading {
	background-color: #000;
	color: #FFF;
	padding: 0.5rem 1rem 0.5rem 4rem;
	margin-left: -3.5rem;
	position: relative;
	font-size: 1.3rem;
	margin: 2rem 0 2rem;
}



@media (min-width: 970px) {
	.content {
		grid-template-columns: auto 225px;
		width: 100%;
		max-width: 970px;
		margin: 0 auto;
	}

	.banner {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.rightContent {
		display: block;
		box-sizing: border-box;
	}

	.footer {
		flex-flow: row nowrap;
	}

	.overhang-heading {
		background-color: #000;
		color: #FFF;
		padding: 0.7rem 1rem 0.7rem 4rem;
		margin-left: -3.5rem;
	}

		.overhang-heading::before {
			content: "";
			position: absolute;
			bottom: -18px;
			left: 0px;
			width: 16px;
			height: 18px;
			background: linear-gradient(49deg, transparent 49%, #808080 50%);
		}
}






h1 {
	color: #004324;
}


a {
	color: #5674b9;
	text-decoration: none;
}

img {
	border: none
}

th {
	background-color: #6a879d;
	padding: 10px;
}

table.faq {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #6a879d;
}

	table.faq tr:nth-child(2n) td {
		background-color: #c0ccd4;
	}

	table.faq td {
		padding: 6px;
		border-bottom: 1px solid #6a879d;
	}

.back {
	float: right;
	font-size: 10pt;
	margin-bottom: 20px;
}


.title {
	margin-left: -55px;
	margin-top: 30px;
}

.topMargin {
	margin-top: -12px;
}

/* --------------------
	* Tabs
	* -------------------- */

.tabs {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	border: 4px solid #F2D766;
	border-top: none;
	margin-bottom: 4rem;
	box-shadow: 1px 1px 5px #808080;
}

.tab-headings {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	background: #F2D766;
	margin-left: -4px;
	margin-right: -4px;
	padding-bottom: 6px;
	gap: 1px;
}

.tab-heading {
	flex: 1 1 33%;
	background: black;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	box-sizing: border-box;
}



	.tab-heading:hover {
		cursor: pointer;
		background-color: #eddc92;
	}


	.tab-heading.active {
		background-color: #F2D766;
	}

		.tab-heading.active:hover {
			cursor: default;
			background-color: #F2D766;
		}

	.tab-heading h3 {
		user-select: none;
		color: #FFF;
		padding: 0;
		margin: 13px 12px;
		text-align: center;
		font-weight: normal;
		margin: 0;
		align-self: center;
	}

	.tab-heading.active h3 {
		color: #000;
	}

	.tab-heading:hover h3 {
		color: #000;
	}

.tabs .tabContents {
	float: left;
	clear: left;
}

.tab-content {
	display: none;
	background: #f1efe3;
}

	.tab-content.active {
		display: block;
	}

	.tab-content ul {
		display: grid;
		list-style: none;
		margin: 0;
		padding: 0;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.tab-content li {
		border-top: 1px dotted #c1b690;
		padding: 20px;
	}

		.tab-content li:nth-child(2n+1) {
			border-right: 1px dotted #c1b690;
		}

@media (min-width: 970px) {

	.tab-headings {
		flex-flow: row nowrap;
		gap: 0;
	}

	.tab-heading {
		flex: 1 1 101px;
		font-size: 0.7rem;
	}

		.tab-heading h3 {
			font-size: 1.2em;
		}

	.tab-content ul {
		display: grid;
		list-style: none;
		margin: 0;
		padding: 0;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}
}

/* --------------------
* Accordion
* -------------------- */

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid rgba(255,255,255, .3);
	background: rgba(255, 255, 255, .55);
	font-weight: normal;
	color: #000000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid rgba(255,255,255, .3);
	background: rgba(255, 255, 255, .42);
	font-weight: normal;
	color: #000000;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-widget-content {
	border: 1px solid rgba(255,255,255, .3);
}