* {
	margin: 0;
	/*padding: 0;*/
	outline: 0;
	/*border: 0;*/
	box-sizing:border-box;
}

body { 
	font-size: 100%;
	line-height: 1;
	color: #000;
	font-family: 'Montserrat', Open Sans, sans-serif;
	background: #fff;
}

.button-row {
    width: 100%;
}

#button-holder {
    background-color: #f1f1f1;
    border-top: thin solid #e5e5e5;
    box-shadow: 1px 1px 1px 1px #e5e5e5;
    cursor: pointer;
    float: left;
    height: 27px;
    margin: .4em 0 2px 0;
    text-align: center;
    width: 50px;
    border-radius: 0 2px 2px 0;
}

#button-holder img {
    margin: 4px;
    width: 20px;
}

#results-search-text-input {
    border-top: thin solid #e5e5e5;
    border-right: thin solid #e5e5e5;
    border-bottom: 0;
    border-left: thin solid #e5e5e5;
    box-shadow: 0px 1px 1px 1px #e5e5e5;
    float: left;
    margin: .5em 0 2px 0;
    outline: 0;
    padding: .4em 0 .4em .6em;
    width: 183px;
}

.sep-lines li {
	display: block;
}

.questionnaire {
	padding: 1%;
	line-height: 1.4;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: #4146a4;
}

.questionnaire input[type="text"] {
	width: 70px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #636466;
	margin: 0 6px 0 2px;
}

#questionnaire {
	padding: 2px !important;
	font-size: .8em !important;
	background-color: #57d6c7;
	font-weight: bold;
	text-shadow: 1px 1px #57D6C7;
	color: #ffffff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #57D6C7;
	cursor: pointer;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

#incorrect_answer, #correct_answer {
	display: none;
}

#container {
	min-width: 1200px;	
}

#masthead-container {
	width: 100%;
	height: 136px;
	background-color: #000;
	top: 0;
	left: 0;
	border-bottom: 4px solid #78909c;
	z-index: 100;
}

#masthead {
	width: 1140px;
	margin: 0 auto;	
}

#masthead #logo img {
	display: block;
	float: left;	
	height: 128px;
	width: 275px;
}

#banner { 
	width: 100%; 
	overflow: hidden; 
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

#banner img { width: 100%; display: block; }

/* Mobile Nav */
.menu, #mobile-nav { display: none; }

/* Mobile Menu */
#mobile-nav { 
	float: none; 
	text-align: left; 
	font-size: 1em;
	position: fixed;
	z-index: 400;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #38a8c3;
	color: #fff;
	z-index: 99999;
}
#mobile-nav #mobile-navigation ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#mobile-nav #mobile-navigation li a {
	display: block;
	padding: 12px 20px;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .1); 
}
#mobile-nav #mobile-navigation li:last-child a { border-bottom: 0; }
#mobile-nav #mobile-navigation li a { color: #fff; text-decoration: none; text-transform: uppercase; }
#mobile-nav #mobile-navigation li a.active { font-weight: bold; background: rgba(31,57,84,.3); border-top: 1px solid rgba(31,57,84,.1); border-bottom: 1px solid rgba(31,57,84,.1); }

#mobile-nav #mobile-navigation li ul { display: none; }
#mobile-nav #mobile-navigation li ul.open, #mobile-nav #mobile-navigation ul ul { display: block; padding: 0; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: .9em; letter-spacing: 0; }
#mobile-nav #mobile-navigation li ul li, #mobile-nav #mobile-navigation ul ul li { padding: 7px 10%; }
#mobile-nav #mobile-navigation li ul li a, #mobile-nav #mobile-navigation ul ul li a { text-transform: none; padding-left: 20px; }
#mobile-nav #mobile-navigation li ul li:last-child, #mobile-nav #mobile-navigation ul ul li:last-child { border: 0; }

#mobile-nav .bottom-bar { position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: #1f3954; text-align: right; }
#mobile-nav .bottom-bar .close { padding: 0 10px; cursor: pointer; }

#masthead #navigation {	
	color: #1f3854;
	width: 50%;
	float: left;
	margin: 6% 0 0 16%;
}

#masthead #navigation ul {
	float: left;
	margin-left: 3%;
	width: 100%;
}

#masthead #navigation li {
	clear: both;
	list-style: none;
	display: inline;
	position: relative;
}

#masthead #navigation li a {
	display: inline-block;
	padding: 1.1px 0px;		
	color: #fff;
	font-weight: 600;
	letter-spacing: .03em;
}

#masthead #navigation li a:hover, #masthead #navigation li a.active {
	color: #38a8c3;
	font-weight: bold;
	border-bottom: 2px solid #369dce;
}

#masthead #navigation li ul { display: none; }
#masthead #navigation li:hover ul { 
	display: block; 
	min-width: 180px;
	width: auto;
	position: absolute; 
	text-align: left; 
	background: #5a7012;
	margin-top: 1px;
	margin-left: -1px;
	opacity: .9;
	z-index: 999;
}
#masthead #navigation li ul li, #masthead #navigation li ul li:last-child {
	display: block;
	float: none;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #769315;
	border-bottom: 1px solid #4e610e;	
}
#masthead #navigation li ul li a { display: block; text-shadow: -1px -1px 0 #48590e; }

a {
	color: #78909c;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #444;

}

#logo:hover {
	border-bottom: 0;
}

img {
	max-width: 100%;
	border: 0;
}

header {
	background: #fff;
	width: 100%;
	height: 130px;
	top: 0;
	left: 0;
	border-bottom: 4px solid #78909c;
	z-index: 100;
}

#content {
	width: 1140px;
	margin: 0 auto;
	padding: 10px 0;
}

#content .section {
	max-width: 980px;
	position: relative;
	margin: 0 20% 160px 0;
}

#content .input {
	padding: 4px;
	font-size: 1.1em;
	border: 1px solid #7c7c7c;
	border-radius: 4px;
	font-family: 'Montserrat', Open Sans, sans-serif;
}

#content textarea {
	width: 70%;
}

#content .small-input {
	padding: 4px;
	font-size: .7em;
	border: 1px solid #7c7c7c;
	border-radius: 4px;
	height: 30px;
	font-family: 'Montserrat', Open Sans, sans-serif;
}

#content .mc-small-input {
	padding: 4px;
	width: 80%;
	font-size: .7em;
	border: 1px solid #7c7c7c;
	border-radius: 4px;
	height: 30px;
	font-family: 'Montserrat', Open Sans, sans-serif;
}

#sidebar {
	margin: 0;
	padding: 0;
	width: 24.1%;
}

/*
#sidebar h1 {
	float: right;
	border-top: 0 !important;
}
*/

#sidebar h1 {
	margin: 0;
	padding: 5% 3%;
	text-align: center;
 }

#sidebar li {
	list-style: none;
	padding: 5% 10%;
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e9e9e9;
}

#sidebar li a { color: #31516a; font-weight: 400; font-size: 1.1em; }
#sidebar li a:hover, #sidebar li a.active { color: #2188a1; }
#sidebar li a.active { font-weight: 600; }

.three-fourths-column {
	width: 67%;
	float: left;
	padding: 0 4%;
}

.fourth-column {
	/*width: 268px;*/
	width: 228px;
	padding: 0 8px;
	float: left;
}

.frame-content {
	display: block;
	margin: 2% 6%;
}

.frame-content iframe {
	position: absolute;
	height: 12000px;
	width: 800px;
}

.frame-content h1, .frame-content h2, .frame-content h3, .frame-content h4 {
	line-height: 1.15em;
}

.frame-content h2 {
	color: #3869a0;
	font-size: 1.2em;
}

.frame-content h3 {
	font-style: italic;
	font-size: 1.1em;
}

.table-container {
	margin: 4%;
	padding: 2%;
}

.table-container table > tbody > tr > td {
	
	border-bottom: 1px solid;
	padding: 6px;
	vertical-align: top;
}

#logo{
	margin: 0px;
	float: left;
	width: 320px;
	height: 100px;
	display: block;
}

.flex li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 700px;
	margin-bottom: 20px;
}

.flex > li > label {
	/*flex-grow: 1;*/
	font-weight: bold;
	flex-shrink: 0;
	/*flex-basis: 100px;*/
	width: 100%;
	max-width: 100%;
	padding-top: 16px 6px 6px 6px;
}

.flex > li > label + * {
	flex-grow: 1;
	flex-shrink: 0;
	/*flex-basis: 200px;*/
}

.flex li button {
	margin: auto;
	padding: 22px 46px;
}

.flex li div {
	padding-top: 12px;
	float: right;
}

/*
.flex input[type="text"], .flex textarea {
	width: 90%;
}
*/

.flex .question-input {
	display: block;
}

#contact-form label {
    display: block;
    font-weight: 300;
	padding: 10px 0 5px 0;
	
}

.question-label {
	display: inline-block;
}

.question-label ul {
	width: 100%;
	max-width: 100%;
	display: flex;
}

.question-top {
	border-top: 1px solid #c6c6c6;
	margin-top: 60px;
}

#like, #dislike, #comment {
	height: 30px;
	width: 29px;
}

#like:hover, #dislike:hover, #comment:hover {
	cursor: pointer;
}

.emoticon {
	display: block;
	margin-top: 16px;
}

.emoticon div {
	float: left;
	margin-left: 6px;
}

.emoticon-text {
	margin-top: 8px;
	font-size: 1.2em;
	color: #6d6d6d;
}


a.btn:hover, a.btn:focus, a.btn:active {
	background: #1f3954;
	cursor: pointer;
}
a.btn, input.btn {
    display: inline-block;
	padding: 10px 30px;
	margin: 10px;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 2px;
    background: #38a7c2;
	color: #fff;
	border: 0px;
}

.notify .btn {
	font-size: .8em;
}

#menu-icon {
	display: hidden;
	width: 43px;
	height: 25px;
	background: url(../images/icon_menu.png) center;
}

a:hover#menu-icon {
	background-color: #444;
	border-radius: 1px 1px 0 0;
}


li {
	padding: 0 10px 10px 10px;
}

.current {
	color: #2262AD;
}

.section {
	margin: 40px auto 40px;
	max-width: 980px;
	position: relative;
}

.chart-content {
	border: 1px solid;
	width: 80%;
	margin: 6%;
}

h1 {
	font-size: 1.4em;
	color: #1f3854;
	line-height: 1.15em;
	margin: 20px 0 ;
}

h2, h3, h4 {
	margin: 0 0 5px 0;
}

#content h1 {
	border-top: 1px solid #c6c6c6;
}

.article-subheading {
	color: #aeaeae;
	text-transform: uppercase;
	font-family: sans-serif;
	font-size: .95em;
	margin-bottom: 6px;
}

.article-href a {
	color: #006fc1;
}

.article-href a:hover {
	text-decoration: none;
	border-bottom: 0;
	color: #78909c;
}

.article-text {
	letter-spacing: .02em;
	line-height: 1.18em;
}

.banner {
	margin: 2% 0 0 6%;
}

p {
	line-height: 1.45em;
	margin-bottom: 20px;
}

.notify {
	color: #006ec0;
	font-weight: bold;
	font-size: 1.4em;
}

.notify-warn {
	color: rgb(255,0,0);
	font-size: 1.4em;
}

.clear {
	clear: both;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: rgb(0,0,255);
  font-size: 20px;
  font-weight: bold;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* End slideshow */

/*MEDIA QUERY*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.flex > li > label {
	   width: 100%;
	   padding: 16px 6px 6px 6px;
	}
 }

@media screen and (max-width: 1199px) {
	#container { min-width: 100%; width: 100%; max-width: 100%; }	
	#masthead { width: 100%; }
	#masthead #navigation { width: 40%; }
	#masthead #utility-nav { width: 20%; }
	#content { width: 100%; }
	object { max-width: 100%; }	
}

@media screen and (max-width: 936px) {
	#masthead #navigation {
		margin-left: 8%;
		font-size: .9em;
	}
}

@media screen and (max-width: 928px) {
	#masthead #navigation li {
		padding: 10px;
	}
}


@media screen and (max-width: 900px) {
	#masthead #navigation {
		margin-top: 4%;
	}

	#masthead #navigation ul li {
		padding: 4px;
	}

	.frame-content iframe {width: 760px;}
}

@media screen and (max-width: 872px) {
	.frame-content iframe {width: 700px;}
}

@media screen and (max-width: 850px) {
	#content .input {
		height: auto;
	}

	.question-label ul li {
		font-size: .96em;
	}
}

@media screen and (max-width: 840px) {
	.question-label ul li {
		font-size: .9em;
	}
}

@media screen and (max-width: 798px) {
	#masthead #navigation {
		margin-left: 4%;
		font-size: .86em;
	}
	
	.question-label ul li, #masthead #navigation {
		font-size: .86em;
	}

	.frame-content iframe {width: 700px;}
}

@media screen and (max-width: 776px) {
	#masthead #navigation ul li {
		display: block;
	}
	
	.question-label ul li {
		font-size: .8em;
	}
}

@media screen and (max-width: 764px) {
	.frame-content iframe {width: 600px;}
}

@media screen and (max-width: 756px) {
	.question-label ul li {
		font-size: .76em;
	}
}

@media screen and (max-width: 734px) {
	.question-label ul li {
		padding: 6px;
	}

	li {
		padding: 6px;
	}
	
	#masthead #logo img {
		height: 100px;
	}
}


@media screen and (max-width: 870px) {
	#masthead #navigation { margin-right: 6px; }
	#masthead #navigation {
		margin: 4% 0 0 0;
	}

	#masthead #navigation ul li {
		padding-left: 2%;
	}
}

@media screen and (max-width: 748px) {
	#masthead #navigation { margin: 6% 0 0 0; }
}

@media screen and (max-width: 760px) {
	.banner {margin: 10px;}

	#masthead #navigation ul { padding-left: 0; }

	img {
		width: auto;
		height: auto;
	}
}

@media screen and (max-width: 716px) {
	
	.header img {
		width: 300px;
	}

	#logo { width: auto; height: auto; margin: 10px; }
		
	#nav { font-size: 1.4em; }
	#nav li { padding: 0; }

	#masthead #utility-nav, #masthead #navigation { display: none; }

	/* Responsive Navigation */
	.menu {
		display: block;
		font-size: 1.35em;
		text-align: right;
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.flex > li > label + * {
		/*flex-basis: 300px;*/
	}
}

@media screen and (max-width: 668px) {
	.frame-content iframe {width: 560px;}
}

@media only screen and (max-width: 682px) {
	#content .input, .flex > li > label {
		font-size: .9em;
	}

	.question-label ul li {
		display: flex;
	}

}

@media only screen and (max-width : 646px) {
	header {
		position: inherit;
	}
}

@media screen and (max-width: 668px) {
	.frame-content iframe {width: 500px;}
	body {
		font-size: 96%;
	}

	
	#content .section { margin: 0; padding: 0 0 60px 0; }

}

@media screen and (max-width: 600px) {
	#sidebar { width: 90%; float: none; margin: 0 5% 5% 5%; }
	#sidebar li { padding: 7px 20px; }
	#main.three-fourths-column { padding: 20px 8%; width: 84%; }
	.three-fourths-column {
		width: 90%;
		float: none;
		padding: 0 5%;
	}

	#sidebar {display: none;}


}

@media screen and (max-width: 574px) {
	#masthead #logo img {
		height: 70px;
		width: 200px;
	}
}

@media screen and (max-width: 558px) {
	.frame-content iframe {width: 480px;}
}

@media screen and (max-width: 520px) {
	.frame-content iframe {width: 460px;}
	body {
		font-size: 94%;
	}
}

@media screen and (max-width: 504px) {
	.frame-content iframe {width: 400px;}
}


@media screen and (max-width: 498px) {
	.header img {
		width: 260px;
	}
}


@media screen and (max-width: 472px) {
	body {
		font-size: 90%;
	}

	#nav {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 456px) {
	
	#masthead #logo img {
		height: 60px;
		width: 180px;
	}
}

@media screen and (max-width: 444px) {
	.frame-content iframe {width: 300px; height: 3000px;}
}


@media screen and (max-width: 394px) {
	.flex input[type="text"], .flex textarea {
		width: 80%;
	}

	/*
	#main.three-fourths-column {
		padding: 0;
		width: 100%;
	}
	*/

	#content .section {
		margin: auto;
		
	}

}

@media screen and (max-width: 380px) {
	body {
		font-size: 80%;
	}

}