@import url(https://fonts.googleapis.com/icon?family=Varela+Round);
@import url(https://fonts.googleapis.com/icon?family=Courgette);
/* CSS Document */

body {
	font-family: 'Varela Round', sans-serif;
	background-color: #ffffff;
	background-image: url(/images2012/background_top.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-weight: 300;
}

/*medium+ screen sizes*/
@media (min-width:1000px) {
    .desktop-only {
        display: block !important;
    }
    .mobile-only {
        display: none;
    }
}

/*small screen sizes*/
@media (max-width: 1000px) {
    .mobile-only {
        display: block;
    }
    .desktop-only {
        display:none !important;
    }
}

/*medium+ screen sizes*/
@media (min-width:1000px) {
    .landscape-only {
        display: block !important;
    }
    .portrait-only {
        display: none;
    }
}

/*small screen sizes*/
@media (max-width: 999px) {
    .portrait-only {
        display: block;
    }
    .landscape-only {
        display:none !important;
    }
}

a {
    transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
}
a:hover { color: #002c61; }

textarea {
	min-width: 400px;
}
blockquote {
	border-left: solid 10px #8ab8f8;
	border-right: solid 10px #8ab8f8;
	background-color: #e9f3ff;
	margin: 0 0 1.5em 0;
	padding: 0.5em 1em;
	font-size: 90%;
}

label {
	font-weight: 400;
	display: inline-block;
}
input[type=checkbox] {
	margin-right: 9px;	
}
.transition {
    transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
}

.fast-transition {
    transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.relative { position: relative; }

.bgc-orange {
	background-color: #ff8038 !important;
}
.bgc-green {
	background-color: #0f6a62 !important;
	color: #ffffff;
}
.bgc-navy {
	background-color: #3c3c4e !important;
	color: #ffffff;
}
.bgc-blue {
	background-color: #4a4a4a !important;
	color: #ffffff;
}

i.fa {
	position: relative;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Courgette', cursive;
	letter-spacing: -0.045em;
}

@media (min-width: 1000px) {
	.container {
		width: 100%;
		max-width: 1366px;
	}
}
.container img {
	border: 0px;
}

.header	{
	min-height: 130px;
	overflow: hidden;
	background-color: #2b2b3f;
	position: relative;
	text-align: center;
	background-image: url(/images/pine-head.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.header .sitelabel {
	font-weight: bold;
	font-size: 2.25rem;
	line-height: 50px;
	padding: 1px 0 15px 53px;
	background-image: url(/images/pinecone.png);
	background-size: 27px 30px;
	background-repeat: no-repeat;
	background-position: 16px 10px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
@media (min-width: 1000px) {
	.header .sitelabel {
		line-height: 100px;
		text-align: left;
		padding: 15px 0 15px 85px;
		background-size: 40px 45px;
		background-repeat: no-repeat;
		background-position: 33px 40px;
		font-size: 3rem;
	}
}
.header .sitelabel a {
	color: rgba(255, 255, 255, 0.9);
}
.header .sitelabel a:hover {
	color: #ff8038;
}

.header ul.headnav {
	margin: 0;
	padding: 0;
}
@media (min-width: 1000px) {
	.header ul.headnav {
		float: right;
		margin: 23px 15px 0 0;
	}
}
.header ul.headnav li {
	display: inline-block;
	margin: 0 3px;
	list-style: none;
}
@media (min-width: 1000px) {
	.header ul.headnav li {
		margin: 0 0 0 0;
		width: auto;
	}
}
@media (min-width: 1000px) {
	.header ul.headnav li:last-child {
		margin: 0 12px 0 0;
	}
}
.header ul.headnav li a {
	display: block;
	margin: 0;
	padding: 6px 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ff8038;
	text-transform: uppercase;
	border: solid 2px #ff8038;
	border-radius: 20px;
	background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1000px) {
	.header ul.headnav li a {
		padding: 8px 15px 6px 15px;
		margin: 0 4px 0 0;
		width: auto;
		font-size: 1.4rem;
	}
}
.header ul.headnav li a:hover {
	color: #2a2a2a;
	background-color: #ff8038;
}

a.logo img {
	width: 85%;
	margin: 22px 0 0 0;
	max-width: 100px;
}
@media (min-width: 1000px) {
	a.logo img {
		max-width: 85px;
	}
}
a:hover.logo img {
}
.social {
	margin: 24px 0;
}
@media (min-width: 1000px) {
	.social {
		position: absolute;
		right: 110px;
		bottom: 18px;
		margin: 0;
	}
}
.social i.fa {
	display: inline-block;
	background-color: #000;
	color: white;
	border-radius: 50%;
	padding: 12px 10px;
	margin: 0 12px 0 0;
}
@media (min-width: 1000px) {
	.social i.fa {
		padding: 8px 6px;
	}
}
.social i.fa-facebook {
	background-color: #4b67a1;
}
.social i.fa-youtube {
	background-color: #ec1a23;
}
.social i.fa-twitter {
	background-color: #27a9e0;
}


.mob-nav {
	z-index: 9999;
	position: absolute;
	top: 3px;
	right: 6px;
	color: #fff;
	font-size: 21pt;
}
ul.mob-dd {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 9998;
}
ul.mob-dd li {
	list-style: none;
	border-bottom: solid 1px #000;
}
ul.mob-dd li a {
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 15px 30px;
	background: rgba(43, 43, 63, 0.9);
	text-transform: none;
}
ul.mob-dd li a:hover {
	background: #aaaaaa;
}
.white-text {
	color: #fff;
}
.expand {
	display: inline-block !important; 
	-moz-animation: bounceInDown;
	-webkit-animation: bounceInDown;
	animation: bounceInDown;
}


.row.navcont {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul.nav {
	margin: 0 auto;
	display: table;
}
@media (min-width: 1000px) {
	ul.nav {
		max-width: 97%;
	}
}
@media (min-width: 1200px) {
	ul.nav {
		max-width: 100%;
	}
}

ul.nav li {
	list-style-type: none;
	display: table-cell;
}

ul.nav li a {
	display: inline-block;
	color: rgba(0, 0, 0, 1);
	padding: 6px 20px;
	font-weight: bold;
	text-transform: uppercase;
}
ul.nav li a.selected {
	color: #f25500;
}
ul.nav li a:hover.selected {
	color: #000000;
}

@media (min-width: 1000px) {
	ul.nav li a {
		font-size: 1.55rem;
	}
}

@media (min-width: 1024px) {
	ul.nav li a {
		font-size: 1.55rem;
	}
}

ul.nav li a:hover {
	/*background-color: #ff8038;*/
	color: #f25500;
}
ul.nav li a i.fa {
	color: #ff8038;
	top: -2px;
	left: 4px;
	font-size: 1.2rem;
}
ul.nav li a:hover i.fa {
	color: #000;
}


ul.nav li ul.dd {
	background: #ff8038;
	padding: 9px 0;
	position: absolute;
	margin-left: -50px;
	display: none;
	z-index: 9999;
}

ul.nav li ul.dd li {
	display: block;
	background: #ff8038;
	text-align: left;
	/*border-bottom: solid 2px rgba(0, 0, 0, 0.2);*/
}
ul.nav li ul.dd li:last-child {
	border-bottom: 0;
}

ul.nav li ul.dd li a {
	color: #000000;
	display: inline-block;
	width: calc(100% - 24px);
	padding: 5px 12px 3px 12px;
	background: #ff8038;
	text-transform: uppercase;
	font-weight: bold;
}
@media (min-width: 1000px) {
	ul.nav li ul.dd li a {
		font-size: 1.4rem;
	}
}
@media (min-width: 1024px) {
	ul.nav li ul.dd li a {
		font-size: 1.4rem;
	}
}

ul.nav li ul.dd li a:hover {
	color: #fff;
}

li.navhovered a {
	/*background: rgba(255, 255, 255, 0.25);*/
}

.sitetitle {
	position: relative;
	text-align: center;
}
.sitetitle h1 {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 3%;
	/*background: linear-gradient(rgba(43, 43, 63, 0.25), rgba(43, 43, 63, 0));
	box-shadow: inset 0 7px 30px -7px rgba(0, 0, 0, 0.15);*/
	font-size: 2.25rem;
	color: rgba(43, 43, 63, 0.9);
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}
@media (min-width: 1000px) {
	.sitetitle h1 {
		padding: 1.5% 0;
		font-size: 4rem;
	}
}
.sitetitle h1.transparent {
	color: transparent;
	text-shadow: none;
}

.slider {
	position: relative;
	overflow: hidden;
	min-height: 300px;
	background-color: #8ab8f8;
	background-image: url(/downloads/cef-test-hero.jpg);
	background-size: cover;
	background-position: center center;
}
@media (min-width: 1000px) {
	.slider {
		min-height: 600px;
	}
}

.slider::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: linear-gradient(to right, rgba(138, 184, 248, 0.9), rgba(138, 184, 248, 0.5), rgba(138, 184, 248, 0.9));
}

.slider h2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 0 20px rgba(43, 43, 63, 0.5);
	font-weight: normal;
	font-size: 1.75rem;
	line-height: 110%;
}
@media (min-width: 1000px) {
	.slider h2 {
		bottom: 0;
		font-size: 4.33rem;
	}
}

h2.sandhills {
	background-image: url(/images/divider.png), linear-gradient(rgba(43, 43, 63, 0.2), rgba(43, 43, 63, 0.2));
	background-repeat: no-repeat;
}
.slider h2.sandhills {
	width: 90%;
	padding: 50px 5% 34px 5%;
	background-position: center top, center 30px;
	background-size: 100% 30px, 100% 100%;
}
@media (min-width: 1000px) {
	.slider h2.sandhills {
		width: 76%;
		padding: 80px 12% 60px 12%;
		background-position: center top, center 50px;
		background-size: 100% 50px, 100% 100%;
	}
}

.content,
.content-int {
	overflow:hidden;
	font-size: 1.5rem;
	/*background-image: url(/downloads/pine-bark.jpg);
	background-repeat: repeat;*/
}
@media (min-width: 1000px) {
	.content {
		min-height: 600px;
	}
}

.content table {
	width: 100% !important;
	background-color: rgba(0, 0, 0, 0.05);
}
.content table th, .content table td {
	vertical-align: top;
	padding: 20px;
}

.slider-int {
	position: relative;
	min-height: 150px;
	background-color: #8ab8f8;
	background-size: cover;
	background-position: center top;
}
@media (min-width: 1000px) {
	.slider-int {
		min-height: 250px;
	}
}
.slider-int::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: linear-gradient(to right, rgba(138, 184, 248, 0.9), rgba(138, 184, 248, 0.6), rgba(138, 184, 248, 0.9));
}
.slider-int h2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 0 20px rgba(43, 43, 63, 0.5);
	font-weight: normal;
	font-size: 2.5rem;
}
@media (min-width: 1000px) {
	.slider-int h2 {
		font-size: 5.5rem;
	}
}
.slider-int h2.sandhills {
	padding: 30px 0 10px 0;
	background-position: center top, center 20px;
	background-size: 100% 20px, 100% 100%;
}
@media (min-width: 1000px) {
	.slider-int h2.sandhills {
		padding: 50px 0 10px 0;
		background-position: center top, center 40px;
		background-size: 100% 40px, 100% 100%;
	}
}



.content-int {
	position: relative;
	min-height: 195px;
	border: solid 1px #000;
}
@media (min-width: 1000px) {
	.content-int {
		min-height: 365px;
	}
}
.content-int h1 {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	font-size: 17pt;
	color: #fff;
	padding: 12px 36px;
	font-weight: 400;
	width: 100%;
	/*display: inline-block;
	border-top-right-radius: 27px;*/
}
@media (min-width: 1000px) {
	.content-int h1 {
		font-size: 33pt;
	}
}

.copy {
	background-color: #fff;
	padding: 18px 12px;
	font-size: 1.5rem;
}
@media (min-width: 1000px) {
	.copy {
		background-color: #fff;
		padding: 18px 36px;
		font-size: 1.8rem;
	}
}
.copy h1,
.copy h2,
.copy h3,
.copy h4,
.copy h5,
.copy h6 {
	margin: 18px 0;
}
.copy h1,
.copy h2 {
	font-size: 23pt;
}
@media (min-width: 1000px) {
	.copy h1,
	.copy h2 {
		font-size: 27pt;
	}
}
.copy h3 {
	font-size: 16pt;
}
@media (min-width: 1000px) {
	.copy h3 {
		font-size: 25pt;
	}
}
.copy h4 {
	font-size: 19pt;
}
@media (min-width: 1000px) {
	.copy h4 {
		line-height: 37px;
	}
}
.copy h5 {
	font-size: 16pt;
}
@media (min-width: 1000px) {
	.copy h5 {
		font-size: 20pt;
	}
}
.copy h6 {
	font-size: 13pt;
}
@media (min-width: 1000px) {
	.copy h6 {
		font-size: 17pt;
	}
}
.copy a {
	color: #002c61;
}
.copy a:hover {
	color: #cacaca;
	border-bottom: solid 1px #cacaca;
}
.copy a.cta {
	display: inline-block;
	color: #ffffff;
    background-color: #8ab8f8;
    padding: 12px 34px 12px 26px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    box-sizing: border-box;
	border-color: transparent;
	margin-bottom: 4px;
	border-top: 0 !important;
	border-bottom: 0 !important;
	position: relative;
}
.copy a.cta:after {
	position: absolute;
	right: 19px;
	top: 12px;
	content: '\f054';
	font-family: 'FontAwesome';
	font-weight: 400;
	opacity: 0.65;
}


.copy img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	
}
@media (min-width: 1000px) {
	.copy img {
		max-width: 80%;
		margin: 6px 0;
	}
}
.copy .img-fluid {
	max-width: 500px;
	height: auto;
	margin-top: 18px;
}
.copy img.qr-code {
	border-radius: 0;
	height: 128px;
	width: 128px;
}
.donate-opt.six.columns {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	margin-bottom: 2em;
}
.donate-opt h4 {
	color: #2b2b3f;
}
.copy div.img-caption, .copy div.img-nocaption {
	font-size: 80%;
	font-style: italic;
	text-align: left;
	border-radius: 8px;
	padding-bottom: 6px;
	margin-bottom: 1.25em;
	color: #3c3c4e;
}
.copy div.img-caption {
}
.copy div.img-nocaption {
	box-shadow: none;
}
.copy div.img-caption img, .copy div.img-nocaption img {
	max-width: 600px;
}
@media (min-width: 1000px) {
	.copy div.img-caption img, .copy div.img-nocaption img {
		margin: 0;
	}
}
@media (min-width: 1000px) {
	.copy div.img-caption.right, .copy div.img-nocaption.right {
		float: none;
	}
}


.copy iframe,
.copy div.video iframe {
	max-width: 100%;
	max-height: 230px;
	margin: 0.75vw 0 0 0;
	padding: 0;
}
@media (min-width: 400px) {
	.copy iframe,
	.copy div.video iframe {
		max-width: 500px;
		max-height: 280px;
		padding: 0;
	}
}
.copy iframe.g-recaptcha {
	background-color: transparent;
}

div.img-video-embed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin: 0.5vh 0 1.5vh 0;
}
@media (min-width: 400px) {
	div.img-video-embed {
		padding-bottom: 281px;
		margin: 0.5vw 0 0.5vw 0;
	}
}
div.img-video-embed iframe,
div.img-video-embed video {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	width: 100%;
	height: 100%;
	border-radius: 0;
}
@media (min-width: 400px) {
	div.img-video-embed iframe,
	div.img-video-embed video {
		width: 500px;
		height: 281px;
		margin: 0;
		padding: 0;
		background-color: #000;
	}
}
i.fa-external-link,
i.fa-youtube-play,
i.fa-vimeo-square {
	top: 2px;
	left: 3px;
	font-size: 130%;
}
i.fa-external-link {
	top: 4px;
	font-size: 120%;
	color: #c5c5c5;
}
i.fa-youtube-play {
	color: #ff0000;
}
i.fa-vimeo-square {
	color: #00adef;
}

.copy-column a {
	border-top: solid 3px transparent;
	border-bottom: solid 3px #c8defc;
	color: #2b2b3f;
}
.copy-column a:hover {
	border-top: solid 3px #c8defc;
	border-bottom: solid 3px #c8defc;
	background-color: #c8defc !important;
	color: #2b2b3f;
}

.copy-column .answer h4,
.copy-column .announcement h4,
.copy-column .staff h4 {
	position: relative;
	color: #222;
	line-height: 37px;
	padding-left: 36px;
}
.copy-column ul {
}
.copy-column ul li {
	list-style-type: none;
	position: relative;
	margin-top: 12px;
	padding-left: 24px;
}
.copy-column ol {
	list-style: decimal outside;
}
.copy-column ol li {
	position: relative;
	margin-top: 12px;
	padding-left: 24px;
	margin-left: 24px;
}
.copy-column ul li:before,
.copy-column ul li.question:before,
.copy-column .announcement h4:before,
.copy-column .staff h4:before,
.copy-column .answer h4:before  {  
	position: absolute;
	top: 1px;
	left: 0;
	font-family: 'FontAwesome';
	content: '\f192';
	color: #aaaaaa;
}
.copy-column .answer h4:before,
.copy-column .announcement h4:before {  
	top: -1px;
}
.copy-column .staff h4:before {  
	top: 0;
}
.copy-column ul li.question:before,
.copy-column ul li.announcement:before,
.copy-column .answer h4:before {  
	content: '\f059';
}
.copy-column .staff h4:before {  
	content: '\f005';
}
.copy-column .answer {
	border-top: dotted 1px #ccc;
	padding-bottom: 18px;
}

.copy-column .staff-dets {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 0.5em 0;
	margin-bottom: 1em;
	border-radius: 8px;
}
.copy-column .staff h6 {
	padding: 0 0 0 0.5em;
	margin: 0;
	line-height: 30px;
}
.copy-column .staff div i.fa {
	margin-right: 10px;
	font-size: 120%;
	left: 2px;
	top: 3px;
	color: #aaaaaa;
}

.copy-column .staff img {
	float: right;
	max-width: 150px;
	margin: 6px 0 0 12px;
}
@media (min-width: 1000px) {
	.copy-column .staff img {
		max-width: 250px;
		margin: 6px 0 0 24px;
	}
}

.copy-column .linkdesc {
	margin-top: 12px;
	font-style: italic;
	line-height: 125%;
	max-width: 600px;
}
.copy-column .linkdesc p {
	margin-bottom: 1.5rem;

}

.row.homebox {
	margin: 6em 0;
}
.row.homebox h2 {
	margin: 0 0 0.5em 0;
	text-align: center;
	font-size: 2.75rem;
}
@media (min-width: 1000px) {
	.row.homebox h2 {
		font-size: 4rem;
	}
}

.row.homebox-event {
	margin: 3em 0 0 0;
	padding: 0;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.row.homebox-event h2 {
	background-color: #ff8038;
	padding: 0.33em 0;
	text-align: center;
	color: #2a2a2a;
	border-bottom: 0;
}
@media (min-width: 1000px) {
	.row.homebox-event h2 {
		font-size: 4rem;
	}
}
.row.homebox-event img {
	margin: 1rem 0;
}
@media (min-width: 1000px) {
	.row.homebox-event img {
		margin: 0;
	}
}
.row.homebox-event div.row {
	background-color: #fff;
	padding: 0 0.5em 1em 0.5em;
	margin-bottom: 0;
}
@media (min-width: 1000px) {
	.row.homebox-event div.row div.four.columns {
		padding: 0 1rem;
	}
	.row.homebox-event div.row div.eight.columns {
		padding: 0 1rem;
	}
}


.copybox {
	padding: 0 1em;
	font-size: 89%;
	background-color: #e9f3ff;
}
@media (min-width: 1000px) {
	.copybox {
		border-left: solid 2px #8ab8f8;
	}
}
.copybox h3 {
	font-size: 20pt;
}
.copybox h5{
	font-size: 16pt;
}

.mob-subnav {
	color: #2b2b3f;
	display: inline-block;
	background: rgba(0, 0, 0, 0);
	padding: 6px 15px 6px 9px;
	margin: 12px 6px 0 0;
	border-radius: 18px;
}

ul.sidenav {
	width: 100%;
	display: none;
	margin: 0 0 0 0;
	border-bottom: dotted 1px #ccc;
}
@media (min-width: 1000px) {
	ul.sidenav {
		display: block;
		margin: 0;
		border-bottom: 0;
	}
}
ul.sidenav.fa-ul {
	padding-left: 0 !important;
	list-style-position: outside !important;
}
.mobile-only ul.sidenav.fa-ul {
	margin-left: -25px !important;
}
ul.sidenav.fa-ul li {
	border-top: dotted 1px #ccc;
}
ul.sidenav.fa-ul li:first-child,
ul.sidenav.fa-ul li.li-9,
ul.sidenav.fa-ul li.li-14 {
	border-top: 0;
}
ul.sidenav.fa-ul li i.fa-li {
	left: 3px;
	top: 0;
}
ul.sidenav.fa-ul li.li-9 i.fa-li,
ul.sidenav.fa-ul li.li-14 i.fa-li {
	opacity: 0;
}
ul.sidenav.fa-ul li a {
	font-size: 16px;
	display: block;
	color: #2b2b3f;
	padding: 12px 24px;
	border-radius: 4px;
}
ul.sidenav.fa-ul li.li-9 a {
	font-size: 16px;
	padding: 12px 20px 12px 59px;
}
ul.sidenav.fa-ul li.li-14 a {
	font-size: 14px;
	padding: 12px 20px 12px 59px;
}
@media (min-width: 1000px) {
	ul.sidenav.fa-ul li a {
		padding: 14px 0;
	}
	ul.sidenav.fa-ul li.li-9 a {
		padding: 6px 6px 6px 34px;
	}
	ul.sidenav.fa-ul li.li-14 a {
			padding: 6px 6px 6px 51px;
	}
}
ul.sidenav.fa-ul li a:last-child {
	border-bottom: 0;
}
@media (min-width: 1000px) {
	ul.sidenav.fa-ul li a:hover {
		background-color: #ff8038;
		color: #fff;
	}
}
ul.sidenav a.selected {
	background-color: #deecfe;
	color: #fff;
}
ul.sidenav.fa-ul li a i.fa {
	color: #2b2b3f;
}

ul.contextnav {
	width: 100%;
	background-color: #fff;
	margin: 12px 0;
	padding: 0 0;
	overflow: hidden;
}
ul.contextnav li {
	margin: 6px 0 0 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font-size: 85%;
}
@media (min-width: 1000px) {
	ul.contextnav li {
		margin: 0 6px 0 0;
		display: inline-block;
	}
}
ul.contextnav li:before {
	display: none;
}
ul.contextnav a {
	display: block;
	padding: 6px 12px;
	border: 0;
	background-color: #ffffff;
	background-color: rgba(222, 236, 254, 0.5);
	border-radius: 4px;
	margin-top: 6px;
}
@media (min-width: 1000px) {
	ul.contextnav a {
		display: inline-block;
	}
}
ul.contextnav a.selected {
	background-image: none;
	background-color: #deecfe;
}
ul.contextnav a:hover {
	border: 0;
}
ul.contextnav a i.fa{
	top: -1px;
	font-size: 80%;
}

.foot {
	background-color: #016159;
	background-image: url(/images/pine-foot.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 2%;
	color: #ffffff;
}
.footnav h6 {
	color: #ff8038;
	font-size: 2.4rem;
	margin: 12px 0 0 12px;
	padding-top: 0;
}
@media (min-width: 1000px) {
	.footnav h6 {
		margin: 0;
	}
}

.footnav ul {
	padding: 0 0 0 15px;
}
@media (min-width: 1000px) {
	.footnav ul {
		padding: 0;
		margin: 0;
	}
}
.footnav ul li {
	margin-top: 3px;
}
.footnav ul li a {
	color: #ffffff;
	padding-bottom: 2px;
	border-bottom: dotted 1px rgba(255, 255, 255, 0);;
}
.footnav ul li a:hover {
	color: #eeeeee;
	border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
}
.footnav ul.fa-ul {
	margin-left: -12px !important;
}
.footnav ul.fa-ul i.fa-li {
	left: 3px;
	top: 0;
	color: #eeeeee;
}
.copyright {
	padding: 24px 0;
	font-size: 10pt;
	text-align: center;
}
@media (min-width: 1000px) {
	.copyright {
		padding: 0 0;
		text-align: left;
	}
}
.copyright img {
	margin-bottom: 0.8em;
	width: 85%;
	max-width: 220px;
}
@media (min-width: 1000px) {
	.copyright div {
		padding-left: 12%;
	}
}
.website-byline {
	margin-top: 12px;
}
.website-byline a {
	color: rgba(255, 255, 255, 0.5);
}
.website-byline a:hover {
	color: rgba(255, 255, 255, 0.75);
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/images2012/sb_bg.png) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(/images2012/sb_mid.png) repeat-y;
	cursor: pointer;
	overflow: hidden;
	height: 20px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images2012/sb_top.png) no-repeat;
	height: 6px;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(/images2012/sb_bot.png) no-repeat;
	height: 6px;

}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images2012/sb_up.png) no-repeat;
	height: 30px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images2012/sb_down.png) no-repeat;
	height: 30px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.contact {
	max-width: 500px;
}
.contact input,
.contact textarea {
	width: 100%;
}


.flip-tile h3 {
	font-size: 3.5rem;
}
@media (min-width: 1000px) {
	.flip-tile h3 {
		font-size: 2.3vw;
	}
}
.flip-tile h4 {
	font-family: 'Varela Round', sans-serif;
	font-size: 1.6rem;
	padding: 0 0.5em;
	letter-spacing: -0.03rem;
	font-weight: normal;
}
@media (min-width: 1000px) {
	.flip-tile h4 {
		font-size: 1.2vw;
	}
}
.flip-tile i.fa {
	color: #ff8038;
	font-size: 5rem;
}
@media (min-width: 1000px) {
	.flip-tile i.fa {
		color: #ff8038;
		font-size: 3vw;
	}
}
.flip-tile button i.fa {
	top: 3px;
	left: 2px;
	font-size: 2.4rem;
}

.flip-tile-inner {
	position: relative;
	width: 100%;
	min-height: 250px;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	z-index: 1;
}

.flip-tile:hover .flip-tile-inner {
	transform: rotateX(180deg);
}

.flip-tile-front, .flip-tile-back {
	position: absolute;
	width: 100%;
	padding: 35px 0 0 0;
	min-height: 215px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	z-index: 1; 
}
.flip-tile-front a {
	color: #ffffff;
}

.flip-tile-back {
	background-color: #2b2b3f;
	transform: rotateX(180deg);
}

.row.homebox {
	margin: 6em 0;
}
.row.homebox h2 {
	margin: 0 0 0.5em 0;
	text-align: center;
	font-size: 2.75rem;
}
@media (min-width: 1000px) {
	.row.homebox h2 {
		font-size: 4rem;
	}
}
.row.homebox.copy div.row {
	padding: 2em 2em 0.75em 2em;
	background-color: #f6f5f4;
	margin-bottom: 2em;
}
.row.homebox.copy h2 {
	padding-bottom: 0.3em;
	border-bottom: dotted 2px rgba(0, 0, 0, 0.2);
}
.row.homebox.copy div.row iframe {
	max-width: 100%;
	background: #222;
}





.row.get-involved {
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #88796e;
	background-position: top center;

}
.row.get-involved .three.columns p {
	display: block;
	padding: 0 3%;
	margin: 0 auto;
	line-height: 1.35em;
}

.row.get-involved .three.columns {
	min-height: 250px;
	margin: 0 0;
}
@media (min-width: 1000px) {
	.row.get-involved .three.columns {
		width: 25%;
	}
	.row.get-involved .three.columns p {
		font-size: 1.8rem;
	}
}

.row.get-involved .three.columns.pic {
	background-color: rgba(0, 0, 0, 0.4);
	background-size: cover;
	background-position: center center;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.9);
}

.involved-pray {
	background-image: url(/downloads/pray.jpg);
}
.involved-donate {
	background-image: url(/downloads/donate.jpg);
}
.involved-sponsor {
	background-image: url(/downloads/sponsor.jpg);
}
.involved-volunteer {
	background-image: url(/downloads/volunteer.jpg);
}

.row.mailinglist {
	padding: 2em 2em 0.7em 2em;
	background-color: #ff8038;
	margin: 0;
}
@media (min-width: 1000px) {
	.row.mailinglist {
	}
}
.row.mailinglist h3 {
	text-align: right;
	color: #ffffff;
}
.row.mailinglist input[type=email] {
	width: 100%;
} 
@media (min-width: 1000px) {
	.row.mailinglist input[type=email] {
		width: 100%;
		max-width: 325px;
	} 
}

.form-cont {
	max-width: 98%;
	margin-bottom: 3em;
}

.form-cont h5 {
	color: #8ab8f8;
}
optgroup {
	color: #5a5a5a;
}
option {
	color: #000;
}

.fieldgroup {
	font-weight: bold;
	padding: 0.5em 0;
	border-bottom: solid 2px #2b2b3f;
	color: #5a9af4;
	margin: 1.5em 0;
}
.fieldrow {
	margin: 0;
}
.fieldrow:last-child {
	border-bottom: 0;
}

.fieldrowtitle {
	font-size: 70%;
	padding: 3px 6px;
	text-transform: uppercase;
	background-color: #ddebfd;
}

.fieldtitle {
	padding-top: 2px;
	margin-right: 1em;
	
}
.fieldtitle i.fa-asterisk,
.fieldgroup div i.fa-asterisk {
	color: #ff8038;
	top: -1px;
	left: 5px;
	font-size: 80%;
}


.field input,
.field textarea {
	width: 100%;
}
.field select {
	min-width: 150px;
}

.fieldbuttons {
	text-align: center;
	margin: 3em 0;
}

.row.payment {
	border-bottom: dotted 1px #ccc;
}
.row.payment td {
	padding: 6px 0;
	border-bottom: 0;
}
.row.payment p {
	font-size: 80%;
}
.row.payment select {
	max-width: 300px;
}

.errTextBlock,
input.errField,
textarea.errField,
select.errField {
	border: solid 2px #ff8038;
	background-color: #ddebfd;
}
.errTextBlock {
	border-radius: 4px;
}
.err {
	background: #ff8038;
	color: #2b2b3f;
	font-weight: bold;
	padding: 9px 15px;
	text-align: left;
	margin: 1em 0;
}
.err i.fa {
	color: #2b2b3f;
}

.event {
	min-height: 7.35em;
	border-bottom: dotted 2px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1000px) {
	.event {
		display: flex;
	}
}
.event:last-child {
	border-bottom: 0;
}
.eventicon {
	background-color: #ff8038;
	margin-top: 18px;
	padding: 12px 0;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	border-radius: 8px;
	width: 90px;
	letter-spacing: -0.04em;
}
@media (min-width: 1000px) {
	.eventicon {
		width: 100%;
	} 
}
.eventicon h3 {
	margin: 0;
	letter-spacing: 0;
}

.eventdets {
	position: relative;
	padding-bottom: 18px;
}
.eventdets h5 {
	margin: 18px 0 9px 0;
}
.eventdets p {
	margin-bottom: 1.75rem;
}
.eventdets img {
	margin: 0;
}
.eventdets p.eventsched {
	line-height: 135%;
}
.eventlink {
	position: absolute;
	bottom: 0;
	right: 0;
}
.eventlink a {
	display: inline-block;
	padding: 0 9px;
	font-size: 100%;
	color: #c8defc;
	border-color: transparent;
	border-radius: 50%;
}




.hero-cont {
	width: 100%;
	padding-bottom: 50%;
	margin-bottom: 1em;
}
@media (min-width: 1000px) {
	.hero-cont {
		width: 95%;
		padding-bottom: 47.5%;
	}
}
.hero-graphic {
	position: absolute;
	z-index: 101;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2a2a2a;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
}
.hero-caption {
	display: block;
	position: absolute;
	bottom: 1em;
	right: 0;
	width: 94%;
	padding: 1% 3%;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 4px #000;
	font-style: italic;
	font-size: 3vw;
}
@media (min-width: 1000px) {
	.hero-caption {
		font-size: 2vw;
	}
}
@media (min-width: 1350px) {
	.hero-caption {
		font-size: 1.5vw;
	}
}
.hero-slide {
	opacity: 0;
	-webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
.hero-slide.current { 
	display: block;
	opacity: 1;
	z-index: 102;
}
.hero-control { 
	position: absolute;
	display: none;
	z-index: 103;
	top: 0;
	right: 0;
	height: 20px;
	padding: 3px 6px;
	-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 0.75;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.75);
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.hero-control a {
	display: none;
	width: 13px;
	height: 13px;
	background: url(/images/bullets.png) no-repeat 0 0;
	background-size: cover;
	text-indent: -9999px;
	margin: 0 5px;
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none;
	transition: none;
	border-color: transparent;
}
.hero-control a:hover {
	background-color: transparent;
	border-color: transparent;
}
	.hero-control,
	.hero-control a {
		display: inline-block;
	}
.hero-control  a.active{
	background-position: 100% 0;
}