@font-face {
    font-family: 'IntroRegular';
    src: url('intro-webfont.eot');
    src: url('intro-webfont.eot?#iefix') format('embedded-opentype'),
         url('intro-webfont.woff') format('woff'),
         url('intro-webfont.ttf') format('truetype'),
         url('intro-webfont.svg#IntroRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::selection{
	background: #007ca4;
	color: #fff;
}
::-moz-selection{
	background: #007ca4;
	color: #fff;
}

* { padding: 0; margin: 0; }

a { text-decoration: none; outline: none; color: #008ba7; }

a img { border: 0; }

html { overflow-y: scroll; }

html, body { width: 100%; height: 100%; }

.clear { clear: both; }

body {
	background: #e7e4da url('img/bg.png') repeat-x center -80px;
	color: #6f6c65;
	font: normal 13px Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
}

.front {
	background-position: center top;
}

iframe {
	max-width: 100%; /* prevent iframes from causing x-overflow. */
}

table {
	max-width: 100vw;
}
@media (max-width: 990px) {
	table {
		width: 100%;
	}
}

@media (max-width: 990px) {
	/* Keep everything within viewport at small screen sizes. */
	.content {
		max-width: 100vw;
	}
}

p {
	padding: 5px 0;
}

h1 {
	margin: 0 0 0 0;
	font-size: 44px;
	font-weight: normal;
	font-family: 'IntroRegular';
	line-height: 50px;
	color: #007ca4;
	text-shadow: 1px 1px 0px #fff, 4px 4px 0px #dfdac9;
	padding: 10px;
}

@media (min-width: 991px) {
	h1 {
		padding: 0 160px;
	}
}

h2 {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 25px;
	font-weight: normal;
	line-height: 28px;
	font-family: 'Nixie One', cursive;
	color: #161616;
}

h3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 22px;
	font-weight: normal;
	font-family: 'IntroRegular';
	line-height: 28px;
	color: #161616;
	text-shadow: 1px 1px 0px #fff, 3px 3px 0px #dfdac9;
}

h4 {
	color: #000;
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 16px 0 6px 0;
}

h5 {
	color: #000;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

@media (max-width: 990px) {
	.rteindent1 {
		margin-left: 10px; /* Make lists not as indented at small screen sizes. */
	}
}

.wrap {
	text-align: center;
	margin: 0 auto;
}

@media (min-width: 991px) {
	.wrap {
		width: 920px;
	}
}

.white {
	background: #fff;
	padding: 25px 0 75px 0;
}

.hills {
	height: 50px;
	background: transparent url('img/hills.png') repeat-x center top;
	_background-image: none;
}

.triangle {
	height: 18px;
	background: transparent url('img/triangle.png') repeat-x center top;
	_background-image: none;
}

.footer {
	padding: 25px 0 50px 0;
}

.header {
	height: 110px;
}

@media (max-width: 990px) {
	.header {
		height: 75px;
	}
}

.front .header {
	height: 345px;
	position: relative;
	z-index: 5;
	max-width: 100%; /* Prevents header from overflowing at smaller screen widths. */
}

.front .hills,
.front .white {
	position: relative;
	z-index: 7;
}

a.logo {
	display: block;
	position: absolute;
	z-index: 7;
	width: 154px;
	height: 154px;
	background: transparent url('img/logo1.png') no-repeat right bottom;
	padding: 15px 0 0 0;
	_position: relative;
	_float: left;
	_margin: 0 -154px -154px 0;
	_background-image: url('img/logo1.gif');
}

.front a.logo {
	width: 190px;
	height: 190px;
	padding-top: 50px;
	background: transparent url('img/logo2.png') no-repeat right bottom;
	_margin: 0 -190px -190px 0;
	_background-image: url('img/logo2.gif');
}

@media (max-width: 990px) {
	.front a.logo,
	a.logo {
		width: 60px;
		background-size: cover;
		height: 60px;
		left: 20px;
		top: 10px;
		padding: 0;
	}
}

.view-id-main_menu,
.view-id-main_menu .view-content,
.view-id-main_menu .view-content .item-list,
.view-id-main_menu .view-content .item-list ul {
	z-index: 3;
	display: block;
	height: 86px;
	width: auto;
	float: right;
	list-style: none !important;
	list-style-image: none !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


@media (min-width: 991px) {
	.view-id-main_menu,
	.view-id-main_menu .view-content,
	.view-id-main_menu .view-content .item-list,
	.view-id-main_menu .view-content .item-list ul {
		position: relative;
	}
}


.view-id-main_menu .view-content .item-list ul {
	padding-right: 40px;
}


@media (max-width: 990px) {
	/* Main menu hidden and shown with JS at small screen sizes */
	.view-id-main_menu .view-content .item-list ul {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		z-index: 80; /* above background, below menu. */
		padding-right: 0;
		top: 70px;
	}

	.view-id-main_menu .view-content .item-list ul.main-nav-open {
		display: block;
	}

	ul.main-nav-open span {
		pointer-events: none;
	}

}


.view-id-main_menu .view-content .item-list ul li {
	position: relative;
	z-index: 3;
	display: block;
	height: 50px;
	width: 118px;
	float: left;
	list-style: none !important;
	list-style-image: none !important;
	padding: 19px 0 17px 0;
	margin: 0 0 0 0;
}

@media (max-width: 990px) {
	.view-id-main_menu .view-content .item-list ul li {
		width: 100% !important; /* Another JS value. */
		height: auto;
		padding: 0;
	}
}

.view-id-main_menu .view-content .item-list ul li a {
	display: block;
	height: 50px;
	width: 93px;
	float: left;
	padding: 0 12px 0 12px;
	text-transform: uppercase;
	font-family: 'Flamenco', cursive;
	font-size: 15px;
	line-height: 16px;
	border-left: 1px solid #d7d2c1;
	overflow: hidden;
}

@media (max-width: 990px) {
	/* Makes links take up whole LI for easier tapping. */
	.view-id-main_menu .view-content .item-list ul li a {
		width: 100%;
		height: unset;
		line-height: 1.1;
		padding: 15px 0 !important; /* Padding-top is set with javascript, so this overrides it. */
		color: #fff !important; /* Hover color is sometimes set with javascript, so this is another override. */
		text-align: center;
		background: #007CA4;
	}
}

@media (max-width: 990px) {
	/* Makes links take up whole LI for easier tapping. */
	.view-id-main_menu .view-content .item-list ul li a:hover,
	.view-id-main_menu .view-content .item-list ul li a:focus {
		background: #004d66;
	}
}

@media (max-width: 990px) {
	/* These values are set through javascript, hence the !important overrides. */
	.view-id-main_menu .view-content .item-list ul li a span {
		top: unset !important;
		margin-top: 0 !important;
	}
}


.view-id-main_menu .view-content .item-list ul li.views-row-last {
	width: 119px;
}

.view-id-main_menu .view-content .item-list ul li.views-row-last a {
	border-right: 1px solid #d7d2c1;
}

@media (min-width: 991px) {
	.view-id-main_menu .view-content .item-list ul li a.active {
		background: url('img/nav.png') no-repeat center -10px;
		color: #fff;
		text-shadow: 0px -1px 0 #3c9523;
	}
}

.view-id-main_menu .view-content .item-list ul li a:hover {
	color: #fff;
	text-shadow: 0px -1px 0 #3c9523;
}

.view-id-main_menu .view-content .item-list ul li a span {
	display: block;
	position: relative;
}

.view-id-main_menu .view-content .item-list ul li.tab {
	position: absolute;
	z-index: 2;
	background: url('img/nav.png') no-repeat 3px 9px;
}

.promo-box {
	text-align: left;
	min-height: 200px;
	padding: 20px;
}

@media (min-width: 991px) {
	.promo-box {
		background: url('img/feature.png') no-repeat center bottom;
		width: 380px;
		padding: 40px 50px 20px 490px;
	}
}

img.promo,
a.promo {
	display: block;
	width: 358px;
	height: 224px;
	float: left;
	padding-left: 76px;
	margin-top: -224px;
}

/* No great way to make this look good on mobile, so it's hidden. */
@media (max-width: 990px) {
	img.promo {
		display: none;
	}
}

a.promo img {
	margin: 0 0 0 0;
	float: none;
	padding-left: 0;
}

img.play {
	position: absolute;
	display: block;
	margin: 15px 0 0 288px !important;
	_margin: 7px 0 0 144px !important;
}

.overlay {
	display: none;
	position: fixed;
	z-index: 998;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);
	_position: absolute;
	_height: 250%;
}

.video-popup {
	display: none;
	position: fixed;
	z-index: 999;
	width: 560px;
	height: 315px;
	left: 50%;
	top: 160px;
	margin-left: -300px;
	background: #ccc;
	border: 20px solid #fefefe;
	_position: absolute;
}

.node-type-page .body-copy {
	float: left;
	text-align: left;
	padding: 20px;
}

@media (min-width: 991px) {
	.node-type-page .body-copy {
		width: 560px;
		padding: 35px 0 0 40px;
	}
}

img.body-photo {
	display: block;
	float: right;
	width: 288px;
	height: 232px;
	background-position: 18px 63px;
	background-repeat: no-repeat;
	padding: 50px 15px 0 0;
	_display: none;
}

@media (max-width: 990px) {
	img.body-photo {
		float: none;
		display: inline-block;
		margin: 0 auto;
	}
}

blockquote.page-quote {
	display: block;
	text-indent: 0;
	padding: 40px 20px 0 20px;
	font-size: 16px;
	line-height: 22px;
	color: #161616;
}

cite.page-cite {
	display: block;
	text-indent: 0;
	padding: 10px 20px 40px 20px;
	font-size: 16px;
	line-height: 22px;
	color: #161616;
}

@media (min-width: 991px) {
	.home-block {
		width: 430px;
		padding: 25px 0 0 20px;
		float: left;
	}
}

.home-block h3 {
	display: block;
	padding: 0 20px 10px 20px;
	border-bottom: 1px solid #dfdac9;
}

.home-block p {
	padding: 10px 20px 0 20px;
}

.page-content {
	width: 560px;
	padding: 20px 0 20px 40px;
	text-align: left;
}

.node-resource {
	text-align: left;
}

#block-views-resource-listing-block .resource-block {
	float: left;
	padding: 0 15px;
	text-align: left;
}

@media (min-width: 991px) {
	#block-views-resource-listing-block .resource-block {
		width: 430px;
	}
}

#block-views-resource-listing-block .count-3 .resource-block {
	float: left;
	width: 290px;
	padding: 0 8px;
	text-align: left;
}


#block-views-resource-listing-block .resource-block h3 {
	text-align: center;
	display: block;
	border-bottom: 1px solid #dfdac9;
	padding: 10px 20px;
}

/*#block-views-resource-listing-block .count-4 .resource-block h3 {
	font-size: 18px;
	line-height: 24px;
}*/

#block-views-resource-listing-block .resource-block p {
	display: block;
	border-bottom: 1px solid #dfdac9;
	padding: 15px 20px;
}

#block-views-resource-listing-block .resource-block div.views-row {
	border-bottom: 1px solid #dfdac9;
	padding: 5px 20px;
}

label {
	display: block;
	color: #161616;
    font-family: 'Nixie One',cursive;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	padding: 0 0 5px 0;
}

input.form-text,
textarea {
	display: block;
	width: 360px;
	height: 22px;
	border: 0px solid #008BA7;
	background: #DFDAC9;
	padding: 3px 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
teaxtarea,
.form-textarea-wrapper textarea {
	width: 380px;
	height: 160px;
}

input.form-submit {
	display: block;
	width: 140px;
	height: 36px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-family: 'IntroRegular';
	line-height: 16px;
	color: #007ca4;
	text-shadow: 1px 1px 0px #fff;
	border: 0 none;
	background-color: #B3AD98;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDAC9), to(#B3AD98));
	background: -moz-linear-gradient(top, #DFDAC9 0%, #B3AD98 100%);
	cursor: pointer;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.grippie {
	display: none !important;
}

.slider-box {
	clear: both;
	width: 880px;
	height: 310px;
	background: #f5f2ea url('img/sliderbg.png') no-repeat right top;
	margin: 0 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 5px 0px #dbd8ce;
	box-shadow: 0px 1px 5px 0px #dbd8ce;
	overflow: hidden;
	*position: absolute;
	*left: 0;
}

@media (max-width: 990px) {
	.slider-box {
		background: #f5f2ea;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
}

.slider-box .views-row {
	width: 880px;
	height: 310px;
	display: none;
	clear: both;
}

@media (max-width: 990px) {
	.slider-box .views-row {
		position: relative; /* For positioning text elements. */
		width: auto;
		height: auto;
		max-width: 100%;
	}
}

.slider-box .views-row .views-field-field-image {
	width: 625px;
	height: 310px;
	float: left;
}

@media (max-width: 990px) {
	.slider-box .views-row .views-field-field-image {
		width: 100%;
	}
}
@media (max-width: 990px) {
	.slider-box .views-row .views-field-field-image img {
		min-width: 100%; /* Ensure that image covers whole slider without distortion. */
		height: auto;
	}
}

.slider-box .views-row .views-field-title,
.slider-box .views-row .views-field-field-homepage-teaser-text {
	width: 220px;
	padding: 40px 17px 0 17px;
	float: right;
	color: #fff;
	font-family: 'IntroRegular';
	font-size: 17px;
	text-align: left;
}


@media (max-width: 990px) {
	.slider-box .views-row .views-field-title,
	.slider-box .views-row .views-field-field-homepage-teaser-text {
		width: 100%;
		float: none;
		padding: 15px;
		box-sizing: content-box;
	}
}

.slider-box .views-row .views-field-field-homepage-teaser-text {
	padding-top: 0;
	font-family: 'Nixie One',cursive;
	font-size: 15px;
}

@media (max-width: 990px) {
	.slider-box .views-row .views-field-field-homepage-teaser-text .field-content {
		padding: 30px 15px 0 5px;
	}
}


.slider-box .views-row .views-field-field-image,
.slider-box .views-row .views-field-title,
.slider-box .views-row .views-field-field-homepage-teaser-text {
	position: relative;
	z-index: 5;
	display: none;
}

@media (max-width: 990px) {
	.slider-box .views-row .views-field-field-homepage-teaser-text {
		background: rgba(255,255,255, .7);
		color: #000;
		padding: 10px;
		bottom: 0;
		height: 222px;
		position: absolute;
	}
}

@media (max-width: 990px) {
	.slider-box .views-row .views-field-title {
		bottom: 182px;
		color: black;
		z-index: 79;
		max-width: 90%;
	}
}

div.slider-button {
	display: block;
	position: absolute;
	width: 98px;
	height: 97px;
	background: url('img/slider-buttons.png') no-repeat 0 0;
	z-index: 8;
	margin-top: -47px;
	display: none;
	cursor: pointer;
	*margin: -47px 0 0 -460px;
	_display: none !important;
}
@media (max-width: 990px) {
	div.slider-button {
		margin-top: 12px;
		width: 40px;
		height: 40px;
		background-size: 40px;
	}
}

@media (max-width: 990px) {
	div.slider-button.next {
		right: 0;
		background-position: 0 -40px;
	}
}

@media (min-width: 991px) {
	div.slider-button.next {
		background-position: 0 -97px;
		margin: -47px 0 0 822px;
		*margin: -47px 0 0 362px;
	}
}

.view-homepage-quotes .views-row {
	font-size: 16px;
	display: none;
}

.view-homepage-quotes .views-field-field-quote-text {
	padding: 15px 30px;
}

.view-homepage-quotes .views-field-field-quote-author {
	padding-bottom: 15px;
}

#block-system-main ul {
	padding: 6px 15px 0 15px;
	text-align: left;
}

#block-system-main ul li {
	padding-bottom: 6px;
}

#block-system-main .home-block ul {
	padding-left: 35px;
	padding-right: 35px;
}

.smallcopy {
	font-size: 0.7em;
}

.footer .footer-left {
	float: left;
	text-align: left;
	font-size: 12px;
	padding: 15px;
}

@media (min-width: 991px) {
	.footer .footer-left {
		width: 390px;
		padding: 0 0 0 30px;
	}
}

.footer .footer-left ul li {
	display: block;
	list-style: none;
	list-style-image: none;
}

.footer .footer-right {
	padding: 15px;
	text-align: left;
	font-size: 12px;
	display: flex;
	flex-direction: column;
}

.footer .footer-right a {
	padding-bottom: 20px;
}

@media (min-width: 991px) {
	.footer .footer-right {
		float: right;
		width: 410px;
		padding: 0;
	}
}

.footer .footer-right img {
	float: left;
}

/* data grid */

.data_grid .tr_header {
	background: #CCC;
}

.data_grid .td_header {
	padding: 3px 6px;
	font-weight:bold;
}

.data_grid .td_header {
	padding: 3px 6px;
}

.data_grid .td_data {
	padding: 3px 6px;
}

.data_grid .w30 {
	width: 30%;
}

.data_grid .w40 {
	width: 40%;
}

.data_grid .bl {
	border-left: 1px solid #CCC;
}
.data_grid .br {
	border-right: 1px solid #CCC;
}
.data_grid .bt {
	border-top: 1px solid #CCC;
}
.data_grid .bb {
	border-bottom: 1px solid #CCC;
}

.node-resource a img {
	width: 13px !important;
	height: 13px !important;
	padding-right: 3px;
}

#block-views-resource-listing-block {
	padding-top: 20px;
}


/* Hamburger Menu styles. */
#js-menu-btn {
	display: none;
}

@media (max-width: 990px) {
	#js-menu-btn {
		transform: rotate(0deg);
		transition: .25s ease-in-out;
		cursor: pointer;
		padding: 25px;
		float: right;
		display: block;
	}

	.menu-btn-interior {
		position: relative;
		height: 30px;
		width: 30px;
	}

	#js-menu-btn span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #008ba7;
		border-radius: 4px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}
	#js-menu-btn span:nth-child(1) {
		top: 0;
	}
	#js-menu-btn span:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}
	#js-menu-btn span:nth-child(3) {
		transform: translateY(-100%);
		top: 100%;
	}
	#js-menu-btn.nav-btn-open span:nth-child(1) {
		top: 50%;
		transform: rotate(135deg);
	}
	#js-menu-btn.nav-btn-open span:nth-child(2) {
		opacity: 0;
		left: -100px;
	}
	#js-menu-btn.nav-btn-open span:nth-child(3) {
		top: 50%;
		transform: rotate(-135deg);
	}
}

/* Make tables vertical at small screens. */

@media (max-width: 600px) {
	tr {
		display: flex;
		flex-direction: column;
	}
	td {
		display: flex;
		width: 100%;
		flex-direction: column;
	}
}

/* Button style. */
.btn {
	background: #f7c94f;
	color: #007298;
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 11px;
	display: inline-block;
	padding: 20px;
}