/* ============================================================================================== */
/* PRIMARY CSS / affects all viewports 920px or wider =========================================== */
/* ============================================================================================== */


/* IMPORT FONTS ================================================================================= */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 5, 2016 ---------------- */


@font-face {
	font-family: 'PTSans';
	src: url('../fonts/pts55f-webfont.woff2') format('woff2'), url('../fonts/pts55f-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'PTSans_Italic';
	src: url('../fonts/pts56f-webfont.woff2') format('woff2'), url('../fonts/pts56f-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
    font-family: 'PTSans_Bold';
	src: url('../fonts/pts75f-webfont.woff2') format('woff2'), url('../fonts/pts75f-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'PTSans_Bold_Italic';
	src: url('../fonts/pts76f-webfont.woff2') format('woff2'), url('../fonts/pts76f-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'CreteRound_Italic';
	src: url('../fonts/creteround-italic-webfont.woff2') format('woff2'), url('../fonts/creteround-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}


/* HTML5 DISPLAY DEFINITIONS ==================================================================== */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
	}

div, figure {
	margin: 0;
	padding: 0;
	}

audio,
canvas,
video {
	display: inline-block;
	}

audio:not([controls]) {
	display: none;
	height: 0;
	}

[hidden] {
	display: none;
	}


/* BASIC PAGE SETUP ============================================================================= */


html {
	font-size: 1.125em;
	-webkit-text-size-adjust: 1.125em;
	-ms-text-size-adjust: 1.125em;
	line-height: 1.333em;
	}

html,
button,
input,
select,
textarea {
	font-family: 'PTSans', helvetica, arial, sans-serif; 
	}

body {
	background: #fff;
	color: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'PTSans', helvetica, arial, sans-serif; 
	text-align: left;
	}


/* FLOATS & CLEAR FIX --------------------------------------------------------------------------- */


.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.clearfix:after {
	content: "";
	display: table;
	clear: both;
	}


/* LINKS ======================================================================================== */


a { 
	color: #333;
	text-decoration: underline;
	}

a:focus { 
	outline: thin dotted; 
	color: rgb(15,57,99);
	}

a:hover,
a:active {
	outline: 0;
	color: #0f3963;
	text-decoration: none;
	}

a:visited { 
	color: #333;
	}


/* TYPOGRAPHY =================================================================================== */


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

h1 {
	font-family: 'CreteRound_Italic', helvetica, arial, sans-serif; 
	font-size: 2.444em;
	line-height: 1.091em;
	margin: 0 0 0.545em 0;
	}

h2, h3 {
	font-family: 'CreteRound_Italic', helvetica, arial, sans-serif; 
	font-size: 1.778em;
	line-height: 1.125em;
	margin: 0 0 0.75em 0;
	}

h4, h5 {
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-size: 1.125em;
	line-height: 1.125em;
	margin: 0;
	text-transform: uppercase;
	}

h4 {
	margin: 0 0 0.75em 0;
	}

h6 {
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-size: 1.125em;
	line-height: 1.125em;
	margin: 0;
	}

abbr[title] {
	border-bottom: 1px dotted;
	}

b,
strong {
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	}

i,
em {
	font-family: 'PTSans_Italic', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	}

b i, b em, strong i, strong em, i b, i strong, em b, em strong {
	font-family: 'PTSans_Bold_Italic', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	}

dfn {
	font-family: 'PTSans_Italic', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	}

mark {
	background: #ff0;
	color: #000;
	}

p,
pre {
	line-height: 1.333em;
	margin: 0 0 1.333em 0;
	}

p.footnote {
	font-size: 0.778em;
	}

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1.125em;
	}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	}

q {
	quotes: none;
	}

q:before,
q:after {
	content: '';
	content: none;
	}

small {
	font-size: 75%;
	}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}


/* BLOCKQUOTES & FIGURES ======================================================================== */


blockquote {
	font-family: 'CreteRound_Italic', helvetica, arial, sans-serif; 
	font-size: 1.556em;
	line-height: 1.357em;
	font-weight: normal;
	color: #a91116;
	margin: 0 75px;
	padding: 0;
	text-align: center;
	}

div.sidebarL blockquote, 
div.sidebarR blockquote {
	text-align: right;
	margin: 0;
	}

div.columnIntro blockquote {
	margin: 0;
	}

figure { margin: 0; }

figure.quote figcaption {
	font-size: 0.778em;
	line-height: 1.286em;
	margin-top: 1em;
	text-align: right;
	}

figure.quote figcaption:before {
    content: "\2014";
	}


/* LISTS ======================================================================================== */


dl,
menu,
ol,
ul {
	margin: 0 0 1.333em 0;
	padding: 0;
	}

dd {
	margin: 0 0 0 1em;
	padding: 0;
	}

/* Addresses paddings set differently in IE6/7 */

menu,
ol,
ul {
	padding: 0 0 0 1em;
	}

/* Corrects list images handled incorrectly in IE7 */

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
	}


/* IMAGES & EMBEDDED CONTENT ==================================================================== */


img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
	}

svg:not(:root) {
	overflow: hidden;
	}


/* FORMS ======================================================================================== */


form {
	margin: 0;
	padding: 0;
	}

fieldset {
	border: 1px solid #ccc;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	}

button,
search,
input,
select,
textarea {
	font-size: 100%;
	margin: 0 0 1.333em 0;
	vertical-align: baseline;
	border-radius: 0;
	border: 1px solid #ccc;
	}

button,
input {
	line-height: normal;
	}

textarea, 
input[type="email"],
input[type="text"] {
	width: 100%;
	box-sizing: border-box; 
	padding: 0.722em;
	}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	padding: 1em;
	font-size: 0.778em;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	border: 0;
	background-color: #0f3963;
	color: #fff;
	width: 205px;
	}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #333;
	}

button[disabled],
input[disabled] {
	cursor: default;
	color: #ccc;
	}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	}

input[type="email"],
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
	}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: none;
	display: block;
	}

label {
	font-weight: normal;
	color: #333;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	}


/* TABLES ======================================================================================= */


table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.333em 0;
	width: 100%; 
	}


/* HORIZONTAL RULES ============================================================================= */


hr { 
	display : block; 
	margin: 0 0 40px 0;
	padding : 0;
	height : 1px; 
	border : 0; 
	border-top : 1px dotted #ccc;
	}


/* OUTER WRAPPERS =============================================================================== */


.wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	}

/* Light Colors */
.white { background-color: #fff; }
.green { background-color: #92d437; }
.dustyBlue { background-color: #acc4fe; }
.yellow { background-color: #ffe19b; }
.orange { background-color: #ffba57; }
.teal { background-color: #66dee0; }
.lightGrey { background-color: #e2e2e2; }

.white, .green, .dustyBlue, .yellow, .orange, .teal, .lightGrey { color: #333; }

/* Dark Colors */
.grey { background-color: #333; }
.blue { background-color: #0f3963; }
.purple { background-color: #6e467c; }
.red { background-color: #a91116; }
.emerald { background-color: #085d5c; }
.rust { background-color: #8e3a20; }

.grey, .blue, .purple, .red, .emerald, .rust { color: #fff; }
.grey a, .blue a, .purple a, .red a, .emerald a, .rust a { color: #fff; }


/* FLOATING CONTENT WRAPPERS -------------------------------------------------------------------- */


.container {
	background-color: transparent;
	width: 880px;
	margin: 0 auto;
	padding: 0;
	}


/* HEADER ======================================================================================= */
/* TOP NAVIGATION ------------------------------------------------------------------------------- */


#skipNav {
	display: none;
	}

#mainNav {
	margin: 0;
	padding: 0;
	float: left;
	}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 6px 0;
	}

#mainNav li {
	list-style: none;
	margin-right: 20px;
	float: left;
	}

#mainNav li:last-child {
	margin-right: 0;
	}

#mainNav li a {
	display: block;
	height: 38px;
	font-size: 0.778em;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 3em;
	}

#mainNav li a.navOn {
	color: #92d437;
	}

#mainNav li a:hover {
	text-decoration: underline;
	}


/* Search Function */

#search {
	float: right;
	width: 205px;
	margin: 6px 0;
	border-bottom: 1px dotted #879cb1;
	color: #fff;
	}

#search label {
	display: none;
	}

#search input[type="search"] {
	height: 38px;
	width: 169px;
	font-size: 0.778em;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background-color: #0f3963;
	}

#search input[type="submit"] {
	height: 38px;
	width: 36px;
	margin: 0;
	padding: 0;
	float: right;
	background: #0f3963 url(../images/icon_search.svg) 0 0 no-repeat;
	text-indent: -99999px;
	}

#search input[type="submit"]:hover {
	background-color: #92d437;
	}


/* PORTAL NAVIGATION & LOGO --------------------------------------------------------------------- */


#logo {
	display: block;
	width: 280px;
	height: 150px;
	text-indent: -99999px;
	padding: 0;
	margin: 0;
	float: left;
	}

#logo a {
	background: transparent url(../images/logo.svg) 0 0 no-repeat;
	display: block;
	width: 280px;
	height: 150px;
	padding: 0;
	margin: 0;
	}

#logo a:focus {
	outline: none; 
	}

#portals {
	width: 505px;
	height: 150px;
	margin: 0;
	float: right;
	}

#portals ul {
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
	float: left;
	}

#portals ul li {
	list-style: none;
	margin-right: 20px;
	height: 110px;
	float: left;
	position: relative;
	}

#portals ul li:last-child {
	margin-right: 0;
	}

#portals ul li a {
	display: block;
	width: 100px;
	height: 44px;
	padding: 36px 0 0 50px;
	font-size: 0.667em;
	font-family: 'PTSans', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.25em;
	background-color: white;
	}

#portals ul li a strong {
	display: block;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif;
	font-size: 1.5em;
	text-transform: none;
	}

#portals ul li a:hover {
	text-decoration: underline;
	}

#forStudents a {
	background-color: transparent;
	background-image: url(../images/icon_portal_students.svg);
	background-position: 0 27px;
	background-repeat: no-repeat;
	background-size: 38px 40px;
	}

#forEducators a {
	background-color: transparent;
	background-image: url(../images/icon_portal_educators.svg);
	background-position: 0 22px;
	background-repeat: no-repeat;
	background-size: 43px 43px;
	}

#forIndustry a {
	background-color: transparent;
	background-image: url(../images/icon_portal_industry.svg);
	background-position: 0 27px;
	background-repeat: no-repeat;
	background-size: 43px 38px;
	}

#pointer_students, 
#pointer_k12, 
#pointer_college, 
#pointer_industry {
	width: 0; 
	height: 0; 
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-bottom: 22px solid #ccc;
	position: absolute;
	bottom: 0;
	left: 26px;
	}

#pointer_students { border-bottom-color: #ffba57; }
#pointer_k12 { border-bottom-color: #66dee0; }
#pointer_college { border-bottom-color: #acc4fe; }
#pointer_industry { border-bottom-color: #92d437; }


/* MAIN CONTENT ================================================================================= */


.padTop60 { padding-top: 60px; }
.padBottom60 { padding-bottom: 60px; }

#leadIn { border-top: 1px solid #ccc; }

#leadIn.white { border-top-color: #ccc; }
#leadIn.green { border-top-color: #92d437; }
#leadIn.dustyBlue { border-top-color: #acc4fe; }
#leadIn.yellow { border-top-color: #ffe19b; }
#leadIn.orange { border-top-color: #ffba57; }
#leadIn.teal { border-top-color: #66dee0; }
#leadIn.grey { border-top-color: #333; }
#leadIn.blue { border-top-color: #0f3963; }
#leadIn.purple { border-top-color: #6e467c; }
#leadIn.red { border-top-color: #a91116; }
#leadIn.emerald { border-top-color: #085d5c; }
#leadIn.rust { border-top-color: #8e3a20; }
#leadIn.lightGrey { border-top-color: #e2e2e2; }


/* COLUMN SETUP --------------------------------------------------------------------------------- */


.columnR {
	width: 580px;
	float: right;
	}

.columnL {
	width: 580px;
	float: left;
	}

.sidebarR {
	width: 205px;
	float: right;
	}

.sidebarL {
	width: 205px;
	float: left;
	}

.columnIntro {
	width: 580px;
	margin: 0 auto;
 	}

.columnFull {
	width: 880px;
	}


/* BREADCRUMBS ---------------------------------------------------------------------------------- */


#breadcrumbs {
	font-size: 0.667em;
	text-transform: uppercase;
	margin: 0.5em 0 0.5em 0;
	list-style: none;
	padding: 0;
	}

#breadcrumbs li {
	list-style: none;
	float: left;
	background-color: transparent;
	background-image: url(../images/icon_breadcrumb.svg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 20px 10px;
	padding-right: 20px;
	}


#breadcrumbs li:last-child {
	padding-right: 0;
	background-image: none;
	}


/* SECONDARY NAVIGATION ------------------------------------------------------------------------- */


#subNav_label {
	font-size: 0.667em;
	text-transform: uppercase;
	text-decoration: none;
	}

#subNav_label:hover {
	cursor: default;
	}

#subNav_list {
	list-style: none;
	margin: 0.25em 0 0 0;
	padding: 0;
	font-size: 0.778em;
	line-height: 1.25em;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	border-top: 1px dotted #ccc;
	}

#subNav_list li {
	list-style: none;
	margin: 0;
	padding: 0.75em 0;
	border-bottom: 1px dotted #ccc;
	}

#subNav_list li a {
	text-decoration: none;
	}

#subNav_list li a:hover {
	text-decoration: underline;
	}

#subNav_list li a.locked {
	background-image: url(../images/icon_locked.svg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 8px 10px;
	padding-right: 13px;
	}






#subNav_list ul {
	margin: 0;
	padding: 0 0 0 1.286em;
	font-family: 'PTSans', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	border-top: none;
	display: block;
	}

#subNav_list li li {
	padding: 0.25em 0;
	border-bottom: none;
	}

/* Alter Subnav if in a colored wrapper */

.green #subNav_list, 
.dustyBlue #subNav_list, 
.yellow #subNav_list, 
.orange #subNav_list, 
.teal #subNav_list, 
.grey #subNav_list, 
.blue #subNav_list, 
.purple #subNav_list, 
.red #subNav_list, 
.emerald #subNav_list, 
.rust #subNav_list { 
	border-top-color: #fff;
	}

.green #subNav_list li, 
.dustyBlue #subNav_list li, 
.yellow #subNav_list li, 
.orange #subNav_list li, 
.teal #subNav_list li, 
.grey #subNav_list li, 
.blue #subNav_list li, 
.purple #subNav_list li, 
.red #subNav_list li, 
.emerald #subNav_list li, 
.rust #subNav_list li { 
	border-bottom-color: #fff; 
	}


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


#footer.container {
	padding-top: 60px;
	padding-bottom: 40px;
	}

#socialMedia {
	width: 430px;
	float: left;
	}

#socialMedia ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#socialMedia li {
	list-style: none;
	margin-right: 10px;
	float: left;
	}

#socialMedia li:last-child {
	margin-right: 0;
	}

a#facebook, 
a#twitter, 
a#instagram, 
a#youtube, 
a#linkedin {
	display: block;
	width: 65px;
	height: 65px;
	background-color: #4c4c4c;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #4c4c4c;
	text-indent: -99999px;
	}

a#facebook { 
	background-image: url(../images/social/facebook.svg); 
	background-size: 16px 30px;
	}

a#twitter { 
	background-image: url(../images/social/twitter.svg); 
	background-size: 30px 25px;
	}

a#instagram { 
	background-image: url(../images/social/instagram.svg); 
	background-size: 31px 31px;
	}

a#youtube { 
	background-image: url(../images/social/youtube.svg); 
	background-size: 37px 27px;
	}

a#linkedin { 
	background-image: url(../images/social/linkedin.svg); 
	background-size: 26px 24px;
	}

a#facebook:hover, 
a#twitter:hover, 
a#instagram:hover, 
a#youtube:hover, 
a#linkedin:hover {
	background-color: #92d437;
	}

#contact {
	width: 430px;
	font-size: 0.778em;
	float: right;
	}

#addressHealthforce {
	width: 205px;
	padding-bottom: 10px;
	float: right;
	}

#addressMNState {
	width: 205px;
	padding-bottom: 10px;
	float: left;
	}

#disclaimer {
	border-top: 1px dotted #4c4c4c;
	padding-top: 30px;
	}


/* INTRO BANNER ================================================================================= */


#banner1, #banner2, #banner3, #banner4, #banner5, #banner6, #banner7, #banner8, #banner9 {
	position: relative;
	width: 100%;
	height: 360px;
	}

#bannerHeadline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	z-index: 150;
	background-color: transparent;
	}

#bannerContent {
	width: 880px;
	margin: 0 auto;
	padding: 0;
	padding: 60px 0;
	background-color: transparent;
	}

#banner1 #bannerContent, 
#banner4 #bannerContent, 
#banner5 #bannerContent, 
#banner6 #bannerContent, 
#banner9 #bannerContent { text-align: left; }

#banner2 #bannerContent, 
#banner3 #bannerContent, 
#banner7 #bannerContent, 
#banner8 #bannerContent { text-align: right; }

#bannerContent h1 {
	width: 580px;
	}

#bannerContent h4 {
	width: 580px;
	}

#banner2 #bannerContent h1, 
#banner2 #bannerContent h4, 
#banner3 #bannerContent h1, 
#banner3 #bannerContent h4, 
#banner7 #bannerContent h1, 
#banner7 #bannerContent h4, 
#banner8 #bannerContent h1, 
#banner8 #bannerContent h4 { float: right; }

#banner1 #bannerContent h1 { color: #ffba57 }
#banner1 #bannerContent h4 { color: #fff }
#banner2 #bannerContent h1 { color: #6e467c }
#banner2 #bannerContent h4 { color: #333 }
#banner3 #bannerContent h1 { color: #ffba57 }
#banner3 #bannerContent h4 { color: #fff }
#banner4 #bannerContent h1 { color: #ffba57 }
#banner4 #bannerContent h4 { color: #fff }
#banner5 #bannerContent h1 { color: #ffba57 }
#banner5 #bannerContent h4 { color: #fff }
#banner6 #bannerContent h1 { color: #ffba57 }
#banner6 #bannerContent h4 { color: #fff }
#banner7 #bannerContent h1 { color: #6e467c }
#banner7 #bannerContent h4 { color: #333 }
#banner8 #bannerContent h1 { color: #a91116 }
#banner8 #bannerContent h4 { color: #333 }
#banner9 #bannerContent h1 { color: #085d5c }
#banner9 #bannerContent h4 { color: #333 }

#bannerImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	z-index: 100;
	}

#banner1 #bannerImage { background: #2e180c url(../images/banner1.png) top right no-repeat; }
#banner2 #bannerImage { background: #ece6dd url(../images/banner2.png) top left no-repeat; }
#banner3 #bannerImage { background: #434855 url(../images/banner3.png) top left no-repeat; }
#banner4 #bannerImage { background: #3a3629 url(../images/banner4.png) top right no-repeat; }
#banner5 #bannerImage { background: #5f3121 url(../images/banner5.png) top right no-repeat; }
#banner6 #bannerImage { background: #454c5e url(../images/banner6.png) top right no-repeat; }
#banner7 #bannerImage { background: #d8d1c0 url(../images/banner7.png) top left no-repeat; }
#banner8 #bannerImage { background: #eecea8 url(../images/banner8.png) top left no-repeat; }
#banner9 #bannerImage { background: #d9d2c5 url(../images/banner9.png) top right no-repeat; }


/* HOME PAGE SPECIFIC STYLES ==================================================================== */


.homeIntroL {
	width: 560px;
	float: left;
	}

.homeIntroR {
	width: 260px;
	float: right;
	}

.homeIntroR blockquote {
	text-align: left;
	margin: 0;
	}

.homeIntroR figure.quote figcaption {
	text-align: left;
	}

.homeIntroR figure.quote figcaption img { 
	float: left;
	margin-right: 10px;
	}

.homeIntroR figure.quote figcaption:before {
    content: "";
	}


/* TEASER BOXES ================================================================================= */


.teaser {
	float: left;
	position: relative;
	border: 1px dotted #999;
	width: 240px;
	min-height: 320px;
	padding: 19px;
	margin: 0 20px 40px 0;
	font-size: 0.889em;
	line-height: 1.5em;
	}

.teaser:nth-child(3n+3) { margin-right: 0; }

.teaser h6 {
	font-size: 0.75em;
	font-family: 'PTSans', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	width: 50%;
	text-align: center;
	padding: 0 10px;
	top: -7px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	background-color: #fff;
	}

.teaser h2 {
	font-size: 1.125em;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	color: #0f3963;
	text-align: center;
	}

.teaser p {
	margin-bottom: 0;
	padding-bottom: 3.5em;
	}

.teaser img {
	display: block;
	margin-bottom: 1.25em;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 70px;
	height: 70px;
	}

p.teaserButton {
	display: block;
	width: 240px;
	padding: 0;
	position: absolute;
	bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	left: 0;
	right: 0;
	}

p.teaserButton a {
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-size: 0.875em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 240px;
	padding: 0.325em 0;
	margin: 0;
	background-color: #a91116;
	color: #fff;
	}

p.teaserButton a:hover {
	background-color: #333;
	}


/* EMAIL SIGN-UP BAR ============================================================================ */


#emailNewsletter {
	padding: 8px 0;
	}


.signupLabel {
	float: left;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-size: 0.833em;
	line-height: 1em;
	text-transform: uppercase;
	width: 90px;
	margin: 0;
	padding: 14px 20px 0 40px;
	text-align: right;
	color: #fff;
	}

.signupLabel p {
	margin: 0;
	}

.signupButton {
	width: 580px;
	padding: 8px 0;
	margin: 0;
	float: left;
	}

.signupButton a {
	display: block;
	width: 540px;
	height: 52px;
	padding: 0 20px;
	margin: 0;
	font-size: 0.833em;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-size: 0.833em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	line-height: 52px;
	color: #fff;
	background-color: #0f3963;
	}

.signupButton a:hover {
	background-color: #333;
	}


/* CONTACT LIST ================================================================================= */


#contactList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	border-top: 1px dotted #ccc;
	}

#contactList li {
	list-style: none;
	margin-left: 0;
	padding: 0.5em 0;
	border-bottom: 1px dotted #ccc;
	}

.contactName {
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	width: 205px;
	float: left;
	}

.contactInfo {
	width: 355px;
	float: right;
	}

.contactInfo p, 
.contactName p {
	margin-bottom: 0;
	}


/* WEBINAR LISTS ================================================================================ */


.webinarList {
	list-style: none;
	margin-left: 0;
	margin-bottom: 2em;
	padding-left: 0;
	}

.webinarList li {
	list-style: none;
	margin-left: 0;
	padding: 0.5em 0;
	border-bottom: 1px dotted #ccc;
	}

.headerLine {
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	width: 130px;
	float: left;
	}

.contentLine {
	width: 430px;
	float: right;
	}

.headerLine p,
.contentLine p {
	margin-bottom: 0;
	}


/* CAMP & CLASS LISTS =========================================================================== */


.classDetails, 
.campDetails {
	margin-bottom: 1.333em;
	}
	
.classDetails p, 
.campDetails p {
	margin-bottom: 0;
	}
	
.classLine, 
.campLine {
	border-bottom: 1px dotted #ccc;
	padding: 0.25em 0;
	}
	
.classLineHead, 
.campLineHead {
	width: 205px;
	float: left;
	}
	
.classLineContent, 
.campLineContent {
	width: 355px;
	float: right;
	}


/* DOUBLE COLUMN LISTS ========================================================================== */


.doubleColumnList {
	list-style: none;
	margin: 0 0 1.333em 0;
	padding: 0;
	}

.doubleColumnList li {
	list-style: none;
	float: left;
	border-top: 1px dotted #ccc;
	padding: 0.25em 0;
	width: 280px;
	margin-right: 20px;
	}

.doubleColumnList li:nth-child(2n) { margin-right: 0; }


/* SECURE LOGINS ================================================================================ */


.login {
	padding: 40px 75px;
	margin-bottom: 40px;
	background-color: #e2e2e2;
	border: 1px solid #e2e2e2;
	}

.green .login, 
.dustyBlue .login, 
.yellow .login, 
.orange .login, 
.teal .login, 
.lightGrey .login, 
.grey .login, 
.purple .login, 
.red .login, 
.emerald .login, 
.rust .login { border-style: dotted; border-color: #fff; margin-bottom: 0; }

.green .login { background-color: #92d437; }
.dustyBlue .login { background-color: #acc4fe; }
.yellow .login { background-color: #ffe19b; }
.orange .login { background-color: #ffba57; }
.teal .login { background-color: #66dee0; }
.lightGrey .login { background-color: #e2e2e2; }
.grey .login { background-color: #333; }
.purple .login { background-color: #6e467c; }
.red .login { background-color: #a91116; }
.emerald .login { background-color: #085d5c; }
.rust .login { background-color: #8e3a20; }

.loginText {
	font-size: 0.667em;
	text-transform: uppercase;
	text-align: center;
	}

.loginButton {
	width: 100%;
	display: block;
	padding: 1em 0;
	font-size: 0.778em;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border: 0;
	background-color: #0f3963;
	color: #fff;
	}

.loginButton:hover {
	background-color: #333;
	color: #fff;
	}

.loginButton:visited {
	color: #fff;
	}

.green .loginButton:hover, 
.dustyBlue .loginButton:hover, 
.yellow .loginButton:hover, 
.orange .loginButton:hover, 
.teal .loginButton:hover, 
.lightGrey .loginButton:hover, 
.grey .loginButton:hover, 
.purple .loginButton:hover, 
.red .loginButton:hover, 
.emerald .loginButton:hover, 
.rust .loginButton:hover { background-color: #fff; color: #333; }


/* MODAL WINDOWS ================================================================================ */
/*
 * SimpleModal Basic Modal Dialog
 * https://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - https://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   https://www.opensource.org/licenses/mit-license.php
 */


/* Overlay */

#simplemodal-overlay { background-color: #000; }


/* Container */

#simplemodal-container {
	width: 280px; 
	height: 301px; 
	margin: 0;
	padding: 0;
 	background-color: #fff;
 	}


/* EDUCATOR MODAL ------------------------------------------------------------------------------- */


#educatorModal { display: none; }

.educatorButton {
	width: 240px;
	height: 110px;
	margin: 0;
	padding: 20px;
	border-bottom: 1px dotted #fff;
	background-color: #92d437;
	}

.educatorButton:last-child {
	border-bottom: none;
	}

.educatorButton a {
 	background-color: #fff;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 45px 45px;
 	display: block;
	width: 147px;
	height: 82px;
	margin: 0;
	padding: 28px 20px 0 73px;
	font-size: 0.667em;
	font-family: 'PTSans', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.25em;
	}

#educators_k12 { background-image: url(../images/icon_portal_educators_k12.svg); }
#educators_college { background-image: url(../images/icon_portal_educators_college.svg); }

.educatorButton a strong {
	display: block;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	text-transform: none;
	}

.educatorButton a:hover {
	text-decoration: underline;
	}

#simplemodal-container a.modalCloseImg {
	background: url(../images/icon_closeModal.svg) no-repeat; 
	width: 30px; 
	height: 30px; 
	display: inline; 
	z-index: 3200; 
	position: absolute; 
	top: -35px; 
	right: 0; 
	cursor: pointer;
	}


/* CONTACT MODAL -------------------------------------------------------------------------------- */

#contactSucccessModal { display: none; }
#contactErrorModal { display: none; }

#errorContainer, 
#successContainer {
	width: 240px; 
	height: 261px; 
	padding: 20px;
	}

#errorContainer {
	background-color: #a91116;
	}

#errorContainer h2 {
	color: #a91116;
	}

#successContainer {
	background-color: #92d437;
	}

#successContainer h2 {
	color: #085d5c;
	}

#errorContent, 
#successContent {
	width: 200px; 
	height: 221px; 
	padding: 20px;
	background-color: #fff;
	}


/* YOUTUBE VIDEO EMBED ========================================================================== */


.videoOutline {
	border: 1px solid #ccc;
	}

.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	}

.videoContainer iframe, .videoContainer object, .videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/* CONTINUE BUTTON ============================================================================== */


a.continueButton {
	display: block;
	font-family: 'PTSans_Bold', helvetica, arial, sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-size: 0.875em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	width: 280px;
	padding: 0.5em 0;
	margin: 0 auto;
	background-color: #72b532;
	color: #fff;
	}

a.continueButton:hover {
	background-color: #333;
	}