@charset "UTF-8" !important;
/*_________________________________________________
<<<<<<<<<<<<   TABLE OF CONTENTS   >>>>>>>>>>>>>>>>

(1) ZERO OUT / RESET
(2) FONT IMPORTS
(3) TYPOGRAPHY & MOST ALL THINGS TEXT
	(3a) LINKS
	(3b) SPECIAL CLASSES & FORMATTING
(4) GLOBAL COMMON ELEMENTS
(5) SPECIAL, CUSTOM CLASSES
(6) COLORBLOCKS
(7) SKELETON / RESPONSIVE BASE
(8) STRUCTURE
	(8b) NAVIGATION
(9) RESPONSIVE SPECIAL ELEMENTS
(10) CONTENT & PAGE PRESENTATION STYLING
	(10a) SEARCH RESULTS PAGE
(15) ERROR PAGES
(30) CSS TESTING TRIGGERS
(50) DEV VARIABLES
_________________________________________________*/

/*:::: (1) Zero Out CSS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*:::: http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 ::::::::::::::::::::: */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, input, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video,
	* {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; }
	strong {
		font-weight: bold; }
	em {
		font-style: italic; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, container {
		display: block;
		box-sizing: border-box; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/*:::: (2) FONT IMPORTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	@import url(https://fonts.googleapis.com/css?family=Rancho);
	@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
	
	/*
	@font-face {
		font-family: "montserrat-regular";
		font-style: normal;
		font-weight: normal;
		src: url("/templates/sea_2015/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), 
			url("/templates/sea_2015/fonts/Montserrat-Regular.woff") format("woff"), 
			url("/templates/sea_2015/fonts/Montserrat-Regular.ttf") format("truetype"); }
	@font-face {
		font-family: "montserrat-bold";
		font-style: normal;
		font-weight: bold;
		src: url("/templates/sea_2015/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), 
			url("/templates/sea_2015/fonts/Montserrat-Bold.woff") format("woff"), 
			url("/templates/sea_2015/fonts/Montserrat-Bold.ttf") format("truetype"); }
	*/

/*:::: (3) TYPOGRAPHY & MOST ALL THINGS TEXT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* NOTE: html is set to 62.5% so that all the REM measurements throughout Skeleton
	are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
		font-size: 62.5%; 
		text-rendering: optimizeLegibility; }
	body {
		/*font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
		font-size: 16px; /*set this as the standard font-size, P size, and everything else in REMs plays off of it */
		line-height: 1.5rem;
		font-weight: 400;
		font-family: Helvetica, Arial, sans-serif;
		color: #525252;
		background: #fff; }
	/*:: FONT SCALING :::*/
		@media screen and (max-width: 500px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 500px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 800px){
			html, body {
				font-size: 16px; }
		}
		@media screen and (min-width: 1000px){
			html, body {
				font-size: 16px; }
		}
		.small {
			font-size: 80% !important;
			line-height: 110% !important; }
		.smaller {
			font-size: 65% !important;
			line-height: 100% !important; }

	/*:: COMMON TEXT BLOCK LEVEL ELEMENTS :::*/
		h1,h2,h3,h4,h5,h6{
			line-height: 120%;
			font-family: 'Rancho', Helvetica, Arial, sans-serif; 
			color: #525252;
			margin: 0 0 .6rem 0; }
			h1{
				font-size: 2rem;
				line-height: 110%;
				letter-spacing: -.1rem; }
			h2{
				font-size: 1.6rem;
				line-height: 140%;
				letter-spacing: -.1rem; }
			h3{
				font-size: 1.4rem;
				line-height: 120%;
				letter-spacing: -.1rem; }
			h4{
				font-size: 1.2rem;
				line-height: 130%;
				letter-spacing: -.08rem; }
			h5{
				font-size: 1.1rem;
				line-height: 130%;
				letter-spacing: -.05rem; }
			h6{
				font-size: 1rem;
				line-height: 130%;
				letter-spacing: 0; }
		p {
			padding: 0 0;
			/*text-shadow: 1px 1px 2px rgba(0,0,0,.1);*/
			font-family: 'Montserrat', Helvetica, sans-serif; }
	
		li {
			font-size: 1rem; }
			li a {
				color: #006699; }
	
		hr {
			border: 1px solid #E6E6DF;
			background-color: rgba(208,207,207,1.00);
			height: 1px;
			margin-bottom: 3.5rem;
			border-width: 0;
			border-top: 1px solid #E1E1E1; }

	
		blockquote {
			background:#f9f9f9;
			border-left:1em solid #eee;
			margin:1.5em 1em;
			padding: 1em;
			quotes:"\201C""\201D"; }
		blockquote:before { 
			color:#808080;
			content:open-quote;
			font-size:4em;
			line-height:.1em;
			margin-right:.25em;
			vertical-align:-.4em; }
		blockquote :first-child, 
		blockquote :last-child {
			margin-bottom:0; }
		blockquote:first-child {
			margin-bottom:0; }
		.quoted {
			text-align:right;
			padding:0; }

	/*:::: (3a) LINKS ::::::::::::::::::::::::::::: */
		a,
		a.visited {
	        color: #a5702b;
	        outline: 0; /* removes dotted line around links when clicked */
	        /* color: #006699; */
    		/* color: #2b72bb; */
            -webkit-transition: color 0.5s linear;
	        -moz-transition: color 0.5s linear;
	        -ms-transition: color 0.5s linear;
	        -o-transition: color 0.5s linear;
	        transition: color 0.5s linear; }
				input::-moz-focus-inner { /* removes dotted line around links when clicked */
					border: 0; }

		a:hover {
			color: #005A84;}
		a:active {
			outline: none; }
		a img,
		.nb,
		header a,
		footer a,
		.breadcrumbs a,
		.breadcrumb a {
			text-decoration: none;
			border: none; }

	/*:::: (3b) SPECIAL CLASSES & FORMATTING ::::::::::::::::::::::::::::: */

		.shadow_black {
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
		.shadow_gray {
			text-shadow: 1px 1px 0px rgba(100, 100, 100, 1); }
		.shadow_white {
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }

		.white {
			color: #fff !important; }
		.gray {
			color: rgba(0,0,0,.25);
		}
		.red {
			color: #903 !important; }
		.center, .centered {
			text-align: center; }


		/*:: DROP CAPS :::*/
			div[itemprop="articleBody"] p:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 3px; padding-left: 3px; font-family: Georgia; }

		/*:: MULTI COLUMN PARAGRAPH TEXT FORMAT :::*/
			@media screen and (min-width: 800px){ /* keeps this from happening on tablets & phones */
				/* 2 column */
				.two-content-col {
				       -moz-column-count: 2;
				       -moz-column-gap: 20px;
				       -webkit-column-count: 2;
				       -webkit-column-gap: 20px;
					   vertical-align:top; }
				/* 3 column */
				.three-content-col {
				       -moz-column-count: 3;
				       -moz-column-gap: 20px;
				       -webkit-column-count: 3;
				       -webkit-column-gap: 20px;
					   vertical-align:top; }

			}

/*:::: (4) GLOBAL COMMON ELEMENTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	/* Lists ::::::::::::::::::::::::::::: */
		ul {
			list-style: circle inside; }
		ol {
			list-style: decimal inside; }
		ol, ul {
			padding-left: 0;
			margin-top: 0; }
		ul ul,
		ul ol,
		ol ol,
		ol ul {
			margin: 1.5rem 0 1.5rem 3rem;
			font-size: 90%; }
		li {
			margin-bottom: 1rem; 
			list-style-position: outside;
			margin-left: 2rem; }

	/* Tables ::::::::::::::::::::::::::::: */
		th {
			font-size: 1rem;
			font-weight: 700;
			color: #690000;
		}
		th,
		td {
			padding: 12px 15px;
			text-align: left;
			border-bottom: 1px solid #E1E1E1; }
		th:first-child,
		td:first-child {
			padding-left: 0; }
		th:last-child,
		td:last-child {
			padding-right: 0; }
		tbody tr:nth-child(odd) {
			/*background-color: #eee; */}

	/* Spacing ::::::::::::::::::::::::::::: */
		button,
		.button {
			margin-bottom: 1rem; }
		input,
		textarea,
		select,
		fieldset {
			margin-bottom: .5rem; 
			width: 96%}
		pre,
		blockquote,
		dl,
		figure,
		table,
		p,
		ul,
		ol,
		form {
			margin-bottom: .6rem; }

	/* Code ::::::::::::::::::::::::::::: */
		code {
			padding: .2rem .5rem;
			margin: 0 .2rem;
			font-size: 90%;
			white-space: nowrap;
			background: #F1F1F1;
			border: 1px solid #E1E1E1;
			border-radius: 4px; }
		pre > code {
			display: block;
			padding: 1rem 1.5rem;
			white-space: pre; }
	
/*:::: (5) SPECIAL, CUSTOM CLASSES :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* PULLS & CALLOUTS ::::::::::::::::::::::::::::: */
	.left {
		float: left;
		margin: .4rem .4rem .5rem 0;
		padding: 0 2rem 1rem 0; }
	.right {
		float: right;
		margin: .4rem 0 .5rem .4rem;
		padding: 0 0 1rem 2rem; }

	.callout_right {
		float: right;
		width: 45%;
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: .25rem 0 1.5rem 1rem; }
	.callout_left {
		float: left;
		width: 45%;
		font-size: 2.25rem;
		line-height: 2.5rem;
		padding: .25rem 1rem 1.5rem 0; }

	/* JOOMLA READMORE ::::::::::::::::::::::::::::: */
		.read_more::after,
		.read_more::before {
			/*content:url(link.png); */
			content:'\25BA'; }
		.read_more::after {
			content: " Articles"; }
	
	/* Utilities ::::::::::::::::::::::::::::: */
		.u-full-width {
			width: 100%;
			box-sizing: border-box; }
		.u-max-full-width {
			max-width: 100%;
			box-sizing: border-box; }
		.u-pull-right {
			float: right; }
		.u-pull-left {
			float: left; }

	/* STICKY NOTE BOX CONTAINERS ::::::::::::::::::::::::::::: */
		ul.box-curl {
			position: relative;
			z-index: 1; /* prevent shadows falling behind containers with backgrounds */
			overflow: hidden;
			list-style: none;
			margin: 0;
			padding: 0; }
		ul.box-curl li {
			position: relative;
			float: left;
			width: auto;
			height: 150px;
			padding: 1rem;
			border: 1px solid #efefef;
			margin: 0 30px 30px 0;
			background: #fff;
			-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
			-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
		ul.box-curl li:before,
		ul.box-curl li:after {
			content: '';
			z-index: -1;
			position: absolute;
			left: 10px;
			bottom: 10px;
			width: 70%;
			max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
			max-height: 100px;
			height: 55%;
			-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
			-webkit-transform: skew(-15deg) rotate(-6deg);
			-moz-transform: skew(-15deg) rotate(-6deg);
			-ms-transform: skew(-15deg) rotate(-6deg);
			-o-transform: skew(-15deg) rotate(-6deg);
			transform: skew(-15deg) rotate(-6deg); }
		ul.box-curl li:after {
			left: auto;
			right: 10px;
			-webkit-transform: skew(15deg) rotate(6deg);
			-moz-transform: skew(15deg) rotate(6deg);
			-ms-transform: skew(15deg) rotate(6deg);
			-o-transform: skew(15deg) rotate(6deg);
			transform: skew(15deg) rotate(6deg); }

/*:::: (6) COLOR BLOCKS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		/*
		.body.no-bkgd {
			background: none; }
		.container{
			background: url(/templates/skeleton/images/color_blocks/gray.png); }
		header.row,{
			background: url(/templates/skeleton/images/color_blocks/blue.png) !important;
			background-color: none !important; }
		header.row columns,
		header.row column {
			background-color: none !important; }
		.row .four{
			background: url(/templates/skeleton/images/color_blocks/blue.png) !important;
			background-color: none !important; }
		header.container {
			padding: 0;
			width: 100%; }
		*/
/*:::: (7) SKELETON / RESPONSIVE BASE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/* IMAGES */
		.promo img {
		    width: 100%;
		    height: auto; }
	/* For desktop: */
		.col-1 {width: 8.33%; 	}
		.col-2 {width: 16.66%; 	}
		.col-3 {width: 25%;		}
		.col-4 {width: 33.33%; 	}
		.col-5 {width: 41.66%; 	}
		.col-6 {width: 50%; 	}
		.col-7 {width: 58.33%; 	}
		.col-8 {width: 66.66%; 	}
		.col-9 {width: 75%; 	}
		.col-10 {width: 83.33%; }
		.col-11 {width: 91.66%; }
		.col-12 {width: 100%; 	}
	
	@media only screen and (max-width: 768px) {
		/* For mobile phones: */
		[class*="col-"] {
			width: 100%; }
	}
	/*:::  Table of contents :::::::::::::::::::::::::::::
			- Grid
			- Base Styles
			- Buttons
			- Forms
			- Spacing
			- Clearing
			- Media Queries   */
	
	/* Grid ::::::::::::::::::::::::::::: */
		.container {
			position: relative;
			width: 100%;
			max-width: 100%;
			/*max-width: 960px;*/
			margin: 0 auto;
			/* padding: 0 20px;*/
			box-sizing: border-box; }
		.column,
		.columns {
			width: 100%;
			float: left;
			box-sizing: border-box; 
			/*background: #ccc;
			border: 1px solid #666;*/
		}
		
		/* For devices larger than 400px */
		@media (min-width: 400px) {
			.container {
				width: 92%;
				padding: 0; }
		}
		
		/* For devices larger than 550px */
		@media (min-width: 550px) {
			.container {
				width: 96%; }
			.column,
			.columns {
				margin-left: 4%; }
			.column:first-child,
			.columns:first-child {
				margin-left: 0; }
			
			.one.column,
			.one.columns                    { width: 4.66666666667%; }
			.two.columns                    { width: 13.3333333333%; }
			.three.columns                  { width: 22%;            }
			.four.columns                   { width: 30.6666666667%; }
			.five.columns                   { width: 39.3333333333%; }
			.six.columns                    { width: 48%;            }
			.seven.columns                  { width: 56.6666666667%; }
			.eight.columns                  { width: 65.3333333333%; }
			.nine.columns                   { width: 74.0%;          }
			.ten.columns                    { width: 82.6666666667%; }
			.eleven.columns                 { width: 91.3333333333%; }
			.twelve.columns                 { width: 100%; margin-left: 0; }
			
			.one-third.column               { width: 30.6666666667%; }
			.two-thirds.column              { width: 65.3333333333%; }
			
			.one-half.column                { width: 48%; }
			
			/* Offsets */
			.offset-by-one.column,
			.offset-by-one.columns          { margin-left: 8.66666666667%; }
			.offset-by-two.column,
			.offset-by-two.columns          { margin-left: 17.3333333333%; }
			.offset-by-three.column,
			.offset-by-three.columns        { margin-left: 26%;            }
			.offset-by-four.column,
			.offset-by-four.columns         { margin-left: 34.6666666667%; }
			.offset-by-five.column,
			.offset-by-five.columns         { margin-left: 43.3333333333%; }
			.offset-by-six.column,
			.offset-by-six.columns          { margin-left: 52%;            }
			.offset-by-seven.column,
			.offset-by-seven.columns        { margin-left: 60.6666666667%; }
			.offset-by-eight.column,
			.offset-by-eight.columns        { margin-left: 69.3333333333%; }
			.offset-by-nine.column,
			.offset-by-nine.columns         { margin-left: 78.0%;          }
			.offset-by-ten.column,
			.offset-by-ten.columns          { margin-left: 86.6666666667%; }
			.offset-by-eleven.column,
			.offset-by-eleven.columns       { margin-left: 95.3333333333%; }
			
			.offset-by-one-third.column,
			.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
			.offset-by-two-thirds.column,
			.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
			
			.offset-by-one-half.column,
			.offset-by-one-half.columns     { margin-left: 52%; }
		
		}

	/* Buttons ::::::::::::::::::::::::::::: */
		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			display: inline-block;
			height: 38px;
			padding: 0 30px;
			color: #555;
			text-align: center;
			font-size: 11px;
			font-weight: 600;
			line-height: 38px;
			letter-spacing: .1rem;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			background-color: #B4E0B2 /*transparent*/;
			border-radius: 4px;
			border: 1px solid #bbb;
			cursor: pointer;
			box-sizing: border-box; }
		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:focus,
		button:focus,
		input[type="submit"]:focus,
		input[type="reset"]:focus,
		input[type="button"]:focus {
			color: #333;
			border-color: #888;
			outline: 0; }
		.button.button-primary,
		button.button-primary,
		input[type="submit"].button-primary,
		input[type="reset"].button-primary,
		input[type="button"].button-primary {
			color: #FFF;
			background-color: #33C3F0;
			border-color: #33C3F0; }
		.button.button-primary:hover,
		button.button-primary:hover,
		input[type="submit"].button-primary:hover,
		input[type="reset"].button-primary:hover,
		input[type="button"].button-primary:hover,
		.button.button-primary:focus,
		button.button-primary:focus,
		input[type="submit"].button-primary:focus,
		input[type="reset"].button-primary:focus,
		input[type="button"].button-primary:focus {
			color: #FFF;
			background-color: #1EAEDB;
			border-color: #1EAEDB; }
		
	
	/* Forms ::::::::::::::::::::::::::::: */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea,
		select {
			height: 38px;
			padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
			background-color: #fff;
			border: 1px solid #D1D1D1;
			border-radius: 4px;
			box-shadow: none;
			box-sizing: border-box; }
		/* Removes awkward default styles on some inputs for iOS */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none; }
		textarea {
			min-height: 85px;
			padding-top: 6px;
			padding-bottom: 6px; }
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		textarea:focus,
		select:focus {
			border: 1px solid #33C3F0;
			outline: 0; }
		label,
		legend {
			display: block;
			margin-bottom: .5rem;
			font-weight: 600; }
		fieldset {
			padding: 0;
			border-width: 0; }
		input[type="checkbox"],
		input[type="radio"] {
			display: inline; }
		label > .label-body {
			display: inline-block;
			margin-left: .5rem;
			font-weight: normal; }
	
	/* Clearing ::::::::::::::::::::::::::::: */
		.container:after,
		.row:after,
		.u-cf {
			content: "";
			display: table;
			clear: both; }
		.clear:after, 
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0; }
		.category-desc.clearfix {
			padding: 0;
		}
		html[xmlns] .clearfix {
			display: block; }
		* html .clearfix {
			height: 1%; }
			
/*:::: (8) STRUCTURE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	body, html { overflow-x:hidden; } /* keeps the annoying horizontal scrolling left and right */

	body {
		margin-left: auto;
		margin-right: auto;
		max-width: 1260px;
		width: 92%;
		padding-left: 2.275%;
		padding-right: 2.275%;
		width: 100%; }

	/** drop shadow below the toolbars and above the page rendering **/
	body:before {
		content: "";
		position: fixed;
		top: -10px;
		left: 0;
		width: 100%;
		height: 10px;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		box-shadow: 0px 0px 10px rgba(0,0,0,.8);
		z-index: 100; }

		/** drop shadow : WHITE
		body:before {
			content: "";
			position: fixed;
			top: -10px;
			left: 0;
			width: 100%;
			height: 10px;
			background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
			top: 0 !important;
			width: 100%;
			z-index: 100; }
		*/


		.container {
		 margin-top: 20px; }
		 
			.row.focus {
				/*padding-top: 1.5rem;*/ 
			}
	
		footer {
			border-top: 4px solid #65524d;
			text-align: center; }

.logo {
	background: url(/images/thinking_monkey.jpg) no-repeat;
	background-size: auto 100%;
}
.logo a {
	font-size: 2.25rem;
	color: #485056;
	font-weight: 500;
	font-family: 'Shadows Into Light', cursive;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
	padding: 1rem .25rem 0 21%;
	float: right;
	text-align: right;
	line-height: 110%;
}
@media (max-width: 500px) {
	.logo a {
		font-size: 1.5rem;
	}

}
h2 {
	font-family: "raleway", "open sans", sans-serif;
}

h2 {
  color: #a5702b;
  letter-spacing: 0.01rem !important;
  margin: 0 0 0.6rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

h3 {
	font-family: "raleway", "open sans", sans-serif;
  color: #a5702b;
  letter-spacing: 0.01rem !important;
  margin: 0 0 0.6rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  font-weight: 700;
}

	/*__ SKELETON OVERRIDES	___________________________________ */
		li {
			margin-bottom: 0;
		}
	/*__ K2 OVERRIDES	___________________________________ */
		span.catItemAuthor {
			display: none !important;
		}
		.itemList::before {

			color: #a5702b !important;
			font-family: "raleway","open sans",sans-serif;
			font-weight: 700;
			letter-spacing: 0.01rem !important;
			margin: 0 0 0.6rem;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
			text-transform: uppercase;
			font-size: 1.4rem !important;
			line-height: 120%;

		}	
		body.itemid-101	.itemList::before {
			border-bottom: 2px solid #aaa;
			color: #a5702b !important;
			text-shadow: none !important;
			content: "Featured Articles" !important;
		}

		div.catItemHeader h3.catItemTitle span.catItemEditLink > a {
			font-size: .825rem !important;
			background: #c90000;
			color: #ffffff !important;
		}

div.catItemHeader h3.catItemTitle a {
	color: #464E54 !important;
	font-family: /*"Shadows Into Light",*/"raleway","open sans",sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.01rem !important;
	margin: 0 0 0.6rem !important;
	text-transform: uppercase !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
	font-size: 2rem !important;
	letter-spacing: 0rem !important;
	line-height: 120% !important;
	text-decoration: none;
}
div.catItemHeader h3.catItemTitle {
	padding-top: 0 !important;
}
.catItemDateCreated{
	color: #464E54 !important;
	font-family: "raleway","open sans",sans-serif !important;
	text-shadow: none !important;
	letter-spacing: 0rem !important;
	line-height: 120% !important;
	text-decoration: none;
}



		div.itemListCategory {
			background: none;
			border: none;
			border-radius: none;
			margin: 0 0 24px;
			padding: 0;
		}
		.itemList {
		}
		.itemList::before {
			content: "Category Articles";
			border-bottom: 2px solid #c90 !important;
			width: 100%;
			display: block;
			color: #690000;
			font-family: "raleway","open sans",sans-serif !important;
			margin: 1rem 0 0;
			font-size: .8125rem !important;
			text-align: center;
			letter-spacing: -0.01rem;
			line-height: 140%;

		}

	/*__ MENU	___________________________________ */
/*__ (8b) NAVIGATION  				___________________________________ */

	#responsiveMenu99 li {
		margin-left: 0;
	}

	.responsiveMenuTheme5d.isDesktop {
  background: rgba(75, 84, 90, 0.9) none repeat scroll 0 0 !important;
}
#responsiveMenu98 span {
	text-transform: uppercase;
}


/*__ k2 fixes  				___________________________________ */
div.catItemIsFeatured::before, 
div.userItemIsFeatured::before, 
div.itemIsFeatured::before {
  content: "" !important;
}


#k2Container .itemListCategory h2 {
	font-size: 2rem;
	text-align: center;
}

#k2Container .itemListCategory h2:first-of-type {
	font-weight: 700;
}


	/*_____________________________________________________________ */
	/*|||||||	 BREADCRUMBS	||||||||||||||||||||||||||||||||||| */

	/* Breadcrumbs ::::::::::::::::::::::::::::: */
	.breadcrumb {
  margin-top: -1rem;
}
		ul.breadcrumb li {
			display: inline-block;
			list-style: none;
			margin: 0;
			padding: 0; }
			a.pathway .fa-fw {
				width: unset;
			}
.pathway > span {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  font-size: .75rem;
}
.active > span {
  color: #464E54;
  text-transform: uppercase;
  font-size: .75rem;
}

	/* Pagination ::::::::::::::::::::::::::::: */
		.counter.pull-right,
		.counter.pull-right * {
			box-sizing:border-box; }
		.counter.pull-right {
		  clear: both;
		  float: left;
		  width: 100%;
		  text-align: center;
		  margin: 0;
		  padding: 0; }
		.pagination-list {
		  margin: 0 auto;
		  width: 100%;
		  text-align: center; }
		ul.pagination-list li {
		  list-style: none;
		  display: inline; }
		.pagenav {
		  text-decoration: none;
		  padding: 0 .3rem; }

		.active.hidden-phone > a,
		.hidden-phone > a:hover {
		  font-weight: bold; }


	/* Media Queries ::::::::::::::::::::::::::::: */
		/*
		Note: The best way to structure the use of media queries is to create the queries
		near the relevant code. For example, if you wanted to change the styles for buttons
		on small devices, paste the mobile query code up in the buttons section and style it
		there.
		*/
		
		
		/* Larger than mobile */
		@media (min-width: 400px) {}
		
		/* Larger than phablet (also point when grid becomes active) */
		@media (min-width: 550px) {}
		
		/* Larger than tablet */
		@media (min-width: 750px) {}
		
		/* Larger than desktop */
		@media (min-width: 1000px) {}
		
		/* Larger than Desktop HD */
		@media (min-width: 1200px) {}

	
	/* Media query for Mobile devices*/
	@media only screen and (min-width : 285px) and (max-width : 680px){
	}
	
	
	/* Media Query for Tablets */
	@media only screen and (min-width : 681px) and (max-width : 1024px) {
		/*  and (orientation: portrait) */
	}
	
	/* Desktops and laptops  */
	@media only screen and (min-width:1025px) and (orientation: portrait) {
	}
	
/*:::: (9) RESPONSIVE SPECIAL ELEMENTS :::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.hp_vimeo{
	}
		/* making vimeo responsive - https://www.ostraining.com/blog/coding/responsive-videos/ */
		.video-responsive{
			overflow: hidden;
			padding-bottom: 56.25%;
			position: relative;
			height: 0; }
		.video-responsive iframe{
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			position: absolute; }	
	@media screen and (max-width: 600px){
		.hp_vimeo{
		}
	}

/*:::: (10) CONTENT & PAGE PRESENTATION STYLING :::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/*:: HOMEPAGE :::*/

	/*:: Magnific popover :::*/
		div[itemprop="articleBody"] .gallery img {
			border: 6px solid #fff;
			box-shadow: 2px 2px 2px #ccc;
			height: auto;
			width: 32%;
		}

	/* SPECIAL IMAGE CLASSES ***/
		.pull-left {
			display: block;
			height: auto;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}	
		.pull-left img {
			display: block;
			height: auto;
			margin: 0 auto;
			text-align: center;
			width: 100%;
			padding: .5rem 0 1rem;
		}	

	/* articles details */
		dl.article-info dd {
			width: auto;
			display: inline-block;
			padding: 0 1rem;
		}
		dl.article-info dd:first-of-type {
			padding-left: 0;
		}

	/*:: FLOATS, GENERATORS, TIMES :::

		.pm-input-route.input,
		select#toPMAddressPlgPM1 {
			clear: both;
			display: block;
			width: 100%;
		}
		.info_pod_container {
			width: 100%;
			display: block;
			margin: 0 0 2rem;
		}
			.info_pod {
				display: inline-block;
				width: 30%;
				background: rgba(0,0,0,.1);
				border-radius: 8px;
				padding: .75rem 1rem .75rem .75rem;
			}

		.floats_info {
			border-radius: 8px;
			background: rgba(0,0,0,.1);
			margin-bottom: 2rem;
		}
			.floats_info th {
				white-space: nowrap;
			}
			.floats_info th,
			.floats_info td {
				border-bottom: 1px solid #bbb;
			}
			.floats_info tr:last-child td {
				border-bottom: 0;
				padding-bottom: 1rem;
			}
			.floats_info th:first-child, 
			.floats_info td:first-child {
	    		padding-left: 1rem;
			}
		.floats_info p {

		}
		.floats_info ul li {
			margin: 0 0 0 .5rem;
		}
		p.address {
			padding-top: 1rem;
			color: #999;
			line-height: 110%;
		}*/

	/*:: DATA TABLES :::*/
		.dt_table {
			width: 100%;
			display: table;
			border-collapse: collapse;
			margin-bottom: 2rem;
		}
			.dt_row {
				width: 100%;
				display: table-row;
				background: #ddd;				
			}
			.dt_header {
				width: 100%;
				display: table-caption;
				background: #777;
				color: #fff;
				padding: .5rem;
			}
				.data_col {
					display: table-cell;
					padding: .5rem;
					border: 1px solid #ccc;
				}
					.Data_label {

					}
					.data_content {
						background: #eee;
					}

					div.itemListCategory img {
						float: none;
					}

	/*:: FLOAT TABLES :::*/
		.float_table {
			width: 100%;
			display: table;
			border-collapse: collapse;
			margin-bottom: 2rem;
		}
			.float_row {
				width: 100%;
				display: table-row;
				background: #ddd;				
			}
			.float_header {
				width: 100%;
				background: #777;
				color: #fff;
				padding: .5rem;
			}
				.float_col {
					display: table-cell;
					padding: .5rem;
					border: 1px solid #ccc;
					vertical-align: top;
				}
					.float_label {

					}
					.float_content {
						background: #eee;
					}





.responsiveMenuTheme6d.isDesktop.sm-blue a, .responsiveMenuTheme6d.isDesktop.sm-blue span.separator, .responsiveMenuTheme6d.isDesktop.sm-blue span.navHeader {
  padding: 8px 24px !important;
}


	/*:: (10a) SEARCH RESULTS PAGE :::*/

		div.search {

		}
			.searchintro p {
			  font-size: 0.75rem; }

			fieldset.phrases legend,
			fieldset.only legend {
			  border-bottom: 2px solid;
			  display: block;
			  width: 100% !important; }
				.phrases-box .controls,
				fieldset.only label {
					padding-left: 30px; }

					.phrases-box .controls label, .phrases-box .controls input,
					fieldset.only label {
					  display: block;
					  width: auto; }
					.phrases-box .controls input,
					fieldset.only label input {
					  display: list-item;
					  float: left;
					  margin-left: -20px;
					  margin-top: 4px;
					  width: auto; }
					#ordering.inputbox,
					#limit.inputbox {
					  padding: .25rem 4rem .25rem 1rem;
					  line-height: 100%;
					  width: auto;
					  height: auto !important;
					  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%) repeat scroll 0 0 padding-box; }
						#ordering.inputbox > option,
						#limit.inputbox > option {
						  padding: 0.25rem 0 0.25rem 0.5rem; }



/*:::: (15) ERROR PAGES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.error-content {
		left: 50%; 
		margin-top: -250px;
		margin-left: -300px;
		position: absolute;
		top: 50%;
		text-align: center;
		width: 600px
	}
	/* Error code */
	.error-code {
		animation: offline 1.5s;
		color: #9e0b0f;
		font-family: arial;
		font-size: 200px;
	}

	/* Error message */
	.error-message h2 {
		animation: offline 1.8s;
		color: #000;
		font-weight: 300;
		font-size: 36px;
		margin-bottom: 0px;
		margin-top: 12px;
	}

	/* Error box */
	#errorboxbody {
		animation: offline 1.9s;
		color: #666;
		font-weight: 400;
	}

	#errorboxbody p {
		margin-top: 0;
		margin-bottom: 50px;
	}

	/* button home */
	#errorboxoutline .button-home {
		animation: offline 1.8s;
		display: inline-block;
		color: #9e0b0f;
		padding: 8px 20px;
		border: 2px solid #9e0b0f;
		border-radius: 20px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
	}

	#errorboxoutline .button-home:hover,
	#errorboxoutline .button-home:active,
	#errorboxoutline .button-home:focus {
		border-color: #9e0b0f;
		color: #9e0b0f;
	}

	/*Animation*/
	@keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-webkit-keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-o-keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	@-moz-@keyframes offline {
		0% {transform: translateY(120px); opacity: 0;}
		100% {transform: translateY(0px); opacity: 1;}
	}

	/* Responsive mobile */
	@media screen and (max-width: 767px) {
		.error-code {
			font-size: 180px;
		}

		.error {
			position: relative;
			height: auto;
			left: 0;
			margin: auto;
			padding-top: 50px;
			top: 0;
			width: auto;
		}

		.error-message h2 {
			font-size: 22px;
		}
	}

/*:::: (30) CSS TESTING TRIGGERS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	/** cool way to check for empty links, alt, etc **/
	/*
	div:empty, span:empty,
	li:empty, p:empty,
	td:empty, th:empty {padding: 0.5em; background: yellow; }
		*[style], font, center {outline: 5px solid red; }
	*[class=""], *[id=""] {outline: 5px dotted red; }
		img[alt=""] {border: 3px dotted red; }
	img:not([alt]) {border: 5px solid red; }
	img[title=""] {outline: 3px dotted fuchsia; }
	img:not([title]) {outline: 5px solid fuchsia; }
		table:not([summary]) {outline: 5px solid red; }
	table[summary=""] {outline: 3px dotted red; }
	th {border: 2px solid red; }
	th[scope="col"], th[scope="row"] {border: none; }
	a[href]:not([title]) {border: 5px solid red; }
	a[title=""] {outline: 3px dotted red; }
	a[href="#"] {background: lime; }
	a[href=""] {background: fuchsia; }

	Version 2

		/* Empty Elements 
	div:empty, span:empty, li:empty, p:empty, td:empty, th:empty
	{ padding: 20px; border: 5px dotted yellow !important; }
		/* Empty Attributes 
	*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]
	{ border: 5px solid yellow !important; }
		/* Deprecated Elements 
	applet, basefont, center, dir, font, isindex, menu, s, strike, u
	{ border: 5px dotted red !important; }
		/* Deprecated Attributes 
	*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],
	*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],
	*[align], *[valign],
	*[hspace], *[vspace],
	*[height], *[width],
	ul[type], ol[type], li[type]
	{ border: 5px solid red !important; }
		/* Proposed Deprecated Elements 
	input[type="button"], big, tt
	{ border: 5px dotted #33FF00 !important; }
		/* Proposed Deprecated Attributes 
	*[border], a[target], table[cellpadding], table[cellspacing], *[name]
	{ border: 5px solid #33FF00 !important; }
	*/

/*:::: (50) PRINT STYLESHEET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.print_footer {display: none; }/* remove this from web view ***/

	@media print {
		* {
			text-shadow: none !important;
			color: #000 !important;
			background: transparent !important;
			box-shadow: none !important; }
		article {
			page-break-before: avoid;
			/*page-break-before: always;*/
		}
		ul, img {
			page-break-inside: avoid; }
		a,
		a:visited {
			text-decoration: underline; }
		abbr[title]:after {
			content: " (" attr(title) ")"; }
		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid; }
		thead {
			display: table-header-group; }
		tr,
		img {
			page-break-inside: avoid; }
		img {
			max-width: 100% !important; }
		p,
		h2,
		h3 {
			page-break-after: avoid;
			orphans: 3;
			widows: 3; }
		nav,
		.breadcrumbs,
		div.right_column {
			display: none; }
		.print_footer {
			display: block;
			padding-top: 2rem; }
	}


/*:::: (50) DEV VARIABLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	.responsive_script{
		position: fixed; left: 0; bottom: 0; z-index: 150; background: rgba(0,0,0,.75); font-size: 14px; padding: 2px 14px 4px; font-family: Helvetica; color: #fff; width: 100%; text-align:center;
	}
	.dev_vars * {
		font-size: .75rem; }
		.dev_vars label {
			margin-bottom: 0; }
	.dev_vars { 
	    display : flex;
	    vertical-align: top; 
	    height:auto !important; 
	    position: fixed;
	    bottom: 0;
	    right: 20px;
	    z-index: 300;
	    width: auto;
	    background: #89A103;
	    color: #efefef;
	    letter-spacing: .05rem;
	    border-radius: 5px;
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    padding: .5rem 1rem 0.5rem 1rem;
	    box-shadow: 0px 0px 8px rgba(0,0,0,.5); }
	.dev_vars .list {
	    display:none; 
	    height:auto;
	    margin:0;
	    /*float: left;*/
	    width: 100%;
		padding-right: 2rem; }
	.dev_vars .show {
	    display: none; }
	.dev_vars .hide:target + .show {
	    display: inline; 
	    position: absolute;
	    right: 20px; }
	.dev_vars .hide:target{
	    display: none; }
		.dev_vars .show.fa.fa-toggle-on:target {
			display: none !important; }
	.dev_vars .hide:target ~ .list {
	    display:inline; }

	/*style the (+) and (-) */
	.dev_vars .hide, .dev_vars .show {
		width: 30px;
		color: #fff;
		text-shadow: 0 1px 0 #666;
		text-align: center;
		text-decoration: none;
		opacity: .95;
		margin-right: 0;
		float: left; }

	.dev_vars .hide:hover, .dev_vars .show:hover {
		color: #eee;
		text-decoration: none;
		opacity: 1; }

	.dev_vars .var_block {
		display: inline-block;
		line-height: 0.75rem;
		padding: 0 1rem;
		text-align: center;
		vertical-align: top; }
	.fa {
		line-height: 1.5rem !important; }