.layout-header {
	background:#FFF;
	border-bottom:1px solid #D3D3D3;
}
@media(max-width: 34em) {
	.header-logo {
		margin:4em auto 0.5em;
		text-align:center;
	}
	.menu-header-top-container,
	.menu-header-social-container {
		display:none;
	}
	.menu-header-bottom-container {
		border-bottom:1px solid #EBEBEB;
		position:fixed;
		top:0px;
		left:0px;
		z-index:1000;
		background-color:#FFF;
		width:100%;
	}
	.menu-header-bottom-container .menu {
		list-style:none;
		padding:0;
		margin:0;
	}
	.menu-header-bottom-container .sub-menu {
		display:none;
	}
	.menu-header-bottom-container .menu-item {
		border-left:1px solid #EBEBEB;
		display:block;
		float:left;
		font-size:0.875em;
		width:14%;
	}
	.menu-header-bottom-container .menu-item-events    { width:15%; }
	.menu-header-bottom-container .menu-item-research  { width:21%; }
	.menu-header-bottom-container .menu-item-exchanges { width:22%; }
	.menu-header-bottom-container .menu-item:first-child {
		border-left:0;
	}
	.menu-header-bottom-container .menu-item a {
		border-top-style:solid;
		border-top-width:3px;
		display:block;
		padding:0.75em 0;
		text-align:center;
	}
	.menu-footer-main-container {
		display:none;
	}
}
@media(min-width: 34em) {
	.header-logo {
		margin-top:24px;
	}
	.header-nav nav {
		clear:both;
	}
	.header-nav .menu {
		list-style:none;
		padding:0;
		margin:0;
	}
	.header-nav .menu > .menu-item {
		display:block;
		float:left;
	}
	/* header_top */
	.menu-header-top-container {
		border-bottom:1px solid #D9D9D9;
		overflow:auto;
		font-size: 0.625rem;
		line-height: 2.5em;
	}
	.menu-header-top-container .menu {
		float:right;
	}
	.menu-header-top-container .menu-item a {
		border-left:1px solid #D9D9D9;
		color:#434343;
		display:block;
		text-align:center;
		text-transform:uppercase;
		width:110px;
	}
	/* header_social */
	.menu-header-social-container {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,e8eff4+50,ffffff+100 */
		background: #feffff; /* Old browsers */
		background:    -moz-linear-gradient(left, #feffff 0%, #e8eff4 50%, #ffffff 100%); /* FF3.6+ */
		background:        -webkit-gradient(linear, left top, right top, color-stop(0%,#feffff), color-stop(50%,#e8eff4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #feffff 0%,#e8eff4 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background:      -o-linear-gradient(left, #feffff 0%,#e8eff4 50%,#ffffff 100%); /* Opera 11.10+ */
		background:     -ms-linear-gradient(left, #feffff 0%,#e8eff4 50%,#ffffff 100%); /* IE10+ */
		background:         linear-gradient(to right, #feffff 0%,#e8eff4 50%,#ffffff 100%); /* W3C */
		height: 4em;
		padding:1em 0;

		font-size: 0.875rem;
	}
	.menu-header-social-container .menu {
		float:right;
	}
	.menu-header-social-container .menu-item {
		margin-left:30px;
		text-transform:uppercase;
	}
	.menu-header-social-container .menu-item-icon i {
		font-size: 1.5em;
	}
	.menu-header-social-container .menu-item-subscribe a,
	.menu-header-social-container .menu-item-mymeritalk a {
		display:block;
		font-weight:bold;
		height:2em;
		line-height:1.7em;
		text-align:center;
		width:10em;
	}
	.menu-header-social-container .menu-item-subscribe a {
		color:#005188;
		border:0.15em solid #005188;
	}
	.menu-header-social-container .menu-item-mymeritalk a {
		color:#F18C21;
		border:0.15em solid #F18C21;
	}
	.menu-header-social-container .header-search-form-shade {
		float:left;
	}
	.menu-header-social-container .header-search-form-field {
		background-color:#FFF;
		border-color:#D9D9D9;
		border-style:solid;
		border-width:1px;
		padding-left:0.5em;
		width:95%;
	}
	.menu-header-social-container .header-search-form-field:focus {
		outline:0;
	}
	.menu-header-social-container .header-search-form-button {
		background-color:transparent;
		border:0;
		color:#005188;
		display:block;
		float:right;
		font-size:1.1em;
	}

	/* header_bottom */
	.menu-header-bottom-container {
		border-top:1px solid #D9D9D9;
		font-size: 0.875rem;
		line-height: 2em;
	}
	.menu-header-bottom-container .menu > .menu-item {
		border-left:1px solid #D9D9D9;
		position:relative;
		width:16.66666666%;
	}
	.menu-header-bottom-container .menu > .menu-item:first-child {
		border-left:none;
	}
	.menu-header-bottom-container .menu > .menu-item > a {
		border-top-color:hotpink;
		border-top-style:solid;
		border-top-width:4px;
		color:#434343;
		display:block;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
	}

	/* header_bottom subnav */
	.menu-header-bottom-container .menu-item:hover .sub-menu {
		display:block;
	}
	.menu-header-bottom-container .sub-menu {
		background:#FFF;
		border-color:#D9D9D9;
		border-style:solid;
		border-width:0 1px;
		display:none;
		left:-1px;
		list-style:none;
		padding:0;
		position:absolute;
		top:2.25em;
		width:150%;
		z-index:2;
	}
	.menu-header-bottom-container .sub-menu .menu-item {
		border-bottom:1px solid #D9D9D9;
	}
	.menu-header-bottom-container .sub-menu .menu-item a {
		color:#464646;
		display:block;
		padding-left:1em;
		text-transform:uppercase;
	}
}

.menu-header-bottom-container .menu > .menu-item-home a      { border-top-color:#F1D121; }
.menu-header-bottom-container .menu > .menu-item-news a      { border-top-color:#D31145; }
.menu-header-bottom-container .menu > .menu-item-blogs a     { border-top-color:#007DBB; }
.menu-header-bottom-container .menu > .menu-item-events a    { border-top-color:#40AE49; }
.menu-header-bottom-container .menu > .menu-item-research a  { border-top-color:#F18C21; }
.menu-header-bottom-container .menu > .menu-item-exchanges a { border-top-color:#8560A8; }
.menu-header-bottom-container .menu .menu-item a:hover {
	background:#EBEBEB;
	text-decoration:none;
}


/*
 * Footer shit goes below here
 *
 * Looking for main content area styles? Try main.css
 */

.layout-footer {
	background:#005188;
	padding:1rem 0 2rem;
}
.layout-footer,
.layout-footer a {
	color:#FFF;
}
.footer-heading {
	background:#1A6394;
	font-size:0.6rem;
	height:22px;
	line-height:22px;
	margin-bottom:5px;
}
.footer-heading-label {
	background:#D31145;
	display:inline-block;
	font-weight:bold;
	padding:0 5px;
	position:relative;
	text-transform:uppercase;
}
.footer-heading-label:after {
	border:11px solid transparent;
	border-left-color:#D31145;
	border-left-width:11px;
	content:'.';
	display:block;
	height:0;
	overflow:hidden;
	position:absolute;
	right:-22px;
	top:0;
	width:0;
}
.footer-twitter-latest {
	background:#1A6394;
	padding:1rem;
}
.footer-twitter-latest-date {
	color:#99BACF;
	font-size:0.55rem;
	margin-top:1em;
}
.layout-footer .menu {
	list-style:none;
	padding:0;
	margin:0;
}
.footer-connect-row {
	/* first row under the leftmost column; just needs some persuasion */
	padding:1rem 0 2rem;
}
.layout-footer .menu .menu-item {
	display:block;
	float:left;
}
.menu-footer-social-container .menu-item a {
	border:1px solid #FFF;
	display:block;
	font-size:1.3rem;
	height:50px;
	line-height:50px;
	margin-right:20px;
	text-align:center;
	width:50px;
}
.menu-footer-main-container .menu-item {
	border-left:1px solid #FFF;
	line-height:1em;
	padding:0 0.5rem;
	text-transform:uppercase;
}
.menu-footer-main-container .menu-item:first-child {
	border-left-width:0;
	padding-left:0;
}
.menu-footer-legal-container {
	padding-top:0.5rem;
}
.menu-footer-legal-container .menu-item {
	border-left:1px solid #B2C9D7;
	font-size:0.6rem;
	line-height:1em;
	padding:0 0.5rem;
	text-transform:uppercase;
}
.menu-footer-legal-container .menu-item a {
	color:#B2C9D7;
}
.menu-footer-legal-container .menu-item:first-child {
	border-left-width:0;
	padding-left:0;
}
/* Do forgive the !important usage; Gravity Forms is an asshole with the
 * unnecessary specificity.
 */
.form-footer-subscribe {
	padding-top:0.125em;
}
.form-footer-subscribe .gfield_label {
	display:none !important;
}
.form-footer-subscribe .gform_body input {
	border:0;
	border-radius:3px;
	color:#434343;
	width:100% !important;
}
.form-footer-subscribe .gform_body input::-webkit-input-placeholder {
	color:#434343;
	font-style:italic;
}
.form-footer-subscribe .gform_body input:-moz-placeholder {
	color:#434343;
	font-style:italic;
}
.form-footer-subscribe .gform_body input::-moz-placeholder {
	color:#434343;
	font-style:italic;
}
.form-footer-subscribe .gform_body input:-ms-input-placeholder {
	color:#434343;
	font-style:italic;
}
.form-footer-subscribe .gform_footer {
	text-align:right;
	margin:0 !important;
}
.form-footer-subscribe .gform_footer .button {
	background:transparent;
	border:1px solid #FFF;
	font-size:0.7rem !important;
	padding:0.2em 1.0em;
	text-transform:uppercase;
}
.form-footer-subscribe div.validation_error {
	color:#FFF !important;
}
