@charset "utf-8";
/* CSS Document */


/*---------------------MISC STYLES-------------------*/
body {font-family: arial, helvetica, sans-serif;	color: #000;	font-size: 13px;}
.main-content {	padding: 0;	}
#main-content-full-width {padding-bottom: 0;}
div.social-media {padding-top: 20px; margin-bottom: 20px;}
.clearfloat {clear: both;}

.main-content  #k12-container {width: inherit;	padding: 10px 30px 30px 30px;	background-color: #fbfbfb;}


/*--------------------BANNNER STYLES-----------------*/
#k12-banner { margin-bottom: 15px;}
#k12-banner a img {	border: none;	float: left;}
#k12-banner ul {padding-left: 0;		margin-top: 27px;	float: left;}
#k12-banner ul li {display: inline;	list-style-type: none;}
#k12-banner ul li a {color: #000;	text-transform: normal;font-size: 14.5px;	font-family: Calibri, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;	margin-left: 20px; margin-right: 40px;	margin-top: -25px;}
#k12-banner a:hover {color: #D32600;	background: none;}
#k12-banner ul li a.active {color: #D32600; text-decoration: underline;}


#k12-banner #k12-banner-search { float: left; margin-top: 27px;}
#k12-banner #k12-banner-search form {display: flex;}
#k12-banner form #k12-banner-search-input {width: 132px; border: 1px solid #ccc; padding: 2px 3px;}
#k12-banner form #k12-banner-search-submit {background: #D32600;    border: 1px solid #D32600;    color: #fff;    cursor: pointer;    font-family: Arial,Helvetica,sans-serif;    font-size: 11px;    padding: 3px 2px 1px 2px;}
#k12-banner form #k12-banner-search-submit:hover {background: #367BBA;    border: 1px solid #367BBA;    color: #fff;    }


/*--------------------SLIDESHOW STYLES----------------*/
.slideshow-item{
	overflow: auto;
}
#k12-slideshow #carouselExampleIndicators .carousel-inner {text-align: center;}
#k12-slideshow #carouselExampleIndicators .carousel-inner img { border: none;margin-bottom: 7px;max-width: 100%;display: block;height: auto;margin: 0 auto;border:1px solid #ddd}
#k12-slideshow #carouselExampleIndicators .carousel-control-next-icon {background-image: url(/images/k12/arrows_right.png) !important;margin-right: -100px;}
#k12-slideshow #carouselExampleIndicators .carousel-control-prev-icon {background-image: url(/images/k12/arrows_left.png) !important;margin-left: -100px;}
#k12-slideshow #carouselExampleIndicators .carousel-control-next-icon, #k12-slideshow #carouselExampleIndicators .carousel-control-prev-icon {width:35px; height: 35px;}
#k12-slideshow #carouselExampleIndicators .carousel-indicators {bottom:-30px;}



.main-content #k12-slideshow #slideshow {width: 855px;	height: 360px;	margin: 0 auto;	background-color: #ffffff;	border: 1px solid #ccc;	margin-bottom: 5px;	box-shadow: 3px 3px 5px #EEEEEE;   filter:  progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, direction=135, strength=5);}
.main-content #k12-slideshow .scrollable {float:left;	position:relative;	overflow:hidden;	width: 855px;	height: 360px;}
.main-content #k12-slideshow .scrollable .items {/* this cannot be too large */	width: 20000em;	position: absolute;}
.main-content #k12-slideshow .items div { /* each single slide content */float:left;	width: 855px;	height:inherit;}
.main-content #k12-slideshow .items img {border: none;	margin-bottom: 7px;	width: 855px;	height: 360px;}
.main-content #k12-slideshow .items p {padding-top: 5px;	padding-bottom: 5px;}

.main-content #k12-slideshow #slideshow-nav {margin-bottom: 0px;}
.main-content #k12-slideshow a.browse { /* navigation arrows */	float: left;	position: relative;	margin: 0;	padding: 0;	background:url(/images/layout/arrows.png) no-repeat;	display:block;	width:30px;	height:30px;	float:left;	cursor:pointer;}
.main-content #k12-container #slideshow-nav a.left, 
#k12-container #slideshow-nav a.right {width: 30px;	height: 33px;	margin-top: -210px;}
.main-content #k12-container #slideshow-nav a.left {background: url(/images/k12/arrows_left.png);	background-repeat: no-repeat;	margin-left: -10px;}
.main-content #k12-container #slideshow-nav a.right {background: url(/images/k12/arrows_right.png);	background-repeat: no-repeat;	margin-left: 98%;}
/*a.disabled {visibility:hidden !important;} 	*/


/*--------------------SECTIONS STYLES----------------*/
.main-content .k12-section {width: 195px;	display: inline-block;margin: 40px 15px;text-align: center}
.main-content .k12-section h3 a, 
.main-content .k12-section h3, 
.main-content #k12-container h3 {text-decoration: none;	text-transform: uppercase;	color: #333;	font-size: 16px;	font-weight: bold;}


.main-content #k12-container .page-title {margin-bottom: 20px;border-bottom: 1px solid #ddd;padding: 15px;}
.main-content .k12-section h3 a:hover, 
.main-content .k12-section h3:hover {background: none;	color: #367bba;}
.main-content .k12-section p {line-height: 1.5em;	font-size: 0.934em;}
/*---- section icon images ---*/
.main-content .k12-section a#games-image, 
.main-content .k12-section a#students-image, 
.main-content .k12-section a#teachers-image, 
.main-content .k12-section a#history-image {background: url(/images/k12/k12_section_icons.png) 0 0;	background-repeat: no-repeat;	width: 158px;	height: 158px;	text-indent:-9999px;margin: 10px auto;	display: block;}
.main-content .k12-section a#games-image {background-position: 0 0;}
.main-content .k12-section a#students-image {background-position: -192px 0;}
.main-content .k12-section a#teachers-image {background-position: -384px 0;}
.main-content .k12-section a#history-image {background-position: -577px 0;}
.main-content .k12-section a#games-image:hover {background-position: 0 -186px;}
.main-content .k12-section a#students-image:hover {background-position: -192px -185px;}
.main-content .k12-section a#teachers-image:hover {background-position: -384px -185px;}
.main-content .k12-section a#history-image:hover {background-position: -577px -185px;}


/*--------------- FEATURED OCCUPATIONS STYLES-----------*/
.main-content #ooh-feat-occupation-rand li {display:none;}

.main-content #k12-ooh-profiles {border: 1px solid #ccc;	background: #fff;	padding: 20px;	margin-top:40px;	box-shadow: 3px 3px 5px #EEEEEE; filter:  progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, direction=135, strength=5);	width: 820px;	margin: 0 auto;}
.main-content #k12-ooh-profiles ul {margin: 0;	padding: 0;}
.main-content #k12-ooh-profiles ul li {list-style: none;	width: 640px;	padding-right: 20px;	border-right: 1px dotted #ccc;}
.main-content #k12-ooh-profiles ul li a div {border: 1px solid #ccc;	margin-right: 15px;	float: left;}
.main-content #k12-ooh-profiles h3 {width: 350px;	margin-bottom: 20px;	font-size: 12px;	color: #000;	text-decoration: none;	text-transform: uppercase;	font-weight: bold;}
.main-content #k12-ooh-profiles ul li div.ooh-profile-content {display: block;	width: 350px;}
.main-content #k12-ooh-profiles ul li div.ooh-profile-content p span {font-size: 19px;	width: 350px;	margin-bottom: 10px;}
.main-content #k12-ooh-profiles ul li .ooh-profile-link {position: relative;display: block;}
.main-content #k12-ooh-profiles ul li .ooh-profile-link img {position: absolute;	top: 73px;	height: 50px;	width: 141px;	left:105%;	color: #fff;}
.main-content #k12-ooh-profiles ul li .ooh-profile-link:hover {	background: none;}
.main-content #k12-ooh-profiles ul li div.ooh-profile-content,
.main-content #k12-ooh-profiles ul li a > div,
.main-content #k12-ooh-profiles ul li p span,
.main-content #k12-ooh-profiles h3 {float: left;}

/*--------------- DID YOU KNOW STYLES-----------*/
.main-content #k12-container #factoid-teaser {height: 150px; background-image: url("/k12/images/didyouknow_label.png"); background-repeat: no-repeat; width: 700px; margin: 50px auto;}
.main-content #k12-container #factoid-teaser p {color: #333;font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.3em; font-weight: normal;  margin-left:115px;   width: 528px;padding-top: 25px; margin-bottom: 5px;}	
.main-content #k12-container #factoid-teaser p span.title {text-transform: uppercase; font-weight: bold; color: #333;}
#factoid-teaser a, #product-teaser a { margin-top: 0px;text-decoration: underline; color: #D32600; margin-left: 115px;}
	
	
	
/*--------------------TIMELINE STYLES----------------*/
.main-content #k12-container  #k12-timeline {width: 100%;	margin: 20px auto 0 auto;}
.main-content #k12-container  #k12-timeline #timeline-img {overflow: auto;	width: 100%!important;	min-height: 460px;	margin-top: 20px;}
.main-content #k12-container  #k12-timeline img {border: none;}
.main-content #k12-container  #k12-timeline a {color: #D32600;	line-height: 1.0em;	text-decoration: underline;	margin: 0 10px;}
.main-content #k12-container  #k12-timeline a:hover {color: #D32600;	text-decoration: underline;	margin: 0 10px;}
/*--------tooltips-------*/
.tooltip {display: none;	background:#fff;font-size: 13px;color: #333;line-height: 1.4em;	border: 1px solid #ccc;	border-radius:0px;	width: 240px;	box-shadow: #CCC 2px 2px 6px;}
.tooltip h4 {background: #fff;	color: #000;	font-weight: bold; margin-top: 5px; padding-bottom: 0px;}
.tooltip p {margin-top: 0; }


/*-----------------HISTORY BIOS STYLES---------------*/
#k12-bios-container {width: inherit;	background-color: #fff;	border: 1px solid #ccc;	height: 400px;	margin-top: 60px;	padding: 30px 15px;	box-shadow: 3px 3px 5px #EEEEEE;	filter:  progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5); }
#k12-bios-container a {float:left;	color: #D32600;	font-size: 13px;	text-decoration: underline;	margin-top: -5px;}
#k12-bios-container a:hover {text-decoration: underline;}
/*-------bio slides-----*/
.main-content #k12-bios-container #slideshow {width: inherit;	height: 400px; margin-bottom: 5px;	}
.main-content #k12-bios-container .scrollable {float:left;	position:relative;	overflow:auto;	width: 875px;	height: 390px;}
.main-content #k12-bios-container .scrollable .items {/* this cannot be too large */	width: 20000em;	position: absolute;}
.main-content #k12-bios-container .items div { /* each single slide content */float:left;	width: 875px;	height:inherit;}
.main-content #k12-bios-container .items div p.k12-bio-date, 
.main-content #k12-bios-container .items div p.k12-bio-name {width: 180px!important;}
.main-content #k12-bios-container .items div .k12-bios-left {float: left; width: 180px; margin-top: 10px;}
.main-content #k12-bios-container .items div .k12-bios-left img {width: 150px; border: 1px solid #ccc;}
.main-content #k12-bios-container .items div .k12-bio-text {width: 680px;	height: 390px;	overflow-y: auto;	float: right;	padding-right: 15px;}
.main-content #k12-bios-container .items p {padding-top: 5px;	padding-bottom: 5px;}
.main-content #k12-bios-container .items p.k12-bio-name {font-weight: bold;	font-size: 1em;	margin: 0;}
.main-content #k12-bios-container .items p.k12-bio-date {text-transform: uppercase;	color: #666; padding: 0; font-size: 0.863em;	margin: 0;}

.main-content #k12-bios-container  #k12-bios-nav {color: #595959; font-size: 12px; margin-top: 3px; margin-left: 20px;}
.main-content #k12-bios-container  #k12-bios-nav a {margin: 0 5px;	font-size: 12px; cursor: pointer;}
/*a.disabled {visibility:hidden !important;} 	*/

#k12-bios-nav, #k12-bios-container h3 {border-bottom: medium none;	text-decoration: none;	text-transform: uppercase;	color: #333;	font-size: 16px;	font-weight: bold;	float: left;	margin-right: 10px;	padding: 0;	position: relative;	top: -10px;}
#k12-bios-container h3, #k12-timeline h3 {float: left;	color: #333;	font-size: 16px;	text-decoration: none;	text-transform: uppercase;	font-weight: bold;	border-bottom: none;	padding: 0;	margin: 0 10px 0 0;}
/*----- building pics ----*/
.main-content #k12-container #k12-timeline div.building-photos {width: 230px; border: 2px dotted #ccc; box-shadow: 3px 3px 5px #EEEEEE; padding: 15px; background: #fff; margin-bottom: 25px;}
.main-content #k12-container #k12-timeline div.building-photos img {border: 1px solid #efefef; width:231px; margin-bottom: 10px;}
/*------timeline text-----*/
.main-content #k12-container .bls-history-text {padding-top: 10px; width: 100%;}
.main-content #k12-container .bls-history-text h3 {width: 100%; margin-bottom:6px; float: none;}
.main-content #k12-container .bls-history-text ul li,
.main-content #k12-container .bls-history-text ul {list-style: none!important; list-style-type: none!important;}
.main-content #k12-container #k12-timeline .bls-history-text a {margin:0; color: #333; text-decoration: underline;}
.main-content #k12-container #k12-timeline .bls-history-text a:hover {color: #D32600; text-decoration: underline; background: none;}






/*------------------ GAMES PAGE STYLES---------------*/

.main-content #k12-container .k12-games-section-box  {    
	max-width: 270px;
    border: 1px solid #ccc;
    background: #fff;
   /* margin-bottom: 35px;*/
    min-height: 280;
    display: inline-block;
height: 100%; }

.main-content #k12-container .k12-games-section-box img{width: 270px;}
.main-content #k12-container #k12-games h3 {color: #333; float: left;font-size: 16px; text-decoration: none;    text-transform: uppercase;         font-weight: bold;           border-bottom: none;padding: 0;            margin: 0 10px 0 0;}

.main-content #k12-container .k12-games-section-box  strong {font-weight: bold; font-size: 14px;display: block;padding: 5px 0; white-space: nowrap;text-overflow: ellipsis; overflow: auto;text-align: left;padding:0 5px; line-height: 1.4em;}
.main-content #k12-container .k12-games-section-box  span{/*text-overflow: ellipsis;overflow: auto;height: 60px; */
	display: block;text-align: left;padding:0 5px; line-height: 1.4em;}
.main-content #k12-container #k12-games a {color: #D32600; font-size: 12px; text-decoration: underline;}

.main-content #k12-container .align{text-align: center;}
/*------------------ STUDE.main-content #k12-glossary .k12-glossary-panesNTS PAGE STYLES---------------*/
.main-content #k12-glossary .k12-glossary-panes {border: 1px solid #ccc; background: #fff; overflow-y: auto; height: 370px; padding: 15px; box-shadow: 3px 3px 5px #EEEEEE;margin-top: -4px;position: relative;z-index: 10000;}
.main-content #k12-glossary .tab-content {padding: 20px;}
.main-content #k12-glossary .tab-content dl{padding: 0; margin: 0;}

.main-content #k12-container #CareerExploration {font-family: Arial, Helvetica, sans-serif;background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 3px 3px 5px #EEEEEE; height: auto; padding: 15px 15px 50px 15px; margin-bottom: 40px;}
.main-content #k12-container h4.interestedIn{font-size: 19px; margin-top: 0;padding: 0; color: #000; font-weight: normal;}
.main-content #k12-container .careerCol {margin-left:40px; padding-right:60px; float: left; width: 350px;}
.main-content #k12-container .careerCol span.show_hide img {border: none; width:45px; height:46px; float:left; position:relative; top: 14px; left: 3px; margin-right: 5px;}
.main-content #k12-container .careerCol p.careerList { line-height:1.5em; font-size: 1.15em; margin-bottom: 25px;position:relative;top:25px;margin-left:55px;color:inherit;}
.main-content #k12-container .careerCol .showText, 
.main-content #k12-container .careerCol .showAllText  {color:#992006; font-size: 12px; margin-left:5px; cursor:pointer;}
.main-content #k12-container .careerCol .show_hide:hover{color:#D32600;}
.main-content #k12-container .careerCol .careerNames ul {margin-left: 52px; padding-left: 0; margin-bottom: 8px; margin-top: 5px;}
.main-content #k12-container .careerCol .careerNames ul li {list-style: none; margin: 5px 0 5px 0;}
.main-content #k12-container .careerCol .careerNames ul li a {text-decoration: none; color: #333; font-size: 14px;}
.main-content #k12-container .careerCol .careerNames ul li a:hover { color: #367BBA;  background-color: #fff;}

.main-content #k12-container #tableList {width: 300px; padding: 3px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc;}
.main-content #k12-container #tableList option {padding-bottom: 2px; }
.main-content #k12-container #tables {font-family: Arial, Helvetica, sans-serif; height: auto; width: 100%; margin-bottom: 50px;}
.main-content #k12-container #tables table.regular {width: 100%; border: 1px solid #ccc;}
.main-content #k12-container #tables table.regular caption {color: #000; font-weight: bold; font-weight: 14px; padding-bottom: 10px; }
.main-content #k12-container #tables table.regular thead tr th {vertical-align: top; font-size: 13px; text-align: center; background: #efefef;}
.main-content #k12-container #tables table.regular th,
.main-content #k12-container #tables table.regular td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px; border: 1px solid #ccc;}
.main-content #k12-container #tables table.regular tr td.datacell {text-align: right;}
.main-content #k12-container #tables table.regular tfoot tr td {color: #333; font-size: 11px; padding: 10px 6px; background: #efefef;}

.main-content #k12-glossary {margin: 15px 0;}
.main-content #k12-glossary .k12-glossary-tabs { margin-left: 0; padding-left: 0;border-bottom: none;}
.main-content #k12-glossary .k12-glossary-tabs li{display: inline-block; border: 1px solid #ccc;  background: #fff; padding: 0px;margin:0 3px 0 0; }
.main-content #k12-glossary .k12-glossary-tabs li a{text-decoration: none; color: #000; padding: 7px 10px;display: inline-block;margin-top: -1px;}
.main-content #k12-glossary .k12-glossary-tabs li:hover { background: #367BBA; color: #fff; cursor: pointer;}
.main-content #k12-glossary .k12-glossary-tabs li:hover a, 
.main-content #k12-glossary .k12-glossary-tabs a:hover{text-decoration: none; color: #fff; background: #367BBA;}
.main-content #k12-glossary ul.k12-glossary-tabs li.current {border: 1px solid #ccc;  background: #D32600; color: #fff; }
.main-content #k12-glossary ul.k12-glossary-tabs li.current a {color: #fff; }

.main-content #k12-container #CareerExploration span.show-hide {cursor: pointer;}
.main-content #k12-container #CareerExploration { background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #CCCCCC;    box-shadow: 3px 3px 5px #EEEEEE;    font-family: Arial,Helvetica,sans-serif;    height: auto;    margin-bottom: 40px;    padding: 15px 15px 50px;}
.main-content #k12-container p.small-map-link {margin-left: 230px;}
.main-content #k12-container p.small-map-link img {float: left; border: none;}
.main-content #k12-container  p.small-map-link a {color: #D32600; margin: 20px 0 0 7px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; float: left;}


.main-content #kidsQuiz legend {display: inline-block;width: 100%;}

/*-------unemployment map -------*/
.main-content #k12-container #mapToolTip {width: 240px;	height: 40px;	padding: 10px;	display:none;	background-color:#ffffff;	border:1px #aaa solid;	position:absolute;	top:20px;	left:300px;}
.main-content #k12-container #stateName{margin-bottom: 4px;font-weight:bold;font-size: 16px;	font-family: Arial, Helvetica, sans-serif;}
.main-content #k12-container #unemploymentText{font-size: 13px;	font-family: Arial, Helvetica, sans-serif;}
.main-content #k12-container #mapHolder{position:relative;top:-100px;}
.main-content #k12-container #dataBox{position:relative;top:-280px;	}
.main-content #k12-container #infoText{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#333;font-size:15px;	position: relative;top:60px;left:70px;width:700px;}
.main-content #k12-container #unemploymentLegend{position:absolute;	left: 680px;	top: -10px;}

/*------- video page-------------*/

#main-video{width:calc(100% - 54px); margin: 20px auto;height: auto;display: flex;background-color:#fff; border: 2px dotted #cccccc; box-shadow: 3px 3px 5px #eeeeee; padding: 25px;  float: left;}

#additional-videos{display: flex;flex-wrap: wrap; border: 2px dotted #CCCCCC; background: #fff;box-shadow: 3px 3px 5px #EEEEEE;margin-bottom: 20px;   padding: 20px 0;align-items: flex-end;}
	
#additional-videos .video-item{   
	justify-content: center;
    display: flex;
    width: calc((100% / 3)); margin: 7px 0;}


#main-video  iframe {margin-bottom: 20px; margin-right: 20px; float: left;width:100%;border:0;}
#main-video h4 {margin-bottom: 15px; font-size: 16px;}
#additional-videos .video-item a h4 {margin-bottom: 10px; padding: 0;color: #D32600;max-width: 240px;}


.video-item img {border: 1px solid #efefef; margin-bottom: 5px; width: 240px; height: 153; }
.video-item p {line-height: 135%;}
.video-item a {color: #D32600;display: inline-block; }	
.video-item a h4:hover {color: #000000;}	




/*------------------ TEACHERS PAGE STYLES---------------*/
.classroom-activity-holder .classroom-activity { border: 2px dotted #CCCCCC; background: #fff;  box-shadow: 3px 3px 5px #EEEEEE;  min-height: 300px;   margin: 0 auto 0 auto;  padding: 10px 20px; max-width:290px;}
.classroom-activity-holder .classroom-activity img {border: 1px solid #efefef; width: 240px;margin:0 auto 5px auto;  }
.classroom-activity-holder .classroom-activity p {line-height: 135%;}
.classroom-activity-holder .classroom-activity a {color: #931017;  text-decoration: underline; cursor: pointer;}	
.classroom-activity-holder .classroom-activity a:hover {color: #000000;}	
.classroom-activity-holder .box-content{display:flex;flex-direction: column;text-align: left;}

.classroom-activity-holder .box-content .box-title{font-size: 17px;display:inline-block;padding-bottom: 5px;font-weight: bold;text-align: left;}
.classroom-activity-holder .box-content .description {text-overflow: ellipsis; overflow: auto;min-height: 60px;display: block;}
/*------------------ FAQ PAGE STYLES---------------*/
.main-content #k12-container #k12-faq .answer {	display: all;}
.main-content #k12-container #k12-faq .top {	text-align: right;	font-size: 12px;	width: 90%;}
.main-content #k12-container #k12-faq a {color: #000; text-decoration: none; font-weight: bold;}
.main-content #k12-container #k12-faq a:hover {color: #D32600; background-color: #FBFBFB; text-decoration: underline;}
.main-content #k12-container #k12-faq dd a {text-decoration: underline; color: #003399; font-weight: normal;}

.main-content #k12-container #k12-faq {padding-top: 10px; width: 100%;}
.main-content #k12-container #k12-faq dl {padding: 0; margin: 0;}
.main-content #k12-container #k12-faq dl dd {margin-bottom: 12px;}


.main-content #k12-container  .highlight-box-green a{color:#00458F;  text-decoration: underline;  cursor: pointer;}

.main-content #k12-container a.mapLink {
font-size: 16px;
margin-bottom: 25px;
position: relative;
top: 15px;
margin-left: 55px;
}
.main-content #k12-container a.mapLink:hover{color: #D32600;}
#mapLinks{margin-bottom: 60px;}


.bootstrap .carousel-indicators li{background-color: #ddd !important;}
.bootstrap .carousel-indicators .active{background-color: #666 !important;}

/*-------------Mobile View------------*/

.hide{height:0;width:0;opacity: 0;visibility: hidden;}
.responsiveimg{
  max-width: 100%;
  display: block;
  height: auto;
}
@media (max-width:767px){

	 #k12-container .classroom-activity-holder{padding-left: 0; flex-direction: column;}
	.main-content #k12-container,.main-content #k12-banner ul{display: flex;flex-direction: column;}
	#k12-banner #k12-banner-search{ margin: auto;}
	.main-content #k12-container #factoid-teaser{width:100%;}
	.main-content #k12-container #factoid-teaser p{width:auto;font-size: 90%;padding-top: 18px; margin-left: 110px;max-height: 66px;display: inline-block; overflow: hidden;}
	#factoid-teaser a{margin-left: 110px;}
	.main-content #k12-ooh-profiles {width:auto; margin:0;}
	.main-content #k12-ooh-profiles ul li{width:auto;border-right: none;}
	.main-content #k12-ooh-profiles ul li div.ooh-profile-content, .main-content #k12-ooh-profiles ul li a > div, .main-content #k12-ooh-profiles ul li p span, .main-content #k12-ooh-profiles h3{float: none;}
	.main-content #k12-ooh-profiles ul li div.ooh-profile-content{width:auto;margin-top: 20px;display: block;}
	.main-content #k12-ooh-profiles ul li  .ooh-profile-link{display: inline-block;}
	.main-content #k12-ooh-profiles ul li .ooh-profile-link img {top: 70%;
    height: 44px;
	left: 0;
    background-color: #fff;
    display: inline-block;}
	
	.main-content #k12-ooh-profiles ul li img{display: block;
    height: auto;
    margin: 0 auto;}
	
	#k12-slideshow #carouselExampleIndicators .carousel-control-next-icon, #k12-slideshow #carouselExampleIndicators .carousel-control-prev-icon{width:16px;height: 16px;display: inline-block;}
	
	/*--------------------history section------------------*/
	.main-content #k12-bios-container .items div .k12-bio-text{width:inherit; float: left;}
	.main-content #k12-bios-container .items p {width:75vw;}
	
	/*--------------------history section------------------*/
	
	div.social-media {padding: 10px;}
	

}


@media (max-width:900px){
	
			/*----------------------videos------------------*/
	
	#main-video{ margin: 20px auto;height: auto;flex-direction: column;}
	#additional-videos .video-item{width: calc((100% / 2));}

	/*----------------------videos------------------*/
}

@media (max-width:600px){#additional-videos .video-item{width: 100%;}}


@media (min-width:576px) and (max-width:768px){
	
	.main-content #k12-ooh-profiles ul li .ooh-profile-link img{left:100% ;    top: 73px;}

}


@media (min-width:768px) and (max-width:930px){
	
	.main-content #k12-ooh-profiles ul li {border-right:none;}
	.main-content #k12-ooh-profiles ul li .ooh-profile-link img{left: 0; top: 140px;background-color: #fff;}
	.main-content #k12-ooh-profiles {width:auto;}


}


/*------------ 508------------*/
[class^="col-"], [class*=" col-"] {
  padding-bottom: 15px;
}



.k12-glossary-tabs.nav-tabs .active {background: #D32600 !important;
    color: #fff !important;}

#headerDate{color: #D32600 !important;font-size: 80%;}

/*----------subscribe box----------*/



#k12-container .k12-subscribe-box {border-bottom: none;margin: 0 0 50px 0; padding: 0;text-align: center;}
#k12-container .k12-subscribe-box .sub-inner{display: inline-block;}
#k12-container .k12-subscribe-box form {position: relative;}
#k12-container .k12-subscribe-box form input[type=text]{padding: 7px 100px 7px 12px; border: none;border-radius: 10px;outline: 1px dotted #D32600;color: #666;}
#k12-container .k12-subscribe-box form input[type=submit] {padding:5px;border: none;background-color: #D32600;color: #fff;border-radius: 10px;font-weight: bold;cursor: pointer;letter-spacing: 1px;position: absolute; top:2px; right: 2px;}