/* CSS Document */

header, section, article, nav, footer, aside {
	display:block;
}
.cssTxt	{
	text-indent:-10000px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
 	overflow: hidden;
}
.clear	{
	clear:both;
}
.blockLink	{
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
}
a.blockLink:hover	{
	background-position:left bottom;
}
span.active{
	color: #034ea2;
}
.quicksand{font-family: 'Quicksand', sans-serif;}
.floatLeft{float: left;}
.floatRight{ float: right;}
.autoMargin{margin: auto;}
.center{ text-align: center;}
.rel{position: relative;}
.abs{ position: absolute;}
/*.bold{ font-weight: 700;}*/
.underline{text-decoration: underline;}
.uppercase{text-transform: uppercase;}
.franklin{
	font-family:'Roboto Condensed', 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
}

#stemIdeasWrapper	{
	width:800px;
	font:18px 'Quicksand', sans-serif;
	color:#034ea2;
}
#stemIdeasWrapper img {  border: 0 none;}
#stemIdeasWrapper a	{ outline:none;}
#stemIdeasWrapper nav ul,
#stemIdeasWrapper nav li	{
	margin:0;
	padding:0;
}
#stemIdeasWrapper a.backtohome{
	font-size: 14px;
	color: inherit;
	padding: 10px 0;
}

ul,h4{padding: 0; margin: 0;}
ul{ list-style: none;}
ul.contents{
	width: 480px;
	/*max-width: 600px;*/
	overflow-x: hidden;
	list-style: none;
	border-left: 1px solid #a5a5a5;
	padding: 15px 22px 26px 22px;
}
ul.contents span.uppercase{
	font-weight: bold;
	background: white;
	padding-bottom: 10px;
	color: #282828;
}
ul.contents li{
	position: relative;
	height: 23px;
	padding-top: 6px;
	font-size: 12px;
	background: url('../images/ellipse.png') repeat-x left 18px;
}

ul.contents li span:first-child {
	padding-right: 0.33em;
}
ul.contents span + span {
	float: right;
	padding-left: 0.33em;
	margin-top: -10px;
	background: white;
}
#stemIdeasWrapper nav li	{
	list-style:none;
	display:block;
	float:left;
}

header.mainHead{ border-bottom: 8px solid; background: url('../images/teacher_header_bg.jpg') repeat-y right center white;}
header.mainHead a{display: block;}
.teachers header.mainHead{
	border-color: #807f7f;
	
}
.kids header.mainHead{
	border-color: #0093d0;
	background-image: url('../images/grid.png');
	background-color: #cce9f6;
}
.kidsland .stemContent{
	padding-bottom: 224px;
	padding-top: 8px;
	background: url('../images/city.jpg') no-repeat center bottom white;
}
.secondary header.mainHead{
	border-color: #bd1e2c;
}
.kidhead,.kids .hosthead{display: none;}
.kids .kidhead{display: block;}
.secondary .stemContent{ width: 752px; padding: 0 0 100px;}
.building_blocks{
	background: url('../images/logo_bb.png') no-repeat;
	background-size: 100%;
	width: 134px;
	height: 48px;
	margin-top: -19px;
}
span.boldHeading {
	font-weight: 700!important;
}
.boldList {
	font-weight: 700!important;
}
.titleFont {
	font-size: 16px!important;
}
.marginTopP {
	padding-top: 15px;
}
}
.cm .icon{
	width: 0;
}
.bg_head{
	padding: 14px 0 24px 25px;
	background: url('../images/kids.png') no-repeat 421px bottom;
	background-size: 49%;
}
#stemIdeasWrapper h1{font-size: 36px !important; margin: 24px 0 0 !important;}
h3{font-size: 21px; margin: 0;}
.logos{ margin: 30px 0 5px;}
.samsung, .omk{
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}
.samsung{
	background-image: url('../images/logo_samsung.png')!important;
	width: 136px;
	background-size: 100%;
}
.omk{
	background-image: url('../images/logo_omk.png');
	width: 60px;
}
.technology{
	color: #282828;
	width:398px;
	padding-top: 10px;
	
}
.technology .bold{font-size: 16px}
#stemIdeasWrapper .technology h1, #stemIdeasWrapper .technology h3 {
	color: #034ea2;
}
.plus{
	width: 47px;
	background-image: url('../images/plus.png');
}
.stemContent{
	padding: 26px 12px 0;
}
.stemContent p{
	font-size: 16.5px;
	margin: 0;
	font-weight: 500;
}
.tab1,.tab2{ top: 99px; width: 100%;}
.tab1{min-height: 700px}
.tabshold{padding-top: 0px;}
.tab{
	/*width: 828px;*/
	border-radius: 5px;
	border: 10px solid;
	padding: 35px 0 0;
	background: #e8f0f4;
}
.secondary .host .tab_switch{min-height: 590px;}
.tab header, #stemIdeasWrapper a.tabhead{
	border-radius: 5px 5px 0 0;
	border: 3px solid;
	color: white;
	width: 165px;
	padding: 16px 0 10px;
	left: -10px;
	top: -57px;
	font-size: 16.5px;
	font-weight: bold;
}
#imageSection{min-height: 470px;}
#imageSection img{
	display: block;
	margin: 0 auto -4px;
}
.quote{
	background: url('../images/footer_kids.png') no-repeat 20px bottom;
	padding-top: 53px;
	font-size: 15px;
	margin-top: 35px;
}
.quotecont{margin-right: 114px;}
footer.copyright{
	color: white;
	background: #005398;
	font: 10px Arial;
	padding: 25px 0;
}
.quote .franklin{
	padding: 24px 0;
}
.red{color: #c81330;}
.landing .tab{
	width: auto;
	margin-top: 50px;
	padding: 0;
	background: white;
	border-width: 6px;
}
.landing .tab header{
	padding: 6px 10px 3px;
	width: auto;
	top: -35px;
	left: -6px;
	border-radius: 5px 5px 0 0;
}
.tab_content{
	padding: 12px 22px 0;
}
.tab_switch{
	overflow: hidden;
	width:100%;
}
.flipbook .tab_content{
	padding: 25px 34px 19px;
}
.host .tab_content{
	padding: 18px 0 18px 0;
}
.howTo, .howTo h4{
	font-size: 10px;
}
.howTo{
	width: 222px;
	padding-top: 7px;
}
.fa-play-circle-o {
	color: white;
	font-size: 4em!important; 
	padding-top: 25px;
}
.video-area {
	width: 124px!important;
	height: 85px!important;
	margin: 13px auto;
	background: url('../images/thumbnail_stemideas.jpg') no-repeat center center;
}
.bluePresentations a {
	text-decoration: none;
	font-size: 11px;
	font-weight: 700;
	color: #034ea2;
}
ul.activities_list{
	font-size: 12.5px;
	list-style: none;
	width:226px;
}
ul.activities_list a{
	font-family:'Roboto Condensed', 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
}
ul.activities_list li{margin-bottom: 13px;}
 h4{
	text-transform: uppercase;
	color: black;
}
ul a, .textlink{
	color: inherit;
	text-decoration: none;
}
.icon_flipbook{
	width: 172px;
	height: 122px;
	background: url('../images/flipbook.png');
}
.activities {border-color: #034ea2 !important;}
.landing .activities.tab{
	min-height:221px;
	max-width:497px;
}
.activities p{
	padding:10px 0 20px;
}
.activities a{
	color:#034ea2;
	font-weight:bold;
}
.activities header{ background: #034ea2}
.kids .activities .tab_content{
	min-height:220px;
}
.host {border-color: #41a743 !important;}
.host header{ background: #41a743; left: 156px;
width: 204px;}
.flipbook{border-color: #c81330 !important; font-size: 11.5px;}
#stemIdeasWrapper a.tabhead{
	border-radius: 5px;
	background: url('../images/icon_book.jpg') no-repeat 13px 11px #bd1e2c;
	width: auto;
	padding: 12px 32px 12px 70px;
	border-color: #bd1e2c;
	margin-top: -6px;
	display: block;
	text-decoration: none;
}
.flipbook header{background: #c81330;}
.kids .flipbook .tab_content{
	min-height:188px;
}
.activeTab{z-index: 10;}
.secondary .activeTab .tab header{
	padding-top: 22px;
	margin-top: -6px;
}
.paginations{
	padding-bottom: 20px;
	color: black;
	font-size: 18px;
	font-weight: bold;
}
footer nav{background: white; padding:30px 0;}
.paginations span{
	cursor: pointer;
	display: inline-block;
	padding: 0 4px;
}
.pointer{cursor: pointer;}
.paginations span:hover, ul a:hover, .textlink:hover{text-decoration: underline;}
.paginate{
	/*font-size: 144%;*/
}
.links{padding: 18px 0 11px;}
.icon{
	width: 22px;
	height: 28px;
	display: inline-block;
	background: no-repeat right bottom;
	margin: 0 0 -5px 2px;
}
span.marginTopTwo {
	margin-top: 2px!important;
}
span.pdf{
	background-image: url('../images/icon_pdf.png');
}
.comingsoon{
	font-size: 25px;
	color: black;
}
.linker{background: rgba(255,0,0,0.5);}
.closePopup {
	text-decoration: none;
	font-size: 16px;
	line-height: 22px; 
	font-weight: bold; 
	position: absolute;
	top: -12px; 
	right: -10px; 
	cursor: pointer;
	text-align: center; 
	color: #fff;
	border-radius: 50%; 
	width: 20px; 
	height: 20px;
	background-color: #000;
	border: 2px solid #fff;
	box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.7);
}