html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
table {border-collapse: separate; border-spacing: 0; width: 100%;}
caption, th, td {text-align: left; font-weight: normal;}
/* table, td, th {vertical-align: middle;} */
a img {border: none; text-decoration: none;}
a, object {outline: none;}
body {
	color: #000000;
	font: normal 15px/20px arial, helvetica, sans-serif;
/* 	text-rendering: optimizelegibility; */
}

strong 			{font-weight: bold;}
em  			{font-style: italic;}
p small 		{font-size: 0.833em;}
sup, sub    {line-height: 0;}
dfn 		{font-style: italic;}
del 		{color:#666;}
pre 		{white-space: pre;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}
fieldset {border: none;}
legend 	{font-weight: bold; display: none;}

span.message 		{display: block; font-size: 0.917em; padding-top: 0.5em;}
span.error 			{color: #DD0000; display: none;}
#messages {
	background: #FFF5E6;
	border: 1px solid #FFEBCC;
	margin: 0 0 1.5em 0;
	padding: 0.5em 10px 0.5em 50px;
}
#messages h4 	{color: #FFB612; font: bold 0.917em arial, sans-serif;}
#messages p 	{margin-bottom: 0.25em; color: #990000; font-size: 0.917em;}
#messages ul 	{margin: 0 0 0 15px;}
#messages li 	{margin-bottom: 0.5em; font-size: 0.917em; color: #000000;  }


/* Form errors and messages
-------------------------------------------------------- */
span.message { clear: both; display: block; text-align: right; margin-top: 6px; font-size: .75em; }
span.error { color: #D00; }

#messages { background: #F9F4E0; border: 1px solid #EFD353; clear: both; color: #A56600; margin: 0 0 24px; padding: 20px 20px 20px 50px; position: relative; }
#messages h4 { color: #FFB612; font: 600 0.917em/1.2 arial, arial, sans-serif; }
#messages p { color: #e22727; line-height: 1.2; margin: 6px 0; overflow: hidden; }
#messages > p:empty { display: none; }
#messages ul { margin: 0; padding: 0; }
#messages li { margin: 0.25em 0; }
#messages li:before { color: inherit; line-height: 18px; }
#messages:before { content: "\f05a"; display: inline-block; font: 30px/1 FontAwesome; margin-right: 10px; position: absolute; left: 10px; top: 20px; }
#messages.contains-errors { background-color: #fff; border-color: #F05253; color: #D61E1E; }
#messages.contains-errors:before { content: "\f057"; }
#messages.contains-errors h4 { color: #FFB612; }




small {
	font-size: 10px;
}



/* =============================================================================================================
========================================================== | SETUP | ===========================================
============================================================================================================== */




/* Search Form Styles
-------------------------------------------------------- */

input,
textarea {
	outline: 0;
}

.IE7 .search-form input[type="text"] {height: 18px;}
.aiValueField {
	display: none !important;
}
.clearfix:after,
.mainWidth:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.ir {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    text-indent: -9999px;
}

::selection {
	background-color: #faefa0; color: #000;
}
::-moz-selection {
	background-color: #faefa0; color: #000;
}


img[align=left],
img[style*="float:left"] {
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
	max-width: 50%;
}
img[align=right],
img[style*="float:right"] {
	margin-left: 20px;
	margin-bottom: 10px;
	display: inline-block;
	max-width: 50%;
}

.oldBrowserMsg {
	background: #fcfcfa url('../images/design/error.gif') no-repeat 20px 50%;
	border: 1px solid #d1c9a2;
	padding: 15px 20px 15px 90px;
	margin: 10px 0;
	box-shadow: 0 0 3px 0 rgba(209, 204, 182, .5);
	font-size: 12px;
	min-height: 80px;
	max-width: 500px;
	margin: 24px auto;
	text-align: left;
}

*,*:before,*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}





/* Text / Global Styles
-------------------------------------------------------- */

h1 {
	color: #4c2d15;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 20px;
	font-family: "museo-sans-condensed",sans-serif;
}

h2 {
	color: #cc7837;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 24px;
	text-transform: uppercase;
	font-family: "museo-sans-condensed",sans-serif;
}

h3 {
	color: #4c2d15;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 24px;
	font-family: "museo-sans-condensed",sans-serif;
}
h4 {
	color: #cc7837;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 24px;
	text-transform: uppercase;
	font-family: "museo-sans",sans-serif;
}

h5 {
	color: #4c2d15;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 25px;
	font-family: "museo-sans",sans-serif;
}

h6 {
	color: #cc7837;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 28px;
	font-family: "museo-sans",sans-serif;
}

p {
	color: #231f20;
	font: normal 16px/24px arial, helvetica, sans-serif;
	margin-bottom: 22px;
}

p.summary,
.summary p {
	color: #99928d;
	font-size: 24px;
	line-height: 30px;
	font-style: italic;
	font-weight: 300; /* used to be 500, reduced for readability */
	margin-bottom: 24px;
	font-family: "museo-sans-condensed",sans-serif;
}

#main article .summary p a {
	position: static;
	display: inline;
}
#main article .summary p a:after {
	display: none;
}

p.footnote {
	font: italic 11px/16px arial, helvetica, sans-serif;
	color: #919191;
	margin-bottom: 12px;
}
ol.footnote li {
	font: italic 11px/16px arial, helvetica, sans-serif;
	color: #919191;
}

hr {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

blockquote p {
	color: #6e953d;
	font-size: 24px;
	line-height: 30px;
/* 	padding: 0 80px 24px; */
	margin: 0 10% 24px;
	text-indent: -7px;
	font-family: "museo-sans",sans-serif;
}

blockquote sup {
	position: relative;
	top: -8px;
	left: 2px;
}
blockquote.smallquote p {
	padding: 0 20px 24px;
	font-size: 18px;
	line-height: 24px;
	text-indent: 0;
}
blockquote p {
	font-family: "museo-sans",sans-serif;
}
blockquote.no-indent {
	text-indent: 0;
}

figure {
	border: 1px solid red;
	border: 1px solid #e9e5e3;
	border-bottom: 3px solid #63b0dd;
	border-radius: 4px;
	padding: 20px 26px 0 26px;
	margin-bottom: 20px;
	text-align: center;
}
figure img {
	max-width: 100%;
}
figcaption {
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0;
}
figure[align=left] {
    float: left;
    max-width: 50%;
    margin-right: 20px;
    margin-bottom: 10px;
}
figure[align=right] {
    float: right;
    max-width: 50%;
    margin-left: 20px;
    margin-bottom: 10px;
}
figure[align=left] img,
figure[align=right] img {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: none;
}


.main-content ul {
/* 	padding-left: 20px; */
	list-style: none;
	margin-bottom: 23px;
}
.middle-col ul,
.middle-col ol {
	margin-left: 20px;
}
.middle-col ol {
	margin-bottom: 20px;
}
.middle-col ol li {
	margin-bottom: 5px;
}

.main-content ul li {
	background: url(../images/design/list-square.gif) 0 8px no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}

span.div-line {
	margin: 0 5px;
	display: inline-block;
}

.middle-col ul li ul {
	margin-bottom: 0;
}

article img {
	max-width: 100%;
}

article .masthead-area img {
	max-width: none;
}

.video-area {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.video-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Text Links
-------------------------------------------------------- */

a:link {color: #0072bc; transition: color .5s;}
a:visited {color: #0072bc; }
a:hover {color: #cc7837; transition: color .1s;}
a:active {color: #6e953d; transition: color .1s;}

a {
	outline: none;
	text-decoration: none;
}

a[href^=tel] {
	color: inherit;
}

#main article a,
#footer a {
	text-decoration: none;
}


/* button Links
-------------------------------------------------------- */

.button {
	font-family: "museo-sans",sans-serif;
}

#main a.button {
	display: inline-block;
	background: #116aa6;
	text-transform: uppercase;
	color: #FFF;
	color: rgba(255,255,255,1);
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	padding: 13px 15px;
	border-radius: 4px;
	transition: background .6s, color .6s;
}
#main a.button.btn-blue,
input[type=submit].button.btn-blue {
	background: #127ab2;
}
#main a.button.btn-blueLight {
	background: #048bc2;
}
#main a.button.btn-orange {
	background: #cc7837;
}
#main a.button.btn-green {
	background: #6e953d;
}
#main a.button.btn-yellow {
	background: #f9c024;
}
#main a.button::after {
	display: none !important;
}


#main a.button.hover-effect {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;

	color: rgba(0,0,0,0.9);
	font-weight: 700;
	text-shadow: none;
}

#main a.button.hover-effect::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	background: transparent;
}

#main a.button.hover-effect:hover::before,
#main a.button.hover-effect:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
	background: transparent;
}
#main a.button.hover-effect:hover::before,
#main a.button.hover-effect:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);

	opacity: 0;
	background: transparent;
}

#main a.button:hover,
input[type=submit].button.btn-blue:hover {
	background: #94d0f8;
	color: #020f18;
	transition: background .2s, color .2s;
}


#main a.button.btn-orange:hover {
	background: #f9ad72;
	color: #0e0804;
}
#main a.button.btn-green:hover {
	background: #b2df79;
	color: #070904;
}
#main a.button.btn-yellow:hover {
	background: #f9d571;
	color: #070904;
}


/* Input buttons */

input.button {
	border-radius: 5px;
	background-color: rgb(204, 120, 55);
	border: 0;
	color: #FFF;
	font: 700 12px/12px "museo-sans",sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	padding: 10px 12px;
	font-family: "museo-sans",sans-serif !important;
	transition: background .6s;
}
input.button:hover {
	background: #f9ad72;
	transition: background .2s;
}



/* Callouts
-------------------------------------------------------- */

.callout {
	position: relative;
	display: block;
	background-color: #f6ede6;
	border: 1px solid #e9e5e3;
	border-bottom: 3px solid #e4dbd5;
	border-radius: 4px;
	box-shadow: 0 12px 10px -10px rgba(87, 87, 87, .6),
				0 1px 4px rgba(87, 87, 87, .1);
	padding: 22px 20px;
	color: #4c2d15;
	background-repeat: no-repeat;
}

.callout:before,
.callout:after {
    content:"";
    position:absolute;
    z-index:-2;
}

a.callout {
	color: #4c2d15;
	text-decoration: none;
}


.callout.blue {
	background-color: #127ab2;
	color: #FFF !important;
	border: 1px solid #127ab2;
	border-bottom: 3px solid #086a9e;
}
.callout.orange {
	background-color: #cc7837;
	color: #FFF !important;
	border: 1px solid #cc7837;
	border-bottom: 3px solid #e59d28;
}
.callout.lightBrown {}
.callout.green {
	background-color: #6e953d;
	color: #FFF !important;
	border: 1px solid #6e953d;
	border-bottom: 3px solid #8fa93c;
}
.callout.yellow {
	background-color: #f9c024;
	color: #FFF !important;
	border: 1px solid #f9c024;
	border-bottom: 3px solid #f8aa20;
}

.callout.burst {
	background-image: url(../images/design/background-burst.png);
	background-position: top right;
}

.callout.logo {
	background-image: url(../images/design/background-logo.png);
	background-position: top center;
}
.callout.dark-logo {
	background-image: url(../images/design/callout-logo-dark.png);
	background-position: top center;
}

.callout.city {
	background-image: url(../images/design/background-city.png);
	background-position: bottom right;
}


.callout.yellow .callout-cta {
	background: #cc7837;
	color: #FFF;
}
.callout.yellow .title {
	text-shadow: 1px 1px 1px #a57c24;
}
.callout.yellow:hover .callout-cta {
	background: #e9893f;
	color: #FFF;
}





.callout .bold-text {
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "museo-sans-condensed",sans-serif;
}
.callout .small-text {
	font-size: 14px;
	line-height: 24px;
	font-family: "museo-sans",sans-serif;
}
.callout .normal-text {
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	display: block;
	font-family: "museo-sans-condensed",sans-serif;
}
.callout .title {
	display: block;
	margin-bottom: 18px;
}
.callout .text {
	display: block;
	margin-bottom: 18px;
	font: normal 14px/18px arial, helvetica, sans-serif;
}
.callout form {
	position: relative;
}

.callout form input[type="text"] {
	width: 100%;
	background: #FFF;
	border-radius: 5px;
	border: 0;
	font-size: 16px;
	padding: 7px 35px 7px 6px;
	color: #cc7837;
	height: 34px;
  line-height: 34px;
}

.callout form input[type="submit"] {
	background: #cc7837;
}

.callout form select {
	width: 100%;
	display: block;
	height: 34px;
	padding: 10px 7px;
	border: 0;
	-webkit-appearance: menulist-button;
}

.callout-link,
.callout-title {
	font-family: "museo-sans",sans-serif;
}

.callout .callout-cta {
	text-transform: uppercase;
	background: #048bc2;
	display: inline-block;
	color: #FFF;
	color: rgba(255,255,255,1);
	font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  padding: 9px 15px;
	border-radius: 4px;
	transition: background .6s, color .6s;
	font-family: "museo-sans",sans-serif;
}

a.callout:hover .callout-cta {
	background: #94d0f8;
	transition: background .2s, color .2s;
}



.callout.green .callout-cta  {
	background: #b0bd3b !important;
}

.callout.green:hover .callout-cta  {
	background: #b2df79 !important;
	color: #070904;
}
.callout.orange .callout-cta  {
	background: #e0962a !important;
}
.callout.lightBrown .callout-cta  {
	background: #cc7837 !important;
}

.callout.orange:hover .callout-cta  {
	background: #f3a32e !important;
	color: #070904;
}
.callout.lightBrown:hover .callout-cta  {
	background: #f9ad72 !important;
	color: #0e0804;
}


.general-callout span,
.general-callout {
	text-align: center;
}

.general-callout  {
	margin-bottom: 30px;
}

#aside .callout-cta.simple-link {
	background: transparent !important;
}


/* Aside Listings
-------------------------------------------------- */

a.aside-listing,
.aside-listing {
	display: block;
	border-bottom: 1px solid #e9e6e2;
	padding: 18px 0;
}

img.aside-listing-icon {
	width: 9%;
	display: block;
	margin-right: 7%;
	float: left;
	position: relative;
	top: 3px;
}
.aside-listing span {
	display: block;
	overflow: hidden;
	color: #4c2d15;
	font: bold 14px/18px arial, helvetica, sans-serif;
	transition: color .6s;
}
a.aside-listing:hover span {
	color: #cc7837;
	transition: color .2s;
}
.aside-text-link {
	display: block;
	padding: 18px 0;
	font: 900 12px/12px "museo-sans",sans-serif;
	text-transform: uppercase;
}

.aside-listing span span.resource-type-text {
	display: block;
	font: normal 11px/18px arial, helvetica, sans-serif;
	color: #99918d;
	margin-top: 10px;
}



/* Table Styles
-------------------------------------------------- */

article table {
	border: 1px solid #dfd4c7;
	margin-bottom: 24px;
}
article thead tr th {
	background: #f3ebe0;
	color: #4c2d15;
	font-weight: bold;
	font-size: 16px;
}
article tbody tr td,
article tbody tr th {
	font-size: 13px;
}
article table th,
article table td {
	padding: 4px 6px;
	border-left: 1px solid #dfd4c7;
	border-top: 1px solid #dfd4c7;
}
article table th:first-child,
article table td:first-child {
	border-left: 0;
}
article table tr:first-child th,
article table tr:first-child td {
	border-top: 0;
}

article table tr td {
	background: #f4f0ee;
}
article table tr:nth-child(odd) td {
	background: #fff;
}




/* =============================================================================================================
========================================================== | Structure  | ======================================
============================================================================================================== */


/* Sticky Footer stuff */
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  margin-bottom: -390px;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer,
.page-wrap:after {
  height: 390px;
}



/* content structure & body */


body {
	border-top: 2px solid #e8e4e1;
}

.section {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}

.__entry .section {
	width: 100%;
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}



/* =============================================================================================================
========================================================== | Header | ===========================================
============================================================================================================== */

.header-content {
	position: relative;
}

.stickied-page-heading {
	display: none;
}

#logo {
	width: 123px;
	height: 168px;
	display: block;
	position: absolute;
	left: -67px;
}
#logo a {
	width: 100%;
	height: 100%;
	display: block;
}
#logo a img {
	display: block;
	width: 100%;
	height: 100%;
}
#header {
	padding-top: 5px;
	/*
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.66) 100%);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.21) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.21)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.21) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.21) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.21) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.21) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36ffffff',GradientType=0 );
	*/
}

.pre-nav-area {
	padding-top: 60px;
	height: 115px;
}

h1.header-title {
	float: left;
	font-size: 30px;
	line-height: 24px;
	text-transform: uppercase;
	position: relative;
	top: 5px;
	font-family: "museo-sans-condensed",sans-serif;
	width: 50%;
}
h1.header-title .full-text {
	text-shadow:
		0px 0px 12px #fff,
		0px 0px 5px #fff,
		0px 0px 30px rgba(255,255,255,.5);
}
h1.header-title .full-text > span {
	white-space: nowrap;
}
h1.header-title a {
	color: #cc7837;
	text-decoration: none;
}

h1.header-title a:hover {
	color: #029fd6;
}


.responsive-buttons {
	display: none;
}


#header-util {
	float: right;
}
#responsive-search {
	display: none;
}

.responsive-contacts {
	display: none;
}

.headerUtilMenu {
	display: inline-block;
	font-size: 14px;
	font-family: "museo-sans",sans-serif;
	font-weight: 400;
	padding-right: 10px;
}
.headerUtilMenu a {
	color: #4c2d15;
	padding: 0 10px;
	text-shadow:
		0px 0px 12px #fff,
		0px 0px 5px #fff,
		0px 0px 30px rgba(255,255,255,.5);
}
.search-form {
	display: inline-block;
	max-width: 296px;
	position: relative;
	background: #FFF;
	border-radius: 5px;
}
#project-search {
	background: transparent;
}
#project-search label {
	position: absolute;
	visibility: hidden;
	z-index: -1;
}
.callout form#project-search input[type="submit"] {
/* 	background: #048bc2; */
	background: #FFF;
	border: 2px solid #FFF;
	color: #cc7837;
	top: 0px;

	display: none;
}

#project-search.search-form {
	padding-right: 0;
}
.no-js #project-search.search-form {
	padding-right: 40px;
}

.no-js .callout form#project-search input[type="submit"] {
	display: block;
}


.search-form input[type="text"] {
	width: 100%;
	border: 1px solid #e9e5e3;
	border-radius: 4px;
	padding: 8px 40px 9px 12px;
	transition: border .6s;
	-webkit-appearance: none;
}
.search-form input[type="text"]:hover,
.search-form input[type="text"]:focus {
	border-color: #aea7a2;
	transition: border .2s;
	-webkit-appearance: none;
}

.search {
	padding: 0 9px;
	border: none;
	cursor: pointer;
	color: #FFF;
	border-radius: 4px;
	background: #d2cac4;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	transition: background .6s;
}
.search:hover {
	background: #cc7837;
	transition: background .2s;
}
.keywordsFieldArea label {
	position: absolute;
	visibility: hidden;
}
.search-form input[type="submit"] {
	font-family: FontAwesome;
	font-size: 15px;
	-webkit-appearance: none;

	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
}

#header-util .search-form input[type="submit"] {
	width: 27px;
	height: 27px;
	line-height: 27px;
	font-size: 13px;
}

/* Main Menu */

#main-menu {
	border: 1px solid #e9e5e3;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
/* 	overflow: hidden; */
	height: 46px;
	position: relative;
	width: 100%;
	display: table;
	box-shadow: 0 12px 10px -10px rgba(87, 87, 87, .6),
					0 1px 4px rgba(87, 87, 87, .1);
}
#main-menu:before,
#main-menu:after {
            content:"";
            position:absolute;
            z-index:-2;
        }


#main-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 3px solid #f3ebe0;
	width: 100%;
    position:relative;
    display: table-row;
    background-color: #FFF;
}

#main-menu li a {
	font-family: "museo-sans",sans-serif;
}


#main-menu ul li {
	display: table-cell;
	padding: 0;
	margin: 0;
	border-left: 1px solid #e6e6e7;
	height: 100%;
	position: relative;
	border-bottom: 3px solid #f3ebe0;
	transition: border .6s, color .6s;
}
#main-menu ul li.isMainMenuNodeForMobileOnly {
	display: none;
}

#main-menu ul li.active,
#main-menu ul li:hover {
	border-bottom: 3px solid #63b0dd;
	transition: border .2s, color .2s;
}




#main-menu ul li.tan-link.active,
#main-menu ul li.tan-link:hover {
	border-bottom: 3px solid #c8beb7;
}
#main-menu ul li.tan-link.active a,
#main-menu ul li.tan-link a:hover {
	color: #c8beb7;
}



#main-menu ul li.yellow-link.active,
#main-menu ul li.yellow-link:hover {
	border-bottom: 3px solid #fddc70;
}
#main-menu ul li.yellow-link.active a,
#main-menu ul li.yellow-link a:hover {
	color: #e5c765;
}

#main-menu ul li.orange-link.active,
#main-menu ul li.orange-link:hover {
	border-bottom: 3px solid #f7941d;
}
#main-menu ul li.orange-link.active a,
#main-menu ul li.orange-link a:hover {
	color: #f7941d;
}

#main-menu ul li.green-link.active,
#main-menu ul li.green-link:hover {
	border-bottom: 3px solid #81b746;
}
#main-menu ul li.green-link.active a,
#main-menu ul li.green-link a:hover {
	color: #81b746;
}

#main-menu ul li.blue-link.active,
#main-menu ul li.blue-link:hover {
	border-bottom: 3px solid #63b0dd;
}
#main-menu ul li.blue-link.active a,
#main-menu ul li.blue-link a:hover {
	color: #63b0dd;
}






#main-menu ul li a {
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	padding: 0 25px;
	text-decoration: none;
	color: #4c2d15;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	display:table;
	font-weight: 700;
}


#main-menu ul li a span.node-title {
	display: table-cell;
	vertical-align: middle;
}

#main-menu ul li a span.short-title {
	display: none;
}

#main-menu ul li.first-child {
	border-left: 0;
}

#main-menu ul li ul {
	display: none;
}




/* =============================================================================================================
========================================================== | General Content | =================================
============================================================================================================== */

.heading-area {
	margin-top: -200px; padding-top: 200px; /* This is a hack but there is no other way for us to get the desired design without a huge rewrite of code. This should do the trick though. */
	border-bottom: 1px solid #d2cac4;
	box-shadow: 0px 3px 0px #e8e4e1;
}
.heading-area-content {
	position: relative;
	padding-top: 46px;
}
.standard-heading {
	background-color: #f6ede6;
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 26px;
	position: relative;
}
.standard-heading:before {
	content: '';
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: linear-gradient( 0deg, rgba(255,255,255,0.8), rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 50%);
}

.yellow-section .standard-heading h1,
.blue-section .standard-heading h1,
.green-section .standard-heading h1,
.orange-section .standard-heading h1 {
	color: #4d2d15;
}
.heading-area-content a {
	position: relative;
}

/* Breadcrumbs */

.breadcrumbs {
	 position: relative;
	  top: 0;
	  margin: -25px 0 10px 0;
}

.breadcrumbs a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "museo-sans",sans-serif;
}

.breadcrumbs--L1 {
	display: none;
}



/* Content Area */




.left-col {
	width: 21%;
	float: left;
	margin-right: 5%;
}

.cols-2.hasNav .main-content,
.cols-3 .main-content {
	width:  74%;
	overflow: hidden;
}

.masthead-area {
	width: 100%;
	position: relative;
	height: 300px;
	margin-bottom: 28px;
	overflow: hidden;
}
.masthead-area img {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -470px;
}

.middle-col {
	display: block;
	clear: left;
}


#aside {
	float: right;
}

.cols-3 #aside {
	width: 33%;
	margin-left: 3%;
}
.cols-3 .middle-col {
	width: 64%;
	float: left;
}


.cols-2 #aside {
	width: 25%;
	margin-left: 5%;
}

.cols-2.hasAside .middle-col {
	width: 70%;
	float: left;
}




/* local nav Styles */


.local-nav {
	list-style: none;
	overflow: hidden;
	border-radius: 4px;
	border-bottom: 3px solid #e4dbd5;
	box-shadow: 0 12px 10px -10px rgba(87, 87, 87, .6),
				0 1px 4px rgba(87, 87, 87, .1);
}


.local-nav:before,
.local-nav:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.local-nav>li>a {
	display: block;
	background: #f6ede6;
	border-left: 1px solid #e9e5e3;
	border-right: 1px solid #e9e5e3;
	border-top: 1px solid #fbf6f3;
	border-bottom: 1px solid #dfd5ce;
	padding: 12px 18px;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 700;
	transition: color .6s, background .6s;
	font-family: "museo-sans",sans-serif;
}
.local-nav>li>a:hover {
	background: #ede4dd;
	transition: color .2s, background .2s;
}

.local-nav>li>a.active {
	background: #127ab2;
	color: #FFF;
	border-right: 0;
}

.local-nav>li.first-child>a{
	border-top: 0;
}
.local-nav>li.last-child>a{
	border-bottom: 0;
}
.local-nav>li>a:after {
	display: none;
}

.local-nav>li>ul {
	border: 0;
}
.local-nav>li>ul>li {
	border: 0;
}
.local-nav>li>ul>li>a {
	border: 0;
}

.local-nav>li>ul>li>a {
	display: block;
	background: #FFF;
	padding: 10px 15px;
	transition: background .6s, color .6s;
}
.local-nav>li>ul>li>a:hover {
	background: #f4f2f0;
	transition: background .2s, color .2s;
}

.local-nav>li>ul>li.active {
	background: #f4f2f0;
/* 	background: #e4e2e0; */
}

.local-nav>li>ul>li>a.active {
	color: #4c2d15;
	background: transparent;
}

.local-nav>li>ul>li>a:after {
	display: none;
}
.local-nav>li>ul>li {
	border-bottom: 1px solid #ece8e2
}

.local-nav>li>ul>li>ul {
	padding-left: 18px;
	padding-right: 5px;
	list-style: none;
	margin-bottom: 10px;
}
.local-nav>li>ul>li>ul>li  {
	background: url(../images/design/list-square.gif) 0 8px no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
	font-size: 14px;
}

.local-nav>li>ul>li>ul>li>a.active {
	color: #4c2d15;
	font-weight: bold;
}





/* Aside Styles */

.aside-image {
	margin-bottom: 22px;
}
.aside-image img {
	width: 100%;
	dislay: block;
}

.aside-content {
	border: 1px solid #e9e5e3;
	border-radius: 4px;
	border-bottom: 3px solid #c8beb7;
	background: rgb(250,248,246);
	background: -moz-linear-gradient(top,  rgba(250,248,246,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,248,246,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8f6', endColorstr='#ffffff',GradientType=0 );
	padding: 20px 26px 0 26px;
	margin-bottom: 20px;
}
.aside-content h3 {
	margin-bottom: 10px;
}
.aside-content.resource-related-aside {
	padding: 20px 20px 0 20px;
}

.yellow-section .aside-content {
	border-bottom: 3px solid #fddc70;
}
.orange-section .aside-content {
	border-bottom: 3px solid #f7941d;
}
.blue-section .aside-content {
	border-bottom: 3px solid #63b0dd;
}
.green-section .aside-content {
	border-bottom: 3px solid #81b746;
}

.green-section .aside-content h3 {
	color: #6e953d;
}
.blue-section .aside-content h3 {
	color: #127ab2;
}



.aside-content p,
.aside-content ul {
	font-size: 14px;
	line-height: 18px;
}


.aside-social a {
	display: inline-block;
	margin-right: 5px;
	font-size: 30px;
}

.aside-social {
	margin-bottom: 22px;
}






/* List Styles */


.listing-area {
	margin-top: 30px;
}

.listing {
	border-bottom: 1px solid #edeae7;
	margin-bottom: 30px;
	padding-bottom: 2px;
}

.listing.last {
	border-bottom: 0;
}



.listing-image {
	display: block;
	margin-bottom: 28px;
	float: left;
	width: 20%;
	margin-right: 5%;
	position: relative;
}
.listing-image:after {
	display: none;
}
.listing-image img {
	width: 100%;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
a.listing-image,
a.listing-image img {
	 -webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

a.listing-image img {
	opacity: .85;
	width: 100%;
	padding: 0;
	margin: 0;
	transition: opacity .6s;
}

a.listing-image:hover img {
	opacity: 1;
	width: 100%;
	padding: 0;
	margin: 0;
	transition: opacity .2s;
}




.listing-content {
	overflow: hidden;
}

.listing-content p.detail {
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: -15px;
}

.listing-content p a.detail,
.person-listing .listing-content h3+p a {
	font-size: 12px;
    display: inline-block;
    position: absolute;
    margin-top: -24px;
}

a.listing-link {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 24px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "museo-sans",sans-serif;
}





/* =============================================================================================================
========================================================== | Home | ============================================
============================================================================================================== */
.entry-heading-area {
	border-bottom: none;
	box-shadow: none;
	position: relative;
}
.entry-heading-area-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .8;
}
.entry-heading-area-image::before {
	content: '';
	position: absolute;
	height: 453px;
	right: 0;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffefb+0,fffefb+100&0+0,0+18,0.09+25,0.28+36,0.76+59,0.91+67,1+74,1+100 */
	background: -moz-linear-gradient(top, rgba(252,249,246,0) 0%, rgba(252,249,246,0) 18%, rgba(252,249,246,0.09) 25%, rgba(252,249,246,0.28) 36%, rgba(252,249,246,0.76) 59%, rgba(252,249,246,0.91) 67%, rgba(252,249,246,1) 74%, rgba(252,249,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,249,246,0) 0%,rgba(252,249,246,0) 18%,rgba(252,249,246,0.09) 25%,rgba(252,249,246,0.28) 36%,rgba(252,249,246,0.76) 59%,rgba(252,249,246,0.91) 67%,rgba(252,249,246,1) 74%,rgba(252,249,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252,249,246,0) 0%,rgba(252,249,246,0) 18%,rgba(252,249,246,0.09) 25%,rgba(252,249,246,0.28) 36%,rgba(252,249,246,0.76) 59%,rgba(252,249,246,0.91) 67%,rgba(252,249,246,1) 74%,rgba(252,249,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffefb', endColorstr='#fffefb',GradientType=0 ); /* IE6-9 */
}
.entry-heading-area-inner {
	/* max-width: 572px; */
	padding-top: 32px;
	padding-bottom: 32px;
	min-height: calc(100vh - 500px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
}
.entry-heading-area h1,
.entry-heading-area-summary {
	color: #fff;
	/* text-shadow: 0 0 8px rgba(0, 0, 0, 0.54), 0 0 57px rgba(0, 0, 0, 0.84); */
	text-shadow: 0 0 6px rgba(0,0,0,.84), 0 0 70px rgba(0,0,0,.94), 0 0 70px rgba(0,0,0,.34);
}
.entry-heading-area h1 {
	font-size: 56px;
	line-height: 1.1538;
	margin-bottom: 12px;
}
.entry-heading-area-summary {
	font-size: 23px;
	line-height: 1.4211;
	font-weight: 300;
	font-family: "museo-sans",sans-serif;
}
@media screen and (max-width: 660px) {
	.entry-heading-area h1 {
		font-size: 42px;
	}
	.entry-heading-area-summary {
		font-size: 19px;
	}
}
.entry-heading-area-summary * {
	color: inherit;
	line-height: inherit;
	font: inherit;
}
.entry-heading-area-summary > :last-child {
	margin-bottom: 28px;
}

.entryMain {
	background: #fcf9f6;
	padding: 10px 0 78px;
}
.template--entry #footer {
	margin-top: 0;
}


/* Landscape Callout
----------------------------------------------------------------------------- */
.landscapeCallout {
	max-width: 1000px;
	margin: 50px auto 90px auto;
	padding: 0 20px;
}
.landscapeCallout__inner {
	position: relative;
	border-radius: 4px;
	background-color: #cc7837;
	color: #FFF !important;
	border: 4px solid #cc7837;
	border-bottom: 3px solid #b75821;
	padding: 22px 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	 align-items: center;
}
.landscapeCallout__left {
	text-shadow: 1px 2px 3px rgba(76, 45, 21, 0.29);
	border-right: 2px solid #b75821;
	padding: 0 25px;

	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.landscapeCallout__title {
	font-family: "museo-sans-condensed",sans-serif;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
}
.landscapeCallout__subtitle {
	font-family: "museo-sans",sans-serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 300;
	margin-top: 8px;
}
.landscapeCallout__right {
	padding: 0 43px;

	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.landscapeCallout__CTA {
	text-transform: uppercase;
	background: #048bc2;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	padding: 9px 15px;
	border-radius: 4px;
	transition: background .6s, color .6s;
	font-family: "museo-sans",sans-serif;
}
a.landscapeCallout__inner:hover .landscapeCallout__CTA,
a.landscapeCallout__inner:focus .landscapeCallout__CTA {
	background: #94d0f8;
	transition: background .2s, color .2s;
}
@media (max-width: 630px) {
	.landscapeCallout {
		display: block;
		text-align: center;
	}
	.landscapeCallout__left,
	.landscapeCallout__right {
		padding: 0 20px;
	}
	.landscapeCallout__left {
		border-right: 0;
	}
	.landscapeCallout__right {
		margin-top: 18px;
	}
}

@media (max-width: 480px) {
	.landscapeCallout__inner {
		display: flex;
		flex-direction: column;
	}
}

/* Centered Content
----------------------------------------------------------------------------- */
.centeredContent {
	text-align: center;
	max-width: 610px;
	margin: 0 auto;
}
.centeredContent__title {
	color: #4c2d15;
	font-family: "museo-sans-condensed",sans-serif;
	line-height: 1.2;
	font-size: 34px;
	text-transform: none;
	margin-bottom: 15px;
}
.centeredContent__body > * {
	margin-bottom: 5px;
}
.centeredContent a[href^=tel] {
	color: #0072bc;
}

.centeredContent .callout {
	box-shadow: none;
	display: inline-block;
	padding: 15px 10px;
	margin-top: 23px;
	background-color: #ebe0d8;
	background-position: -14% 31%;
	background-size: 59%;
}
.centeredContent .callout .title {
	padding: 7px 10px 3px;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}
.centeredContent .callout .normal-text {
	display: inline;
}
.centeredContent .callout .small-text {
	display: inline !important;
}
.callout-cta-wrapper {
	padding: 5px 10px;
	display: inline-block;
}

/* Rich Content
----------------------------------------------------------------------------- */
.richContent {
	margin: 53px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	 align-items: center;
}
.richContent__content {
	padding-left: 16px;
	width: 57.8%;
}
.richContent__title {
	color: #4c2d15;
	font-family: "museo-sans-condensed",sans-serif;
	line-height: 1.2;
	font-size: 34px;
	text-transform: none;
	margin-bottom: 11px;
}
.richContent__title a:not(:hover):not(:focus) {
	color: inherit;
}
.richContent p {
	margin-bottom: 16px;
}
.richContent__linkWrapper {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "museo-sans",sans-serif;
}
.richContent__imageWrapper {
	padding-right: 16px;
	width: 42.2%;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.richContent__imageWrapper img {
	display: block;
	width: 100%;
}
@media (max-width: 630px) {
	.richContent {
		display: block;
	}
	.richContent__content,
	.richContent__imageWrapper {
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.richContent__imageWrapper {
		max-height: 200px;
		overflow: hidden;
		margin-bottom: 17px;
	}
}

/* =============================================================================================================
========================================================== | Projects / Topics | ===============================
============================================================================================================== */


.work-search-callout {
	margin-bottom: 28px;
}

.project-coordinator-area h5 {
	color: #cc7837;
	margin-bottom: 10px;
}

.project-coordinator-area {
	font-size: 14px;
}

.vcard-label {
	font-weight: bold;
}

.role {
	font-style: italic;
	margin-bottom: 10px;
}

.project-coordinator-area .label {
	width: 35px;
	display: inline-block;
	font-weight: bold;
}

.project-coordinator-area .vcard-tel .label {
	display: block;
	float: left;
}

.vcard-tel a {
	overflow:  hidden;
	display: block;
}

.vcard .vcard-tel a {
	color: inherit;
}
.vcard .vcard-tel a:after {
	display: none;
}

.project-coordinator-area .vcard-email {
	margin: 10px 0 24px 0;
}

.project-coordinator-area .vcard-email .label {
	display: none;
}

.related-resources-aside h3 {
	margin-bottom: 10px;
}


.aside-listing span.post-date {
	color: #99918d;
	font: normal 11px/18px arial, helvetica, sans-serif;
	margin-bottom: 5px;
	display: block;
}


/* =============================================================================================================
========================================================== | tabs  | ============================================
============================================================================================================== */
.tab-area {
	clear: both;
}
.tab-content {
	display: none;
	position: relative;
	top: -1px;
	border-left: 1px solid #d9d0ca;
	padding: 20px 0 0 20px;
}

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


.main-content ul.tab-nav {
	border-bottom: 1px solid #d2cac4;
	box-shadow: 0px 3px 0px #e8e4e1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-content .tab-nav li {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	display: inline-block;



}

.main-content .tab-nav li a:after {
	display: none;
}
.main-content .tab-nav li a {
/* 	background: #048bc2; */
	background: #e8e4e1;
	display: block;
	padding: 12px 16px;
/* 	color: #FFF; */
	color: #746051;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	border-radius: 4px 4px 0 0;
	transition: background .6s, color .6s;
	position: relative;
	top: 4px;
	font-family: "museo-sans",sans-serif;
}
.main-content .tab-nav li a:hover {
	background: #d2cecc;
	color: #020f18;
	transition: background .2s, color .2s;
}


.main-content .tab-nav li.active a {
	background: #FFF;
	color: #4c2d15;
	border-top: 1px solid #d9d0ca;
	border-left: 1px solid #d9d0ca;
	border-right: 1px solid #d9d0ca;
	border-bottom: 4px solid #FFF;

}


/* Aside Tabs
----------------------------------- */
#work-related-items ul.tab-nav  {
	width: 101%;
	margin: 0 -.5%;
	box-shadow: none;
	border: 0;
	border-bottom: 1px solid #e9e5e3;
	position: relative;
	top: -1px;
}
#work-related-items .tab-nav li {
	margin: 0 .5%;
	display: block;
	float: left;
}
#work-related-items .tab-nav li.resource-tab {
	width: 39%;
}
#work-related-items .tab-nav li.training-tab {
	width: 33%;
}
#work-related-items .tab-nav li.news-tab {
	width: 25%;
}

#work-related-items .tab-nav li a {
	padding: 8px 0;
	text-align: center;
	font-size: 11px;
	display: block;
	width: 100%;
	position: relative;
	top: 5px;
/* 	background: #FFF; */
}
#work-related-items .tab-nav li.active a {
  background: rgba(250,248,246,1);
  color: #4c2d15;
  border-top: 1px solid #e9e5e3;
  border-left: 1px solid #e9e5e3;
  border-right: 1px solid #e9e5e3;
  border-bottom: 4px solid rgba(250,248,246,1);
  top: 4px;
}

#work-related-items .tab-content {
	border: 1px solid #e9e5e3;
	border-radius: 0 0 4px 4px;
	border-bottom: 3px solid #f7941d;
	background: rgb(250,248,246);
	background: -moz-linear-gradient(top,  rgba(250,248,246,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,248,246,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,248,246,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8f6', endColorstr='#ffffff',GradientType=0 );
	padding: 5px 26px 0 26px;
	margin-bottom: 20px;
	border-top: 0;
}





/* =============================================================================================================
========================================================== | Training and services | ===========================
============================================================================================================== */

.training-and-services-tabs {
	clear: both;
	margin-top: 40px;
}

.training-listing-area h3 {
	text-transform: uppercase;
	margin-bottom: 10px;
}
.listing-content p {
	margin-bottom: 15px;
}

.listing-content p.listing-details {
	color: #99918d;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 10px;
}


a.back-link {
	display: inline-block;
	font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "museo-sans",sans-serif;
  margin: -25px 0 10px 0;
}


i.fa-angle-left {
	margin-right: 5px;
}


.document-download-link {
	background: url(../images/design/document-download-color.gif) 0 2px no-repeat;
	padding-left: 25px;
}


#training-meta {
	display: none;
}


/* =============================================================================================================
========================================================== | Resource Center & Resource Results | ==============
============================================================================================================== */


/* Resource Center */


.grid-list:after {
	content: '';
	display: block;
	clear: both;
	float: none;
	visibility: hidden;
}

.grid-list {
	width: 104%;
	margin: 0 -2%;
}

a.grid-item {
	display: block;
	width: 29%;
	margin: 0 2%;
	float: left;
	border: 1px solid #e9e5e3;
	border-radius: 5px;
	background: #faf8f5;
	background: -moz-linear-gradient(top,  #faf8f5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf8f5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #faf8f5 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #faf8f5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #faf8f5 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #faf8f5 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8f5', endColorstr='#ffffff',GradientType=0 );
	box-shadow:  inset 0px -6px 0px -3px #f3ebe0;
	height: 200px;
	margin-bottom: 20px;
	backface-visibility: hidden;

	transition: border .6s, box-shadow .4s;
}
a.grid-item:after {
	display: none;
}
a.grid-item:hover {
	border-color: #cc7837;
	box-shadow:  inset 0px -12px 0px -6px #cc7837;
	transition: border .2s, box-shadow .2s;
}
.grid-list-title {
	display: block;
	height: 75%;
	padding: 25px 25px 0 25px;
	color: #cc7837;
	font: 500 20px/22px "museo-sans-condensed",sans-serif;
	transition: color .6s;
}
.grid-list-title img {
	max-width: 20px;
	display: block;
	float: left;
	margin-right: 10px;
}
.grid-list-title span {
	overflow: hidden;
	display: block;
}

.grid-list-cta {
	display: block;
	height: 25%;
	padding: 15px 25px 0 25px;
	font: 700 12px/18px "museo-sans",sans-serif;
	text-transform: uppercase;
	color: #048bc2;
	border-top: 1px solid #e9e5e3;
	transition: color .6s;
}
a.grid-item:hover .grid-list-cta {
	color: #cc7837;
	transition: color  .2s;
}


/* Search form */

.filter-search-area {
	display: block;
	width: 100%;
	margin-bottom: 40px;
	background: #f6ede6;
	border: 1px solid #e9e5e3;
	border-radius: 5px;
	box-shadow: inset 0px -4px 0px 0px rgba(210, 202, 196, 0.5);
	padding: 26px 20px;
}

.filter-search-area label {
	color: #4c2d15;
	font: 700 16px/18px "museo-sans-condensed",sans-serif;
	text-shadow: 1px 1px 1px #FFF;
	text-transform: uppercase;
}
.keywordsFieldArea label {
	margin-right: 12px;
}
.keywordsFieldArea label:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: '\f002';
	color: #cc7837;
	margin-right: 5px;

}

.filter-search-area .keywordsFieldArea {
	float: left;
	width: 86%;
}


.standard-form .resourceTypeFieldArea.fieldArea select[name] {
	height: 200px;
}


.filter-search-area .keywordsFieldArea label {
	display: block;
	float: left;
	width: 31%;
	margin-right: 2%;
	padding-top: 9px;
	visibility: visible;
	position: relative;
}
input,
textarea {
/* 	-webkit-appearance: none; */
}

input.button,
input[type=submit]{
	-webkit-appearance: none;
}



.filter-search-area .keywordsFieldArea input {
	display: block;
	float: right;
	width: 64%;
	margin-right: 2%;
}
.publication-fields  {
	width: 66%;
}
.filter-search-area .keywordsFieldArea input {
	border: 1px solid #e1d6cd;
	border-radius: 5px;
	padding: 8px 12px;
	font-size: 14px;
}


.filter-search-area input.button.submit {
	width: 14%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	display: block;
	height: 34px;
}

.form-note {
	color: #127ab2;
	font: 700 12px/18px "museo-sans", sans-serif;
	text-transform: uppercase;
}


.publication-date-area {
	clear: both;
}

.publication-date-area .fieldArea label {
	display: none;
}

.publication-fields {
	float: right;
}

.publication-inner-fields {
	width: 102%;
	margin: 0 -1%;
}

.standard-form .publication-inner-fields .fieldArea select[name] {
	 width: 100%;
	 float: none;
}
.standard-form .publication-inner-fields .fieldArea,
.publication-separater {
	margin: 0 1%;
	float: left;
	display: block;
	clear: none;
}

.standard-form .publication-inner-fields .fieldArea.start-monthFieldArea,
.standard-form .publication-inner-fields .fieldArea.end-monthFieldArea {
	width: 23%;
}
.standard-form .publication-inner-fields .fieldArea.start-yearFieldArea,
.standard-form .publication-inner-fields .fieldArea.end-yearFieldArea {
	width: 19%;
}
.publication-separater {
	width: 6%;
	text-align: center;
	padding-top: 5px;
	color: #4c2d15;
	font-size: 14px;
	font-weight: bold;
}

.standard-form .publication-inner-fields .fieldArea:after {
	display: none;
}

#advanced-resource-search input.button.submit {
	display: inline-block;
	clear: both;
	float: none;
	margin-left: 34%;
	margin-top: 30px;
}


/* =============================================================================================================
============================= | Standard forms (Advanced resource search & Contact | ===========================
============================================================================================================== */



.standard-form label {
	float: left;
	display: block;
	width: 31%;
	margin-right: 2%;
	font: bold 14px/18px arial, helvetica, sans-serif;
	color: #4c2d15;
	position: relative;
	top: 5px;
}

.standard-form .fieldArea {
	clear: both;
	margin-bottom: 18px;
}
.fieldArea:after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
}


.standard-form .fieldArea *[name]{
	float: right;
	display: block;
	width: 66%;
	border: 1px solid #d2cac4;
	border-radius: 5px;
	background: #FFF;
	outline: 0;
	box-shadow: 0px 0px 0px 0px #FFF;
	color: #4c2d15;
	transition: border .6s, color .6s, box-shadow .6s;
}
.standard-form .fieldArea *[name]:hover,
.standard-form .fieldArea *[name]:focus {
	color: #127ab2;
	border-color: #127ab2;
	box-shadow: 1px 1px 5px 0px #c7b7aa;
	transition: border .2s, color .2s, box-shadow .2s;
}

.standard-form .fieldArea input,
.standard-form .fieldArea textarea {
	padding: 6px 12px;
	font-size: 16px;
}
.standard-form .fieldArea select {
	font-size: 14px;
	height: 32px;
}



/* =============================================================================================================
========================================================== | Resource Results | ================================
============================================================================================================== */


/* Filter Area
----------------------------------------------------- */

.filter-area {
	background: #f6ede6;
	box-shadow: inset 0px -4px 0px 0px rgba(210, 202, 196, 0.5);
	border: 1px solid #e9e5e3;
	border-radius: 5px;
	padding: 30px 20px;
	position: relative;
}

#resource-results .left-col {
  width: 25%;
  float: left;
  margin-right: 5%;
  display: block;
}
#resource-results .main-content {
	width: 70%;
}

#resource-results .filter-area *[name] {
	display: block;
	width: 100%;
	float: none;
}


.filter-expand-title {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #d2cac4;
	color: #048bc2;
	cursor: pointer;
	transition: color .6s;
}
.filter-expand-title:hover,
.filter-expand-title.active {
	color: #cc7837;
}
.filter-expand-title:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: '\f0fe';
	color: #cc7837;
	margin-right: 5px;
	transition: color .4s;
}

.filter-expand-title.active:before {
	color: #99918d;
	content: '\f146';
}

#resource-results.standard-form .filter-area .keywordsFieldArea label,
#resource-results.standard-form .filter-area .resourceTypesFieldArea>label,
#resource-results.standard-form .filter-area .filter-publication-area .htmlSelectOneMenu label {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	text-indent: -9999999px;
	height: 0;
	width: 0;
}
#resource-results .filter-area .keyword-content-area {
	position: relative;
}
#resource-results .filter-area .keyword-content-area input[type="submit"] {
  font-family: FontAwesome;
  font-size: 12px;
   background: #d2cac4;
   display: inline-block;
   transition: background .6s;

	width: 28px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	text-align: center;
	padding: 0;
}

#resource-results.standard-form .mainCategorySelectFieldArea label,
#resource-results.standard-form .subCategorySelectFieldArea label {
	position: absolute;
	visibility: hidden;
}

#resource-results .filter-area .keyword-content-area input[type="submit"]:hover {
	 background: #cc7837;
	 transition: background .2s;
}

.filter-expand-content {
	padding-bottom: 20px;
	display: none;
}

#resource-results.standard-form label {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
  font: bold 14px/18px arial, helvetica, sans-serif;
  color: #4c2d15;
  position: relative;
  margin-bottom: 10px;
}


#resource-results .filter-area .htmlSelectManyCheckbox input {
	box-shadow: none !important;
	width: auto;
	width: 25px;
	float: left;
	position: relative;
	top: 8px;
}

#resource-results .filter-area .htmlSelectManyCheckbox label {
	display: block;
	font-weight: normal;
	width: auto;
	float: none;
	overflow: hidden;
}

.filter-publication-area .publication-group {
	width: 102%;
	margin: 0 -1%;
}

.filter-publication-area .publication-group .fieldArea {
	width: 48%;
	margin: 0 1%;
	float: left;
	clear: none;
}

.to-separater {
	display: block;
	font-weight: bold;
	margin: 5px 0 5px 4px;
}

.close-bottom {
	text-align: center;
	margin: 15px 0 0 0;
	font-size: 14px;

	display: none;
}

#resource-results .close-top {
	position: absolute;
	font-size: 26px;
	top: 10px;
	right: 10px;
	color: #cc7837;

	display: none;
}
#resource-results .close-top:after {
	display: none;
}

#resource-results .close-top:hover {
	color: #0072bc;
}

/* REsults area
---------------------------------------*/

.result-count {
	padding-bottom: 24px;
	border-bottom: 1px solid #dfd4c7;
	box-shadow: 3px 0 0 3px #f3ebe0;
	margin-bottom: 14px;
}

#applied-filters {
	margin-bottom: 20px;
}

#applied-filters a {
	border: 0;
	outline: 0;
	background: #c9e3f3;
	color: #048bc2;
	font: 500 12px/12px "museo-sans-condensed",sans-serif;
	padding: 10px 8px;
	border-radius: 5px;
	margin: 0 5px 5px 0;
	cursor: pointer;
	display: inline-block;
	transition: color .6s, background .6s;
	padding-right: 25px;
	position: relative;
}

#applied-filters a.narrow-results {
	background: #6eaf48;
	color: #FFF;

	display: none;
}
#applied-filters a.narrow-results:hover {
	background: #ade48c;
	color: #027708;
}

#applied-filters a:after {
	display: none;
}

#applied-filters a:before,
#applied-filters a:hover:before {
	display: inline-block !important;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	top: auto;
	left: auto;
	right: 8px;
	height: auto;
	opacity: 1;
	background: transparent;
	content: '\f057';
	position: absolute;
}
#applied-filters a.narrow-results:before {
	content: '\f055'
}

#applied-filters a:hover {
	background: #f3c9c9;
	color: #c20404;
	transition: color .2s, background .2s;
}

.applied-filters-title {
	display: inline-block;
	font: 500 14px/14px "museo-sans-condensed",sans-serif;
	color: #4c2d15;
	margin-right: 10px;
}



/* Tabs area */

p.no-results-text {
	padding: 0 20px;
}

.resource-results-tabs .tab-content {
	padding: 0;
	padding-top: 10px;
}

.result-listing {
	border-bottom: 1px solid #edeae7;
	border-top: 1px solid #FFF;
	margin: 0 4px;
	padding: 25px 25px 25px 0;
}

.result-listing.featured {
	background: #fffaea;
}

.results-icon-area {
	width: 13%;
	float: left;
	text-align: center;
}
.results-icon-area img {
	display: block;
	max-width: 60%;
	margin: 0 auto;
}

.result-listing-content {
	width: 87%;
	float: right;
}

h5.resource-listing-type {
	color: #99918d;
	font: bold 12px/18px arial, helvetica, sans-serif;
	margin-bottom: 20px;
	padding-left: 2.5%;
}

.featured-flag {
	display: block;
	position: absolute;
	background: #cc7837;
	color: #FFF;
	font: bold 12px/12px arial, helvetica, sans-serif;
	padding: 7px 10px;
	border-radius: 0 3px 3px 0;
	left: -4px;
	margin-top: -4px;
}

.featured h5.resource-listing-type {
	padding-left: 13%;
}
.result-listing-content h2 {
	margin-bottom: 0;
}
.result-listing-content h2 a {
	color: #cc7837;
}
.result-listing-content h2 a:hover {
	color: #0072bc;
}
.result-listing-content h2 a:after {
	display: none;
}

p.result-information {
	color: #99918d;
	font: normal 14px/18px arial, helvetica, sans-serif;
	margin: 20px 0;
}

a.view-resource-link {
	font: 900 12px/18px "museo-sans",sans-serif;
	text-transform: uppercase;
}




/* =============================================================================================================
================================================== | Individual Resource | =====================================
============================================================================================================== */

.resource-related-aside h3 {
	margin-bottom: 10px;
}
.resource-related-aside h5 {
	margin-bottom: 8px;
}

.similar-research-link {
	font: 700 12px/28px "museo-sans",sans-serif;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

.related-resource-type {
	color: #99918d;
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 0;
}
.related-result-title {
	margin-bottom: 5px;
}
.related-result-title a {
	color: #4c2d15;
}
.related-result-title a:after {
	display: none;
}
.related-result-title a:hover {
	color: #cc7837;
}

a.resource-info-type  {
	color: #99918d;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	display: table;
	width: 100%;
	margin-bottom: 18px;
	vertical-align: middle;
}
.type-inner {
	display: table-row;
	vertical-align: middle;
}
.type-icon {
	display: table-cell;
	vertical-align: middle;
}
.resource-info-type img {
	display: block;
	width: 20px;
	margin-right: 10px;
}
.resource-info-type span {
	display: table-cell;
	vertical-align: middle;
	line-height: 16px;
}

a.resource-info-type:after {
	display: none;
}
a.resource-info-type:hover {
	color: #cc7837;
}

.resource-meta {
	color: #99918d;
	font-size: 14px;
	margin-bottom: 20px;
}

.resource-download-link {
	border-top: 1px solid #edeae7;
	padding-top: 20px;
	margin-bottom: 20px;
}





/* =============================================================================================================
======================================================== | Contact | ===========================================
============================================================================================================== */

#contact {
	border-top: 1px solid #d9d0ca;
	border-left: 1px solid #d9d0ca;
	margin-top: 20px;
	padding: 30px 0 0 30px;
	box-shadow: inset 0px 6px 0 -3px #e8e4e1;
	margin-bottom: 30px;
}

.what-fields-required {
	font: 500 12px/12px "museo-sans",sans-serif;
	color: #cc7837;
	text-transform: uppercase;
}
.requiredMarker {
	color: #cc7837;
}


.standard-form .form-fields label {
	color: #4c2d15;
	font-size: 14px;
	display: block;
	position: relative;
	top: 6px;
}
.standard-form .form-fields [name] {
	display: block;
	width: 66%;
}
.standard-form .form-fields textarea {
	resize: vertical;
	min-height: 152px;
	max-height: 500px;
}
@media (min-width: 780px) {
	#contact .recaptcha-area {
		padding-left: 34%;
	}
}
#contact .submit-area {
	margin-left: 34%;
	margin-top: 10px;
}
#contact .submit-area input.button {
	background: #048bc2;
	color: #FFF;
}
#contact .submit-area input.button:hover {
	background: #94d0f8;
	color: #020f18;
}


.additional-content-box {
	clear: both;
	background: #f6ede6;
	margin-top: 30px;
	border: 1px solid #e9e5e3;
	border-radius: 5px;
	box-shadow: inset 0px -6px 0 -3px #e4dbd5;
	padding: 30px 30px 10px 30px;
}



/* Contact vcard sidebar stuff
------------------------------------------------------------ */

.contact-information h3 {
	color: #127ab2;

}

.contact-vcard {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 25px;
}

.contact-vcard .fn {
	font-weight: bold;
	margin-bottom: 5px;
}
.contact-vcard .address {
	margin-bottom: 5px;
}

.contact-vcard .label {
	font-weight: bold;
  display: block;
  width: 30px;
  float: left;
  clear: left;
}
.contact-vcard .vcard-email {
	margin-top: 10px;
}

.contact-vcard .vcard-email .label {
	display: none;
}


/* =============================================================================================================
======================================= | News listing and articles | ==========================================
============================================================================================================== */


.article-type {
	color: #99918d;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 24px;
	font-weight: bold;
}

h2.article-listing-title a {
	color: #cc7837;
}
h2.article-listing-title a:hover {
	color: #048bc2;
}
h2.article-listing-title {
	margin-bottom: 15px;
}

p.article-information {
	color: #99918d;
	font-size: 11px;
	line-height: 18px;
}

a.read-full-article {
	font: 900 12px/28px "museo-sans",sans-serif;
	text-transform: uppercase;
}

/* Filter Area
-------------------------------------------- */

#news-filters {
	border-bottom: 1px solid #dfd4c7;
	box-shadow: 0px 3px 0px 0px #f3ebe0;
	padding-bottom: 20px;
}

.news-filters-container {
	width: 104%;
	margin: 0 -2%;
}
.news-filters-container  fieldset {
	width: 29%;
	float: left;
	margin: 0 2%;
	position: relative;
}

#news-filters label {
	display: block;
	float: none;
	width: 100%;
	top: auto;
	margin-bottom: 5px;
}
#news-filters select {
	width: 100%;
}
#news-filters.standard-form .fieldArea {
	margin-bottom: 0;
}

#news-filters .button.submit {
	position: relative;
	display: inline-block;
	top: 22px;
	margin-left: 20%;
	width: 80%;
	background: #048bc2;
	color: #FFF;
}

/* =============================================================================================================
================================ | Mist Styles (pagination, sitemap, etc... | ==================================
============================================================================================================== */

.pagination {
	margin: 40px 0 0 10px;
}
.pagination a {
		display: inline-block;
		color: #99918d;
		font: 500 14px/28px "museo-sans",sans-serif;
		padding: 0 10px;
		background: #e8e4e1;
		border-radius: 5px;
		margin-right: 5px;
		transition: background .6s, color .6s;
	}
.pagination a:hover {
	background: #cc7837;
	color: #FFF;
	transition: background .2s, color .2s;
}
.pagination a.current {
	background: #0072bc;
	color: #FFF;
}
.pagination a:after {
	display: none;
}

.pagination .ellipse {
	display: inline-block;
	margin-right: 10px;
	margin-left: 5px;
}



/* Admin Login
----------------------------------------------- */

#acct-login-form {
	max-width: 300px;
}

/* List serv forms
----------------------------------------------- */
.list-serv-form.standard-form .form-fields label {
	margin-bottom: 5px;
}
.list-serv-form.standard-form .form-fields label,
.list-serv-form.standard-form .form-fields [name] {
	width: 100%;
	float: none;
	margin-right: 0;
	position: relative;
	top: 0;
}

.list-serv-form.standard-form .fieldArea {
	margin-bottom: 0;
}
.list-serv-form.standard-form input.submit {
	margin-bottom: 20px;
	margin-top: -10px;
}


/* back to top
----------------------------------------------- */
a#back-to-top {
	position: fixed;
	color: #FFF;
	background-color: #0097d4;
	display: inline-block;
	left: -120px;
	bottom: 440px;
	padding: 8px 12px 8px 12px;
	font: 700 12px/12px "museo-sans",sans-serif;
	text-transform: uppercase;
	transition: background .6s, padding .6s, left .4s;
}
a#back-to-top.active {
	left: 0;
	transition: background .6s, padding .6s, left .4s;
}
a#back-to-top.active:hover {
	background: #cc7837;
	padding: 8px 16px 8px 20px;
	transition: background .2s, padding .2s;
}






#searchpage-search {
	margin-bottom: 10px;
}

#searchNumberFound {
	font-weight: bold;
	margin: 10px 0;
}



/* Sitemap
----------------------------------------- */



.site-map-area a {
	color: #231f20;
}
.site-map-area a:hover {
	color: #d22f38;
}

.site-map-area>ul>li {
	background: none;
	padding-left: 0;
	margin-bottom: 10px;
	padding-bottom: 4px;
}
.site-map-area>ul>li>a {
	color: #231f20;
	font-weight: bold;
	font-size: 18px;
}
.site-map-area>ul>li.no-children {
	border-bottom: 3px solid #231f20;
	margin-bottom: 20px;
}

.site-map-area>ul>li>ul {
	border-top: 3px solid #231f20;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.site-map-area>ul>li>ul>li {
	display: inline-block;
	width: 28%;
	vertical-align: top;
	margin: 0 2%;
}
.site-map-area>ul>li>ul>li.has-children>a{
	font-weight: bold;
}
.site-map-area>ul>li>ul>li>ul {
	padding-left: 0;
	margin-top: 4px;
}
.site-map-area>ul>li>ul>li>ul>li {
	background: url(../images/design/site-map-bull.png) 0 7px no-repeat;
}

.site-map-area>ul>li>ul>li>ul>li a {
	color: #616161;
	font-size: 13px;
	line-height: 15px;
}



/* Mailchimp signup forms
----------------------------------------- */

.mc_embed_signup {
	width: 400px;
	margin: 0 auto;
	padding: 20px;
}
.mc_embed_signup h2 {
	margin-bottom: 15px;
}
.mc_embed_signup .input-group {
/* 	position: absolute; */
/* 	visibility: hidden; */
padding-bottom: 10px;
}

.mc_embed_signup .input-group .newsletter-option input {
	float: left;
	display: block;
	width: 30px;
	position: relative;
	top: 7px;
}
.mc_embed_signup .input-group .newsletter-option label {
	display: block;
}

.mc_embed_signup p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 12px;
}
.signup-form label {
	display: block;
	float: none;
	margin-bottom: 15px;
	width: 100%;
}
.signup-form .mc-field-group input {
  display: block;
  width: 100%;
  border: 1px solid #d2cac4;
  border-radius: 5px;
  background: #FFF;
  outline: 0;
  box-shadow: 0px 0px 0px 0px #FFF;
  color: #4c2d15;
    padding: 6px 12px;
  font-size: 16px;
  margin-bottom: 10px;
}

/* =============================================================================================================
================================================== | Footer | ==================================================
============================================================================================================== */
#footer {
	background: #0097d4 url(../images/design/footer-texture.png) top center no-repeat;
	margin-top: 120px;
}

#footer a ,
#footer p {
	color: #FFF;
	font-size: 12px;
}
#footer a:hover {
	color: #ff682b;
}

.site-footer > .section {
	max-width: 1000px;
	width: 100%;
	padding: * 20px;
}

.project-topic-links {
	min-height: 288px;
	padding-top: 26px;
}


.links-container {
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.link-column {
	max-width: calc(100% / 3 - 40px);
	width: 100%;
	margin: 0 20px 20px;
}

.link-column h4 {
	color: #FFF;
	border-bottom: 1px solid #59bbe3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.link-column ul {
	list-style: none;
	display: block;
	padding: 0;
	width: 45%;
	float: left;
	margin-right: 5%;
}
.link-column ul li {
	margin-bottom: 14px;
	font-size: 12px;
	line-height: 18px
}

.link-column.footer-newsletter {
	padding: 35px 30px;
	background: rgba(17, 119, 167, 0.5);
	align-self: flex-start;
}

.link-column.footer-newsletter h3 {
	font-size: 18px;
	color: #fff;
	margin: 0;
}

.link-column.footer-newsletter p {
	margin: 5px 0;
}

.link-column.footer-newsletter a > span {
	margin-top: 7px;
	color: #fff;
	text-transform: uppercase;
	background: #cc7837;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	padding: 9px 15px;
	border-radius: 4px;
	transition: background .6s, color .6s;
	font-family: "museo-sans",sans-serif;
}

.link-column.footer-newsletter a:hover > span,
.link-column.footer-newsletter a:focus > span {
	background: #f9ad72;
	color: #0e0804;
}

#footer a.footer-hide-show {
	display: none;
}

.footer-bar > .section,
.footer-details > .section {
	max-width: 960px;
}
.footer-bar {
	height: 54px;
	background: rgba(35,31,32,.25);
}

.footer-bar p {
	font-size: 12px;
	padding-top: 15px;
	margin-bottom: 0;
}

.footer-bar p.footer-address {
	float: left;
}

.footer-bar p.footer-contact {
	float: right;
}

.footer-bar span.div-line {
	display: inline-block;
	margin: 0 5px;
	color: #59b7e0;
}

.facebook-link i {
	margin-right: 5px;
}

.footer-details {
	clear: both;
	height: 92px;
	background: #048bc2;
	padding-top: 12px;
}
#footer .footer-details p,
#footer .footer-details a {
	font-size: 11px;
	line-height: 18px;
}
#footer .footer-details a {
	text-decoration: underline;
	display: inline;
}
#footer .footer-details p {
	margin-bottom: 0;
}
.footer-copyright {
	width: 32%;
	float: left;
}
.funded-info {
	overflow: hidden;
	text-align: right;
}

#footer .footer-details .designCredit a {
	text-decoration: none;
}

@media (max-width: 1000px) {
	.site-footer .section {
		padding-left: 0;
		padding-right: 0;
	}
}


@media (max-width: 680px) {
	.links-container {
		justify-content: center;
	}
	.link-column {
		max-width: calc(100% / 2 - 40px);
		width: 100%;

	}
	.footer-newsletter {
		max-width: 350px;
	}
}

@media (max-width: 480px) {
	.link-column {
		max-width: 100%;
		margin: 0 20px 20px !important;
	}
}




/* =============================================================================================================
========================================================== | Z-index | ===========================================
============================================================================================================== */


/* Header */

#header {
	z-index: 800;
}

#logo {
	z-index: 801;
}
.header-title {
	z-index: 810;
}
#main-menu,
.pre-nav-area,
.header-content {
	z-index: 850;
}




/* body and footer */

#main,
#footer {
	z-index: 500;
}




.video-area iframe {
	width: 100%:
}

.video-area {
	max-width: 100%:
}







/*



































end of CSS */