/*
Theme Name: DSR-H Theme 3.2
Description:  Basic Theme for WordPress
Author:  Deb Smith
Author URI:  https://www.iohs.edu
*/

/* MOBILE PORTRAIT 320PX LINE 15+ */
/* MOBILE LANDSCAPE 480PX LINE 1295+ */
/* MOBILE DROID PORTRAIT 540PX LINE 1708+ */
/* MOBILE 667PX LINE 2122+ */
/* TABLET PORTRAIT 768PX LINE 2538+ */
/* MOBILE DROID LANDSCAPE 960PX LINE 3690+ */
/* TABLET 992PX LINE 4833+ */
/* TABLET LANDSCAPE 1024PX LINE 5976+ */
/* PC 1200PX LINE 7120+ */

/* TABLET LINE 1006+ */
/* MOBILE LANDSCAPE LINE 1348+ */
/* MOBILE PORTRAIT LINE 1674+ */
/* ADDITIONAL BLOG STYLES LINE 2004+ */

/* === NOTE: Footer issues on index due to GRAVITY FORMS === */

html {
	background-color: #212E4D;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	min-height: 100%; /* make sure it is at least as tall as the viewport */
	position: relative;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	height: 100%;
	margin: 0;
}
#outer {
	width: 100%;
	min-width: 100%;
	background-color: #FFF;
	display: table;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	table-layout: fixed;
	vertical-align: top;
}
#inner {
	display: table-row;
}
h1 {
	width: 100%;
	min-width: 100%;
		/* === Use bg6-h1-nl.jpg for mobile to 1024 === */
	background: url('https://www.iohs.edu/wp-content/uploads/bg6-h1.jpg');
	background-repeat: no-repeat;
	color: #212E4D;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 0 -20px 0;
	padding: 0 0 15px 45px;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.1em;
}
h3 {
	color: #516A92;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
}
h4 {
	color: #888;
	font-size: 14px;
	font-weight: normal;
	margin-top: 15px;
}
h5 {
	color: #212E4D;
	font-size: 42px;
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 5px 0;
	-webkit-font-smoothing: antialiased;
}
hr {
	border: 1px solid #CCC;
	color: #CCC;
	height: 0;
	margin: 30px 0;
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 100%;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -2;
}
img {
	max-width: auto;
	height: auto;
}
.alignleft, .aligncenter, .alignright {
	border: 0;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.spacer {
	width: 25px;
	height: 25px;
}
a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 100%;
}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a {
	color: #444;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em;
}
a:hover {
	color: #999;
}
a.button {
	background-color: #EFB211;
	border: 1px solid #EFB211;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	color: #004B8E;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 25px !important;
	padding: 7px 15px 10px 15px;
	text-align: center;
	text-decoration: none !important;
}
a.button:hover {
	color: #999;
	text-decoration: none !important;
}
.wp-caption {
	width: auto !important;
	max-width: 96% !important;
	border: 0 solid #FFF;
	color: #666;
	font-size: 0.9em;
	margin: 0;
	padding: 10px;
	text-align: center;
}
blockquote {
	background: #F9F9F9;
	border-left: 10px solid #CCC;
	font-size: 1.1em;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	text-align: left;
}
blockquote:before {
	color: #CCC;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
	display: inline;
	text-align: left;
}

/*========== Mobile First ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 240px) {
.responsive-menuwrapper {
	width: 100% !important;
	min-width: 100% !important;
	background-color: #212E4D;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999999999999999999 !important;
}
.responsive-menuwrapper ul {
	width: 100%;
	margin-top: -3px !important;
}
#pageheader {
	width: 100%;
	min-width: 100%;
	background-color: #212E4D;
	border-bottom: 0 solid #333;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}
.headerinner {
	width: 90%;
	min-width: 90%;
	display: table;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.headerleft, .headerrightmain, .headerright, .headerright2, .hright2text {
	width: 100%;
	min-width: 100%;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.headerleft, .headerrightmain {
	position: relative;
}
.headerleft img {
	width: 25%;
	min-width: 25%;
	height: auto;
}
.headerrightmain {
	margin: 0 0 10px 0;
}
.headerright2 {
	color: #999;
	font-weight: 400;
	line-height: 1.3em;
	margin: -5px 0 0 0;
}
.headerright a, .headerright2 a {
	color: #FFF;
	text-decoration: underline;
}
.headerright a:hover, .headerright2 a:hover {
	color: #999;
	text-decoration: none;
}
/* ================= NAV =================== */

.topmenu {
	width: 100%;
	min-width: 100%;
	color: #999;
	display: table;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 999999999999999999;
}
.topmenu ul {
	display: table;/* only needed if you have not done a CSS reset */
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
.topmenu li {
	border-right: 1px solid #666;
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0 12px 0 0;
	position: relative; /* this is needed in order to position sub menus */
}
.topmenu li a {
	color: #999;
	display: block;
	font-size: 13px;
	font-weight: 500;
	padding: 0 0 0 12px;
	text-decoration: none;
	white-space: nowrap;
}
/* === MENU REVERSED FOR RIGHT ALIGNMENT === */

.topmenu li:first-child {
	border-right: 0 solid #666;
	padding-right: 0 !important;
}
.topmenu .current-menu-item a, .topmenu .current_page_item a, .topmenu a:hover {
	color: #CCC;
}
.portalmenu {
	width: 100%;
	min-width: 100%;
	display: table;
	margin: 0 auto;
	padding: 15px 0 0 0;
	position: relative;
	z-index: 999999999999999999;
}
.portalmenu ul {
	display: table;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;/* only needed if you have not done a CSS reset */
}
.portalmenu li {
	background: #3D5B8A;
	display: inline-block;
	margin: 10px 5px;
	padding: 3px 5px 5px 5px;
	text-align: center;
	position: relative; /* this is needed in order to position sub menus */
}
.portalmenu li a {
	color: #CCC;
	display: block;
	font-size: 13px;
	font-weight: 500;
	padding: 0;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
/* === MENU REVERSED FOR RIGHT ALIGNMENT === */

.portalmenu li:first-child {
	border-right: 0 solid #666;
}
.portalmenu .current-menu-item a, .portalmenu .current_page_item a, .portalmenu a:hover {
	color: #999;
}
.fullmenu, .fullmenu ul {
	display: none;
}
.fullmenu ul {
	z-index: 999999;
}
	
/* ================= MAINBODY =================== */
.inner, .mainbody, .mainbodyall {
	width: 100%;
	min-width: 100%;
	display: table;
	margin: 0 auto;
}
.inner h2 {
	color: #3D5B8A;
}
.mainbody {
	margin-top: 50px !important;
	padding: 0;
}
.mainbodyall {
	margin-top: -10px !important;
	padding: 0 0 25px 0;
	position: relative;
}
/* ====  HOMEPAGE === */
#slider, #hpscroll1main {
	width: 100%;
	min-width: 100%;
	border: 0;
	float: left;
	height: auto;
	min-height: auto;
	padding: 0;
	z-index: 0 !important;
}
#slider {
	position: relative !important;
}
.wonderplugin-container {
	position: absolute !important;
	z-index: 0 !important;
}
#hpscroll1main {
	-webkit-box-shadow: inset 0 35px 35px -14px rgba(0,0,0,0.0);
	-moz-box-shadow: inset 0 35px 35px -14px rgba(0,0,0,0.0);
	box-shadow: inset 0 35px 35px -14px rgba(0,0,0,0.0);
	display: inline-block;
	margin: 0;
	padding: 0 0 60px 0;
}
#hpscroll1main .inner {
	/* == Controls 3 panels and white bg == */
	margin-top: 2% !important;
}
.sectionheader {
	width: 100%;
	min-width: 100%;
	display: table;
	margin: 0 auto;
	margin-top: 0 !important;
}
.sectionheader h2 {
	color: #003366;
	font-size: 36px;
	margin-top: 0 !important;
	text-align: left;
}
.tile {
	width: 90%;
	min-width: 90%;
	background-color: rgb(20,31,51); /* Fallback color */
	background-color: rgba(20,31,51,0.8);
	border: 0 solid #555;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 4px 20px 1px rgba(13,19,33,0.5);
	-moz-box-shadow: 0 4px 20px 1px rgba(13,19,33,0.5);
	box-shadow: 0 4px 20px 1px rgba(13,133,0.5);
	display: inline-block;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 9999999999999999999;
}
.scrollermsg {
	width: 95%;
	min-width: 95%;
	color: #EEE;
	display: table;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.scrollermsg img {
	width: 90%;
	min-width: 90%;
	height: auto;
}
#hpscroll1panel1, #hpscroll1panel2, #hpscroll1panel3 {
	display: table;
	margin: 15px auto;
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
}
.mainbodyh {
	width: 100%;
	min-width: 100%;
	background: rgb(255,255,255); /* Fallback color */
	background: rgba(255,255,255,1.0);
	display: table;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.hpleft, .hpright {
	width: 90%;
	min-width: 90%;
	float: left;
	padding: 0;
	text-align: left;
}
.hpleft {
	margin: -50px 0 0 0;
}
.hpright {
	margin: 0;
}
/* === END HOMEPAGE === */

.maininner {
	width: 85%;
	min-width: 85%;
	color: #444;
	display: table;
	font-size: 1em;
	font-weight: normal;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
	z-index: 1;
}
.maininnerfull {
	width: 100%;
	min-width: 100%;
	display: inline-block;
	margin: 50px 0 0 0;
	position: relative;
}
.fullwidth, .mainbodycarousel, .mainbodygry  {
	width: 100%;
	min-width: 100%;
	display: table;
	margin: 0 auto;
	padding: 0;
}
.fullwidth h3 {
	color: #555;
	font-weight: 400;
	line-height: 1.5em;
}
.mainbodycarousel {
	padding: 0 0 20px 0;
	text-align: center;
}
.mainbodycarousel h3 {
	width: 100%;
	min-width: 100%;
	background-color: #192639;
	color: #FFF;
	padding: 10px 0;
}
.carousel1, .carousel2 {
	width: 100%;
	min-width: 100%;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
.carousel1 img, .carousel2 img {
 	width: 15%;
	min-width: 15%;
	border: 1px solid #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	float: right;
	height: auto;
	margin-left: 10px;
}
.mainbodygry {
	background-color: #EEE;
	border-top: 1px solid #C0C0C0;
	padding: 25px 0;
}
#service_grp1 {
	width: 100%;
	min-width: 100%;
	color: #444;
	display: table;
	font-size: 24px;
	margin: 0 auto;
	text-align: center;
}
#service_grp2, #service_grp3, #service_grp4, #service_grp5 {
	width: 20%;
	min-width: 20%;
	color: #444;
	display: inline-block;
	float: left;
	margin: 0 15px 25px 15px;
}
.mainleft, .mainright {
	width: 100%;
	min-width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.mainright {
	display: inline-block;
	font-weight: normal;
	line-height: 1.5em;
}
.leftcol, .leftcolfull {
	width: 100%;
	min-width: 100%;
	display: inline-block;
	margin: 25px 0 0 0;
	position: relative;
}
.leftcol h1, .leftcolfull h1 {
	font-size: 18px;
	margin: 0 0 15px 0;
	padding: 0 0 24px 45px;
}
.leftcol h2, .leftcolfull h2 {
	width: 99%;
	min-width: 99%;
	background-color: #3D5B8A;
	color: #CCC;
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 5px;
}
/* Class name via Modernizr */
.csstransforms .leftcol {
	border-left: 44px solid #3D5B8A;
	/* Make a little room */
	padding-left: 25px;
}
.csstransforms .leftcol h3 {
	/* Border is the new background */
	background: none;
	/* Abs positioning makes it not take up vert space */
	position: absolute;
	top: 0;
	left: 0;
	/* Rotate from top left corner (not default) */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}
.leftcol ul {
	margin: 0;
}
.leftcol ul li {
	margin: 8px 0;
}
.staffrow, .staffphoto {
	display: inline-block;
	float: left;
	position: relative;
}
.staffrow {
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 10px 0;
}
.staffphoto {
	width: 20%;
	min-width: 20%;
	margin: 0 10px 0 0;
	padding: 0;
}
.staffphoto img {
	width: 70%;
	min-width: 70%;
	height: auto;
}
.staffprofile {
	width: 75%;
	min-width: 75%;
	border-bottom: 1px dotted #C0C0C0;
	display: inline-block;
	float: left;
	margin: -5px 0 0 1%;
	padding: 0 0 10px 0;
	position: relative;
}
.leftcolmail, .midcolmail, .rightcolall, .rightcolh, .rightcolmail {
	width: 90%;
	min-width: 90%;
	display: inline-block;
	float: left;
}
.leftcolmail, .midcolmail, .rightcolmail {
	margin: 30px 0 0 0;
	position: relative;
}
.rightcolall {
	margin: 50px 0 0 0;
	padding: 0;
}
.rightcolimg {
	width: 100%;
	min-width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.colnotes, .rightcolh {
	background-color: #FFF;
	border: 1px solid #C0C0C0;
}
.colnotes {
	width: 87%;
	min-width: 87%;
	display: inline-block;
	float: left;
	margin: 0 0 15px 0;
	padding: 12px 15px 0 15px;
}
.rightcolh {
	margin: 50px 0 0 0;
	padding: 0 0 20px 0;
}
.rightcolh h2, .colnotes h2 {
	width: 100%;
	min-width: 100%;
	background: #3D5B8A;
	border-bottom: 1px solid #404C60;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.2);
	box-shadow: 0 1px 1px 0 rgba(255,255,255,0.2);
	color: #FFF;
	margin: 0 0 -10px 0;
	padding: 15px 0;
	text-align: center;
}
.colnotes h2 {
	margin-bottom: 10px;
}
.hpservices {
	width: 100%;
	min-width: 100%;
	background-color: #7290A9;
	display: inline-block;
	float: left;
	margin: 0 !important;
	padding: 0;
	position: relative;
}
.hpservices-inner {
	width: 90%;
	min-width: 90%;
	color: #333;
	display: table;
	margin: 0 auto;
	padding: 0;
}
.hpservicescol1, .hpservicescol2, .hpservicescol3  {
	width: 90%;
	min-width: 90%;
	display: inline-block;
	float: left;
	padding: 0;
	position: relative;
}
.hpservicescol1 {
	margin: 20px 0;
}
.hpservicescol2 {
	margin: 20px 0 20px 30px;
}
.hpservicescol3 {
	margin: 20px 20px 20px 0;
}
.hpservicescol1 h2, .hpservicescol2 h2, .hpservicescol3 h2 {
	width: 100%;
	color: #333 !important;
	float: left;
	font-size: 18px;
	margin-bottom: 25px;
}
.hpservicescol1 img, .hpservicescol2 img, .hpservicescol3 img {
	width: 15% !important;
	max-width: 15% !important;
	height: auto;
}
.blog-exc {
	width: 95%;
	min-width: 95%;
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
}
.blog-exc h2 {
	width: 95%;
	min-width: 95%;
	background-color: #7290A9;
	color: #FFF;
	font-size: 24px;
	line-height: 1em;
	margin: 0 0 15px 0;
	padding: 5px 15px;
}
.blog-exc img {
	float: right;
	margin: 0 0 15px 15px;
}
/* ================= SIDEBARS =================== */

#sidebar {
	width: 90%;
	min-width: 90%;
	background-color: rgb(255,255,255); /* Fallback color */
	background-color: rgba(255,255,255,1.0);
	border: 1px solid #C0C0C0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
	float: left;
	margin: 30px 0 20px 20px;
	padding: 0;
	visibility: visible;
}
#sidebarimgs {

	width: 25%;
	min-width: 25%;
	float: left;
	margin: 30px 0 20px 20px;
	padding: 0;
}
.rightcol {
	width: 90%;
	min-width: 90%;
	display: inline-block;
	float: left;
	margin: 50px 0 0 0;
	padding: 0 0 15px 0;
}
#sidebar-right {
	width: 100%;
	min-width: 100%;
	color: #444;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#sidebar-b {
	width: 82%;
	min-width: 82%;
	background-color: rgb(255,255,255); /* Fallback color */
	background-color: rgba(255,255,255,0.4);
	border: 1px solid #C0C0C0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #444;
	display: inline-block;
	float: left;
	margin: 50px 10px 0 15px;
	padding: 0 10px 16px 10px;
	text-align: left;
}
#sidebar-b h1, #sidebar-b h2 {
	width: 100%;
	margin: 0 0 0 20px;
	color: #CCC;
	font-size: 16px;
}
#sidebar-b ul {
	list-style-type: none;
	margin: 5px 0 0 5px;
	padding: 0;
}
#sidebar-b ul li {
	background: url('https://www.iohs.edu/wp-content/uploads/bullet_sq-b.png') no-repeat left center;
	background-repeat: no-repeat;
	background-position: 0 .1em;
	display: block;
	list-style: none;
	margin: 6px 10px 5px 0;
	padding: 0 10px 5px 15px;
}
#sidebar-b ul li a {
	color: #444;
	text-decoration: none;
}
#sidebar-b ul li a:hover {
	color: #CCC;
	text-decoration: none;
}
/* === BLOG PAGE INCLUDING POST DATE - AUTHOR ==== */

/* ENTRY CONTENT */
.entry-content, .entry-summary, .entry-meta {
	width: 100%;
	min-width: 100%;
	float: left;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
}
.entry-content {
	color: #444;
	display: inline-block;
	font-weight: normal;
}
#content {
	width: 68%;
	min-width: 68%;
	display: inline-block;
	float: left;
	margin: -10px 0 0 16px;
	padding: 0;
}
/* ========= ADDITIONAL BLOG STYLES ========== */

/* == BLOG EXCERPT == */

footer.entry-meta {
	width: 100%;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
/* == BLOG #footer == */
.iframe, .iframe iframe {
	float: left;
	padding: 0;
	position: relative;
}
.iframe {
	width: 90%;
	min-width: 90%;
	display: inline-block;
	margin: 10px 0 40px 0;
}
.iframe iframe {
	width: 450px;
	border: 1px solid #C0C0C0;
	height: 338px;
	margin: 0;
}
.formbox {
	width: 80%;
	border: 1px solid #C0C0C0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: 25px 0;
	padding: 5px 20px;
	
}
/* ======== FORMS ========== */
body #gform_wrapper_1 .gform_wrapper, body #gform_wrapper_2 .gform_wrapper, body #gform_wrapper_4 .gform_wrapper, body #gform_wrapper_5 .gform_wrapper {
	width: 90%;
	min-width: 90%;
	color: #555;
	display: table;
	font-size: 14px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
body #gform_wrapper_1 .gform_body {
	width: 90%;
	min-width: 90%;
	color: #333;
	display: inline-block;
	float: right;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 10px 0;
	position: relative;
	text-align: left;
}
#field_1_3 .gfield_label {
	display: none;
}
body #gform_wrapper_2 .gform_body, body #gform_wrapper_4 .gform_body, body #gform_wrapper_5 .gform_body {
	width: 100%;
	min-width: 100%;
	color: #333;
	display: table;
	font-size: 1em;
	font-weight: normal;
	margin: 0 auto;
	padding: 20px 0 25px 0;
	position: relative;
	text-align: left;
}
body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li {
	background-image: none!important;
	background: none!important;
	list-style: none!important;
	list-style-image: none!important;
	list-style-type: none!important;
	margin: 0!important;
	padding: 0!important;
}
body .gform_wrapper form .gform_body ul > li:before {
	content: "";
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_label, body #gform_wrapper_4 .gform_body .gform_fields .gfield .gfield_label, body #gform_wrapper_5 .gform_body .gform_fields .gfield .gfield_label {
	color: #555;
	font-size: 1em;
	font-weight: 400;
	margin: 15px 0 0 0;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_5 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_2 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_3 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_4 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_5 .gform_body .gform_fields .gfield textarea {
	width: 90%;
	min-width: 90%;
	border: 1px solid #B1B4C3;
	font-weight: normal;
	text-align: left;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_5 .gform_body .gform_fields .gfield input[type=text] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0 10px 0;
	padding: 8px 4px;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_2 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_3 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_4 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_5 .gform_body .gform_fields .gfield textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 6px;
	color: #555;
	height: 80px!important;
	min-height: 80px;
	margin: 0;
	overflow: hidden;
	padding: 3px 4px;
}
body #gform_wrapper_2 .gf_progressbar_wrapper, body #gform_wrapper_4 .gf_progressbar_wrapper {
	width: 85%;
	color: #333;
	display: inline-block;
	float: left;
	font-weight: 700;
	margin-top: 25px !important;
	text-align: center;
}
body .gform_wrapper_2 .gf_progressbar_wrapper .gf_progressbar, body .gform_wrapper_4 .gf_progressbar_wrapper .gf_progressbar {
	width: 100%;
	border: 1px solid #CCC;
	display: inline-block;
	float: left;
}
body #gform_wrapper_2 .gform_body .gform_page_footer, body #gform_wrapper_4 .gform_body .gform_page_footer, body #gform_wrapper_5 .gform_body .gform_page_footer {
	border-top: 1px solid #C0C0C0;
	margin-top: 30px !important;
}
body #gform_wrapper_5 .gform_body .gform_page_footer {
	width: 80% !important;
	min-width: 80% !important;
}
body #gform_wrapper_1 .gform_page_footer {
	width: 100% !important;
	min-width: 100% !important;
	display: table !important;
	margin: 0 auto !important;
	padding: 0;
	text-align: center !important;
}
input.gform_next_button, input.gform_previous_button {
	background-color: #183247;
	border: 1px solid #999;
	box-shadow: none;
	color: rgba(0,0,0,.7);
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px !important;
	padding: 8px 15px;
	text-shadow: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
body #gform_wrapper_2 .validation_error, body #gform_wrapper_4 .validation_error, body #gform_wrapper_5 .validation_error {
	width: 80%;
	min-width: 80%;
	float: left;
}
.gform_confirmation_message {
	border: 0 solid #999;
	color: #555;
	padding: 30px;
}
body #gform_wrapper_1 .button, body #gform_wrapper_1 .gform_footer input[type=submit], body #gform_wrapper_5 .button, body #gform_wrapper_5 .gform_footer input[type=submit] {
	width: auto !important;
	min-width: auto !important;
	background-color: #183247;
	border: 0;
	color: #FFF;
	display: table !important;
	margin: 0 auto !important;
	padding: 8px 15px;
	text-align: center !important;
}
#quickquote {
	width: 90%;
	min-width: 90%;
	background: #EEE;
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.8);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.8);
	color: #000;
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
	margin-bottom: 25px;
	padding: 0;
	text-align: center;
}
/* ================= FOOTER =================== */
#pagefooter, #footerband {
	width: 100%;
	min-width: 100%;
	color: #CCC;
	display: table;
	margin: 0 auto;
	position: relative;
	vertical-align: bottom;
	z-index: 5;
}
#pagefooter {
	background-color: #0E131E;
	padding: 0 0 30px 0;
	text-align: left;
}
#footerband {
	background-color: #233551;
	border-top: 0 solid #0E131E;
	border-bottom: 1px solid #0E131E;
	font-size: 0.9em;
	padding: 15px 0;
	text-align: center;
	text-indent: 15px;
}
#footerband a {
	color: #CCC;
	text-decoration: underline;
}
#footerband a:hover {
	color: #EEE;
	text-decoration: none;
}
#footer-inner {
	width: 90%;
	min-width: 90%;
	color: #888;
	display: table;
	font-size: 13px;
	margin: 0 auto;
	padding: 30px 0;
}
#footer-left, #footer-middle, #footer-rightone {
	width: 90%;
	min-width: 90%;
	float: left;
	padding: 0;
	text-align: left;
}
#footer-left, #footer-middle {
	line-height: 1.1em;
	margin: 0;
}
#footer-rightone {
	color: #888;
	font-size: 12px;
	line-height: 1.5em;
}
#footer-left h3, #footer-middle h3, #footer-rightone h3 {
	width: 99%;
	min-width: 99%;
	background-color: #333;
	color: #C0C0C0;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 0 4px 5px;
}
#footer-rightone h3 {
	padding: 4px 5px 4px 0;
}
#footer-left a, #footer-middle a, #footer-rightone a {
	color: #888;
	font-size: 12px;
	font-weight: normal !important;
	text-decoration: none;
}
#footer-left a:hover, #footer-middle a:hover, #footer-rightone a:hover {
	color: #999;
	text-decoration: none;
}
#footer-left ul, #footer-middle ul, #footer-rightone ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
#footer-left ul li, #footer-middle ul li, #footer-rightone ul li {
	width: 99%;
	min-width: 99%;
	border-bottom: 1px solid #333;
	display: block;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 5px 2px;
}
#footer-left ul li:last-child, #footer-middle ul li:last-child, #footer-rightone ul li:last-child {
	border-bottom: 0 solid #333;
}
#footer-leveltwo {
	width: 100%;
	background-color: #1B283D;
	color: #888;
	display: table;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footer-leveltwo a {
	color: #888;
	font-size: 13px;
	text-decoration: none;
}
#footer-leveltwo a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer-leveltwo img {
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
	vertical-align: middle;
}
a:focus, .skip-link {
	outline: none;
}

/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	max-width: 950px;
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
}
#ie7 section.featured-post {
	max-width: 850px;
	margin-left: -7.6%;
	margin-right: -7.6%;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}
/* =IE8
----------------------------------------------- */

#ie8 section.feature-image.large img {
	width: 100%;
}
}

/* ============= Small Devices, small tablets ============= */

@media (min-width: 481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.scrollermsg {
	width: 95%;
	min-width: 95%;
	color: #EEE;
	display: table;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.scrollermsg img {
	width: 80%;
	min-width: 80%;
	height: auto;
}
.leftcol h1, .leftcolfull h1 {
	font-size: 18px;
	padding: 8px 0 15px 45px;
}
}

/* ============= Small Devices, Tablets ============= */

@media only screen and (min-width : 768px) {
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin: 0 0 25px 15px;
}
.headerinner {
	width: 80%;
	min-width: 80%;
}
.headerleft {
	margin: 0 0 30px 0;
}
.headerrightmain, .headerright, .headerright2 {
	float: right;
	text-align: right;
}
.headerrightmain {
	width: 77%;
	min-width: 77%;
	margin: 0;
}
.headerright2 {
	margin: 0;
}
.hright2text {
	float: right;
}
/* ================= NAV =================== */
.flexmenu1 {
	display: none;
}
.topmenu, .topmenu ul, .portalmenu, .portalmenu ul {
	display: inline-block;
	float: right;
}
.topmenu, .topmenu ul {
	margin: -10px -5px 10px 0;
}
.topmenu li, .portalmenu li {
	display: block;
	float: right;
}
.portalmenu {
	margin: 0 -10px 0 0;
	padding: 0;
}

/* ================= MAINBODY =================== */
.inner {
	width: 90%;
	min-width: 90%;
}
/* ====  HOMEPAGE === */
#hpscroll1main {
	z-index: 9;
}
#hpscroll1main .inner {
	/* == CONTROLS 3 PANELS & WHITE BG == */
	margin-top: -17% !important;
}
.tile {
	width: 32%;
	min-width: 32%;
}
.scrollermsg {
	font-size: 14px;
}
#hpscroll1panel1, #hpscroll1panel2, #hpscroll1panel3 {
	float: left;
	margin: -15px 0 0 0;
}
.mainbodyh {
	margin-top: -30px !important;
}
.hpleft, .hpright {
	width: 45%;
	min-width: 45%;
	margin: -30px 0 0 0;
}
.hpright {
	float: right;
}
/* === END HOMEPAGE === */

.maininner, .fullwidth, .mainleft, .mainright, .leftcolfull, .rightcolimg {
	width: 90% !important;
	min-width: 90% !important;
}
.leftcol, .leftcolfull {
	width: 65%;
	min-width: 65%;
	float: left;
	margin: 30px 0 0 0;
}
.staffprofile {
	width: 70%;
	min-width: 70%;
	margin: -5px 0 0 15px;
}
.leftcolmail, .midcolmail, .rightcolmail, .hpservicescol1, .hpservicescol2, .hpservicescol3  {
	width: 30%;
	min-width: 30%;
}
.midcolmail {
	margin: 30px 0 0 2%;
}
.rightcolall {
	width: 24%;
	min-width: 24%;
	float: right;
	margin: 40px 0 0 0;
}
.rightcolimg img {
	width: 100%;
	min-width: 100%;
	border: 1px solid #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: auto;
	margin: 0 5%;
}
.rightcolh {
	width: 100%;
	min-width: 100%;
	float: right;
	margin: 5px 0 0 0;
}
.rightcolmail, .hpservicescol3 {
	float: right;
}

/* ================= SIDEBARS =================== */
#sidebar, .rightcol {
	width: 25%;
	min-width: 25%;
}
.rightcol {
	float: right;
}
.iframe {
	width: 100%;
	min-width: 100%;
}
.iframe iframe {
	width: 90%;
	height: auto;
}

/* ================= FOOTER =================== */

#pagefooter {
	padding: 0;
}
#footer-left, #footer-middle, #footer-rightone {
	width: 26%;
	min-width: 26%;
}
#footer-middle {
	margin: 0 11%;
}
#footer-rightone {
	float: right;
	text-align: right;
}
}

@media (min-width: 961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
.responsive-menuwrapper, .responsive-menuwrapper ul {
	display: none;
}
.headerleft {
	width: 20%;
	min-width: 20%;
	margin: 10px 0 0 0;
	text-align: left;
}
.headerleft img {
	width: 100%;
	min-width: 100%;
}
.headerrightmain {
	margin: 0 10px 10px 0;
}

/* ================= NAV =================== */
.topmenu {
	margin: 0 -5px 0 0;
}
/* === MENU REVERSED FOR RIGHT ALIGNMENT === */
.portalmenu {
	margin: 10px -10px 0 0;
}

/* === MENU REVERSED FOR RIGHT ALIGNMENT === */
.fullmenu {
	width: 100%;
	min-width: 100%;
	background-color: #212E4D;
	display: inline-block;
	float: right;
	margin: -10px 0 0 0;
	padding: -1px 0 0 0;
}
.fullmenu ul {
	display: inline-block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 60px 0 0;
	position: relative;
	z-index: 999999;
}
.fullmenu ul li {
	display: block;
	float: left;
	position: relative;	
}
/* This hides the dropdowns, yet displays BOX SHADOW */
.fullmenu li ul {
	display: none;
}
.fullmenu ul li a {
	color: #C0C0C0;
	display: block;
	font-size: 0.8em !important;
	margin: 0;
	padding: 8px 9px 10px 9px;
	text-decoration: none;
	white-space: nowrap;
}
.fullmenu ul li a:hover {
	background-color: #3D5B8A;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	color: #999;
	right: 100%;
}
.fullmenu ul li a.selected, .fullmenu ul:first-child > li.current-menu-item > a, .fullmenu ul:first-child > li.current_page_item > a, .fullmenu #wrap_all .current_page_item > a {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
  	/*background of menu items during onmouseover (hover state)*/
	color: #999;
}
.fullmenu ul li a.selected:hover {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
  	/*background of menu items during onmouseover (hover state)*/
	color: #EEE;
}

/* Display the dropdown */
.fullmenu li ul li a, .fullmenu li ul li ul li a {
	border-bottom: 1px solid #121B28;
	color: #999;
}
.fullmenu li ul li a {
	width: 300px;
	min-width: 300px;
	margin: 0;
	padding-right: 20px;
	text-align: right;
}
.fullmenu li ul li ul li a {
	width: 320px;
	min-width: 320px;
	background-color: #212E4D;
	border-left: 1px solid #121B28;
	padding: 9px 10px 10px 6px;
	text-align: left;
}
.fullmenu li ul li a:hover, .fullmenu li ul li ul li a:hover {
	background-color: #3D5B8A; /*background of menu items during onmouseover (hover state)*/
	color: #CCC;
}
.fullmenu li ul li a:hover {
	-moz-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	margin: 0;
}
.fullmenu li ul li ul li a:hover {
	left: 100%;
}
.fullmenu li:hover > ul, .fullmenu li li:hover > ul {
	background-color: #212E4D;
	-webkit-box-shadow: 0 8px 6px 0 rgba(13,19,33,0.5);
	-moz-box-shadow: 0 8px 6px 0 rgba(13,19,33,0.5);
	box-shadow: 0 8px 6px 0 rgba(13,19,33,0.5);
	display: block; /* show sub menus when hovering over a parent */
	padding: 0;
	position: absolute;
	right: 0;
}
.fullmenu li:hover li, .fullmenu li ul li:hover li {
	border-bottom: 1px solid #2A3E5D;
	border-left: 0 solid #FF6600;
	float: none;
}
.fullmenu li:hover li:last-child {
	border-bottom: 0 solid #2A3E5D;
}
.fullmenu li ul li:hover li {
	margin: -1px 0 0 0;
	padding: 0;
}
/* == CONTROLS TAB HOVER color == */
.fullmenu li:hover a, .fullmenu li li:hover a {
	color: #EEE;
}
.fullmenu li:hover li a:hover, .fullmenu li:hover li a:hover li a:hover {
	color: #999;
}
.fullmenu .main-navigation li ul li, .fullmenu .main-navigation li ul li ul li {
	border-top: 0;
}
/* Displays second level dropdowns to the left of the first level dropdown */

.fullmenu ul ul ul {
	left: 100%;
	top: 0;
}
.fullmenu ul li ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #3F5B88; /*background of menu items during onmouseover (hover state)*/
	color: #FFF;
}
.fullmenu li > a:before {
	content: url('https://www.iohs.edu/wp-content/uploads/arrow-down.png');
	list-style-type: none;
	margin: 1px 2px 0 2px;
}
.fullmenu li > a:only-child:before {
	content: "";
	padding-left: 0;
}
.fullmenu li li > a:before, .fullmenu li li li > a:before {
	content: url('https://www.iohs.edu/wp-content/uploads/arrow-rt.png');
	list-style-type: none;
	position: absolute;
	right: 3px;
}
.fullmenu li li > a:only-child:before, .fullmenu li li li > a:only-child:before {
	content: "";
	list-style-type: none;
}
/* Simple clearfix */
.fullmenu ul:before, .fullmenu ul:after {
	content: ""; /* 1 */
	display: table; /* 2 */
}
.fullmenu ul:after {
	clear: both;
}
.scrollermsg, .scrollermsg img {
	width: 95%;
	min-width: 95%;
}
.scrollermsg {
	color: #EEE;
	display: table;
	font-size: 1em;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.carousel1, .carousel2 {
	width: 45%;
	min-width: 45%;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}
.carousel1 {
	float: left;
}
.carousel2 {
	float: right;
}
.leftcol, .leftcolfull {
	display: inline-block;
	margin: 35px 0 0 0;
	position: relative;
}
.leftcol h1, .leftcolfull h1 {
	margin: 0 0 15px 0;
}
}