@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Header

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Roboto', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
	color: #000;
}

a:hover{text-decoration: underline;}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	display: block;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	position: relative;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr:nth-child(odd){background: #f5f5f5;}
td, th {
	padding: 5px;
	border: solid #ccc 1px;
	
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
	color: #404040;
	font-size: 17px;
	line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
h1 {
	font-family: 'Playfair Display', serif;
	font-size: 2.3em;
	margin: 0.67em 0;
	line-height: 1.6em;
	background: #000;
	color: #fff;
	box-decoration-break: clone;
	display: inline;
	padding: 5px 15px;
	font-weight: 300;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2em;
	color: #000;
	text-decoration: none!important;
	line-height: 1.2em;
}
h2 a {
	color: #000!important;
	text-decoration: none!important;
}
h3 {
	font-family: 'Playfair Display', serif;
	font-weight: 300;
	font-size: 1.7em;
	color: #000;
	display: inline-block;
}
h4 {
	font-family: 'Playfair Display', serif;
	font-weight: 300;
	font-size: 1.2em;
	color: #000;
}
p {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 1.5em;
	max-width: 850px;
	line-height: 1.6em;
	font-weight: 300;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff;/* Fallback for when there is no custom background color defined. */
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	font-family: 'Roboto', sans-serif;
	margin: 0;
}
ul {
	list-style: disc;
	padding: 0 0 0 1em;
}

ul li{padding: 0 0 0.5em 0;}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dl{clear: both;}
dt {
	font-weight: bold;
	float: left;
	width: 10em;
}
dd {
	margin: 0 0 0.7em;
	float: left;
}
dd input{padding: 5px 10px;}
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;/* Adhere to container width. */
}
figure {
	margin: 0;/* Extra wide images within figure tags don't overflow the content area. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
.clear {
	clear: both;
	float: none;
}

.red{color: #940000;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header, .site-main, .bannerTxt, .site-info {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
}
.main-navigation {
	width: 100%;
	display: inline-block;
}
.site-branding {
	width: 100%;
	display: inline-block;
}
.main-navigation ul {
	margin: 0;
	padding: 0;
}
.main-navigation ul li {
	position: relative;
	margin-right: 40px;
	margin-left: 0;
	display: inline-block;
	text-align: left;
	padding-bottom: 11px;
}
.main-navigation ul li:last-child {
	margin-right: 0;
}
.main-navigation ul li a {
	padding: 0 0 20px 0;
	text-decoration: none;
	color: #000;
}
.main-navigation ul ul {
	position: absolute;
	top: 3px;
	padding-left: 0;
	background: #fff;
	z-index: 100;
	margin-top: 2em;
	display: none;
	border-top: #99c1cf 6px solid;
	min-width: 12em;
	border-bottom: solid 1px #ececec;
	border-right: solid 1px #ececec;
	border-left: solid 1px #ececec;
}
.main-navigation ul ul li {
	padding-bottom: 0;
	display: block;
	margin-right: 0;
}
.main-navigation ul ul li a {
	padding: 8px 24px;
	width: 100%;
	display: block;
}
.main-navigation ul ul li a:hover {
	background: #e9f2f5;
}
.main-navigation ul li:hover ul, .main-navigation ul ul:hover {
	display: block;
}
.hamburger, .cross {
	display: none;
}
.mobNav {
	display: none;
}
li.currentpage {
	border-bottom: #99c1cf 6px solid;
}
li ul li.currentpage {
	border-bottom: none;
	background: #e9f2f5;
}
/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
.bannerImg {
	max-height: 520px;
	overflow: hidden;
	position: relative;
	border-bottom: 20px solid #99c1cf;
}
.bannerImg img {
	width: 100%;
	height: auto;
}
.bannerTxt {
	max-width: 1200px;
	position: absolute;
	left: 0;
	top: 22%;
	right: 0;
}
.bannerTxtinner {
	max-width: 800px;
}

.noBammerImg{
	margin-top: 50px!important; max-width: 1200px;
width:100%;
border-bottom: solid 1px #ccc;margin:  0 auto;}
.site-main {
	margin-top: 20px;
}
.col2 {
	width: 46%;
	margin-right: 7%;
	display: inline-block;
	vertical-align: top;
}
.col2:last-child {
	margin-right: 0;
}
.col2 img:first-child {
	margin-top: 2em;
}

.col2-3 {
	width: 65%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}

.col3 {
	width: 30%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}

.col3:nth-child(3){margin-right: 0;
}

.col4 {
	width: 21%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}

.col4:nth-child(4){margin-right: 0;
}

.col3-4 {
	width: 72%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
	border-bottom: solid 1px #ccc;
margin-bottom: 20px;
}

.col3-4:last-child {border: none;}
/*--------------------------------------------------------------
# Admin areas
--------------------------------------------------------------*/
ul.adminNav li{list-style: none; display: inline-block;margin-right: 20px; font-size: 1.2em;}
ul.adminNav li:last-child{margin-right: 0;}
ul.adminNav
{margin: 20px 0 0 0;
padding: 0;}

input[type=submit]{margin: 20px 0 80px;}
ul.staffMenu{padding: 0;}
ul.staffMenu li{list-style: none;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: solid #99c1cf 1px;
}
.site-info p {
	max-width: 600px;
	display: inline-block;
	font-size: 0.8em;
	margin-top: 20px;
}
.site-info img {
	float: right;
	margin: 20px 0;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width : 1110px) {
.main-navigation {
	display: block;
	float: none;
	margin: 0;
	padding: 0 0 17px;
}
.main-navigation ul {
	text-align: left;
	padding: 0;
}
.site-branding, .main-navigation {
	width: 90%;
}
.site-branding, .main-navigation {
	width: 90%;
}
}

@media only screen and (max-width : 800px) {
.col2 {
	width: 100%;
	margin: 0;
}
h1 {
	font-size: 1.8em;
}
}

@media only screen and (max-width : 650px) {
.hamburger, .cross {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	background-color: #99c1cf;
	z-index: 500;
	line-height: 1em;
	margin: 25px 15px;
	border: none;
}
.hamburger {
	font-size: 2em;
}
.cross {
	font-size: 4em;
}
.bannerTxt {
	position: relative;
}
h1 {
	font-size: 1.5em;
}
.bannerTxt {
	margin-bottom: 20px;
}
.mainNav {
	display: none;
}
.mobNav {
	display: block;
	margin-top: 0;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	z-index: 200;
}
.main-navigation ul {
	padding: 0;
	z-index: 200;
}
	
	
.main-navigation ul li {
	display: block;
	margin: 0;
	padding: 0;
}
	
	.main-navigation ul li ul li {
	border-bottom: solid 1px #545454;
}
.main-navigation ul li a {
	color: #fff;
	position: relative;
	margin: 0;
	display: block;
	padding: 10px;
}
.main-navigation ul li li a {
	margin: 0;
}
.main-navigation ul ul {
	display: block;
	position: relative;
	margin-top: 0;
	background: #000;
	border: none;
	top: 0;
}
	
	.main-navigation ul li a:hover,  li.currentpage a {
	background: #e9f2f5;
}
	.main-navigation ul ul li a{padding: 8px 60px;}
.main-navigation ul ul li a:hover, li.currentpage a, .mobNav ul li a:hover {
	color: #000!important;
}
}