/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

/*
 * FONTS:
 * font-family:'Droid Sans', sans-serif;
 * font-family:'Capriola', sans-serif;
 * 
 * */

body { margin:0; padding:0; font-family:'Droid Sans', sans-serif; font-size:16px; line-height:26px; font-weight:normal; position:relative; }

/* body padding reset / adjustments for the toolbar  */
body.toolbar-drawer { padding-top:0px !important; }
body.toolbar { padding-top:30px !important; }

/*
#overlay { display:block; top:0; background:url(../images/overlay2.png) no-repeat center 0; position:absolute; width:100%; height:100%; z-index:999; }
*/

/* Style Guide - Typography */
body h1, body h2, body h3, body h4, body h5, body h6,
h1, h2, h3, h4, h5, h6 { font-family:'Capriola', sans-serif; font-weight:normal; }
h1 { font-size:34px; line-height:40px; color:#1b2a33; }
	/* body.page-games-photosynthesis h1 	  { color:#8dc548; }
	body.page-games-heredity h1		  { color:#cd46d6; }
	body.page-games-electricity h1		  { color:#7abbe5; }
	body.page-games-heat-transfer h1	  { color:#f0783b; }
	body.page-games-critical-thinking h1 { color:#d80e47; }
	body.node-type-possible-worlds-about-page h1  { color:#d80e47; } */
h2 { font-size:23px; line-height:24px; color:#1b2a33; margin:0 0 10px; }
h3 { font-size:23px; line-height:24px; color:#1b2a33; }
h4 { font-size:23px; line-height:24px; color:#1b2a33; }
h5 { font-size:23px; line-height:24px; color:#1b2a33; }
h6 { font-size:23px; line-height:24px; color:#1b2a33; }

p { margin:0 0 20px; padding:0; }

dl { margin:0 0 20px; padding:10px 0 0 40px; }
dl:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
dt { margin:0 5px 0 0; padding:0; float:left; clear:both; color:#d80e47; font:normal 14px 'Capriola', sans-serif; text-transform:uppercase; }
dd { margin:0 0 20px; padding:0; }

.photo {}
.photo.with-caption {}
.photo.with-caption span { display:block; background-color:#1b3342; padding:21px 19px; color:#fff; font-size:13px; line-height:20px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.photo.pull-left  { margin:0 30px 10px 0; }
.photo.pull-right { margin:0 0 10px 30px; }

/* Bootstrap Resets */
.nav > li > a:hover,
.nav > li > a:focus {
  background-color:transparent;
  outline:none;
}
.navbar-inner {
  filter:none;
  background-color:transparent;
}

header#navbar { margin:0 auto; width:1012px; height:100px; }
header#navbar:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
	header#navbar .navbar-inner { background:url(../images/header-navbar.png) no-repeat 0 0; width:1011px; height:100px; min-height:auto; margin:0; padding:0; border:none; box-shadow:none; }
	
	header#navbar .logo { float:left; display:inline; margin:8px 0 0 50px; padding:0; background:url(../images/logo-all.png) no-repeat 0 0; }
		body.page-games-photosynthesis header#navbar .logo,
		body.node-type-possible-worlds-about-page.photosynthesis header#navbar .logo
		{ background:url(../images/logo-green.png) no-repeat 0 0; }
		 	
		body.page-games-heredity header#navbar .logo,
		body.node-type-possible-worlds-about-page.heredity header#navbar .logo
		{ background:url(../images/logo-pink.png) no-repeat 0 0; }
		 			
		body.page-games-electricity header#navbar .logo,
		body.node-type-possible-worlds-about-page.electricity header#navbar .logo
		{ background:url(../images/logo-blue.png) no-repeat 0 0; }
		
		body.page-games-heat-transfer header#navbar .logo,
		body.node-type-possible-worlds-about-page.heat-transfer header#navbar .logo
		{ background:url(../images/logo-orange.png) no-repeat 0 0; }
		
		body.page-games-critical-thinking header#navbar .logo,
		body.node-type-possible-worlds-about-page.critical-thinking header#navbar .logo
		{ background:url(../images/logo-red.png) no-repeat 0 0; }
		 	
		body.node-type-possible-worlds-about-page header#navbar .logo
		{ background:url(../images/logo-red.png) no-repeat 0 0; }
	
	
	header#navbar section:first-child { float:right; display:inline; background:url(../images/logo_cct-mini.png) no-repeat right 8px; margin:0 59px 0 2px; padding:13px 28px 0 0; text-transform:uppercase; font-size:8px; line-height:10px; }
	header#navbar section:first-child a { color:#fff; }
	
	header#navbar .main-nav-wrap { float:right; display:inline; }
	
	/* Secondary Nav */
	#block-menu-menu-possible-worlds-top-right { float:right; display:inline; margin:4px 2px 0 0; padding:0; }
		#block-menu-menu-possible-worlds-top-right ul { margin:0; padding:0 15px; }
		#block-menu-menu-possible-worlds-top-right ul > li { margin:0; padding:0; font-size:10px; line-height:12px; }
		/*#block-menu-menu-possible-worlds-top-right ul > li:before { content:' | '}
		#block-menu-menu-possible-worlds-top-right ul > li:first-child:before { content:''; }*/
		#block-menu-menu-possible-worlds-top-right ul > li > a { display:block; background:url(../images/vertical-line.png) no-repeat right 10px; padding:8px 5px; text-shadow:none; color:#fff; }
		#block-menu-menu-possible-worlds-top-right ul > li:last-child > a { background:none; padding-right:0; }
		#block-menu-block-1 ul > .active > a,
		#block-menu-block-1 ul > .active > a:hover,
		#block-menu-block-1 ul > .active > a:focus { background-color:transparent; box-shadow:none; }
	
	/* Main Nav */
	#block-menu-block-1 { float:right; display:inline; clear:both; margin:20px 55px 0 0; padding:0; }
		#block-menu-block-1 ul { margin:0; padding:0; }
		#block-menu-block-1 ul > li { margin:0 0 0 22px; padding:0; text-transform:uppercase; font-size:11px; line-height:13px; font-family:'Capriola', sans-serif; }
		#block-menu-block-1 ul > li > a { margin:0; padding:5px 0 5px; text-shadow:none; display:block; color:#fff; }
		#block-menu-block-1 ul > .active > a,
		#block-menu-block-1 ul > .active > a:hover,
		#block-menu-block-1 ul > .active > a:focus { background-color:transparent; box-shadow:none; }


	/* Home */
	#block-menu-block-1 li.menu-mlid-1552,
	#block-menu-block-1 li.menu-mlid-1279 { display:none; }
	
	body.page-possibleworlds.no-sidebars { background:url(../images/bkg_hp_header.png) no-repeat center 0; }
	body.page-possibleworlds.no-sidebars.admin-menu { background-position:center 28px; }
	/* adjust for toolbar */
	body.toolbar-drawer.page-possibleworlds.no-sidebars { background-position:center 30px; }
	
	body.page-possibleworlds.no-sidebars  header#navbar .navbar-inner { background:none; }
	
	body.page-possibleworlds.no-sidebars header#navbar .logo { margin-left:60px; position: absolute; }
	
	body.page-possibleworlds.no-sidebars #page-header .region-header { clear:both; }
	body.page-possibleworlds.no-sidebars #page-header .region-header .block { padding:15px 35px 0 60px; }
	body.page-possibleworlds.no-sidebars #page-header .region-header .block h3 { color:#fff; font-size:30px; line-height:40px; padding-bottom: 6px; }
	body.page-possibleworlds.no-sidebars #page-header .region-header .block p { font-size:20px; line-height:27px; }
	
	body.page-possibleworlds.no-sidebars #block-menu-block-1 { position:relative; z-index:500; margin:0 125px 0 0; display:block; float:none; width:752px; padding:60px 0 35px 0; border-bottom:1px solid #b72a51;
		background:url(../images/hdr_im-teaching.png) no-repeat center 32px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul { margin-left:74px; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul > li { padding:0; width:97px; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul > li > a { padding:83px 0 0 0; width:97px; text-align:center; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul > li > a:hover { color:#1a2a33!important; }
	
	body.page-possibleworlds.no-sidebars #block-menu-block-1 li.menu-mlid-1375 a,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-photosynthesis { background:url(../images/icon_lg-photosynthesis.png) no-repeat center 0px; /*margin-left: 94px;*/ }
		body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-photosynthesis:hover { background-position:center -170px; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 li.menu-mlid-1376 a,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heredity { background:url(../images/icon_lg-heredity.png) no-repeat center 0; /*padding-left:0px; margin-left:20px;*/ }
		body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heredity:hover { background-position:center -170px; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 li.menu-mlid-1377 a,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-electricity { background:url(../images/icon_lg-electricity.png) no-repeat center 0px; /*padding-left:0px; margin-left:19px;*/ }
		body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-electricity:hover { background-position:center -170px; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 li.menu-mlid-1378 a,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heat-transfer { background:url(../images/icon_lg-heat-transfer.png) no-repeat center 0px; /*padding-left:0px;*/ }
		body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heat-transfer:hover { background-position:center -170px; }
	body.page-possibleworlds.no-sidebars #block-menu-block-1 li.menu-mlid-1379 a,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-critical-thinking { background:url(../images/icon_lg-critical-thinking.png) no-repeat center 0; /*width:115px;*/ white-space:nowrap; }
		body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-critical-thinking:hover { background-position:center -170px; }
		
	.hp-why-teach { float:right; display:inline-block; width:205px; height:150px; background:url(../images/bkg_hp_whyteach.png) no-repeat 0 0; padding:43px 30px 0 42px; margin-top: 5px; }
		.hp-why-teach h4 { color:#ff5585; font-size:16px; line-height:20px; /*font-size:22px; line-height:30px;*/ margin:0 0 10px 0; }
		.hp-why-teach a { display:inline-block; opacity:0.7; color:#ffffff; font-size:15px; line-height:20px; /*background:url(../images/icon_arrow_white_lg.png) no-repeat 153px 4px;*/ margin:0 0 0 4px; }
		.hp-why-teach a:hover { opacity:1; }
		

	/* body */
	body.page-possibleworlds.no-sidebars .alert { display:none; }
	body.page-possibleworlds.no-sidebars .view-id-possible_worlds .view-header h2 { color:#d80e47; text-align:center; font-size:32px; margin:42px 0 20px; }
	body.page-possibleworlds.no-sidebars .view-id-possible_worlds .view-header p { color:#33292c; text-align:center; }
	
	/* Need to target to PW Home Page */
	body.page-possibleworlds.no-sidebars .view-id-possible_worlds > .view-content { padding:35px 0 35px 35px; } 
	.hp-box { background:url(../images/bkg_hp_box.png) no-repeat 0 0; width:474px; height:571px; padding:0 0; float: left; margin-bottom: 43px; }
	.hp-box h3 { color:#fff; font-weight:22px; text-align:center; height: 42px; padding: 23px 0 0px 0; }
	.hp-box h3 a { color:#fff; }
	.hp-box .views-field .field-content { margin:0; padding:0; }

	.hp-box .views-field-field-home-page-image { width:432px; height:171px; }
	.hp-box .views-field-field-home-page-image img { margin:0 0 0 18px; width:432px; height:171px; }
	.hp-box .views-field-title { height: 50px; padding: 34px 0 0 22px; }
	.hp-box .views-field-body { padding: 30px 60px 10px 60px;; /*padding:40px 87px 0 87px;*/ }
	.hp-box .views-field-body .field-content { height: 175px; overflow: auto; }
	.hp-box .views-field-body p { font-size: 15px; line-height: 22px; /*font-size:18px; line-height:25px;*/ color:#1b2a33; }
	.hp-box .views-field-path { height:auto; padding:34px 0 0 0; }
	.hp-box .views-field-path a { 
		background-color:#ccc;
		display: block;
		width: 110px;
		height: 14px;
		background-color: #ccc;
		border-radius: 4px;
		margin: 0 auto;
		font-size: 13px;
		line-height: 18px;
		color: #1b2a33;
		padding: 16px 30px 16px 30px;
		text-transform: uppercase;
		background:url(../images/icon_arrow_blue.png) no-repeat 125px 15px;
	 }
	.hp-box .views-field-path a:hover { color:#fff; background-position:125px -106px; text-decoration:none; }
	.hp-box-Photosynthesis .views-field-path a { background-color:#8dc548; }
	.hp-box-Electricity .views-field-path a { background-color:#7abbe5; }
	.hp-box-Heredity .views-field-path a { background-color:#cd46d6; }
	.hp-box-Heat .views-field-path a { background-color:#f0783b; }
	.hp-box-Critical .views-field-path a { background-color:#ffffff; }
	.hp-box-Critical .views-field-path a:hover { background-color:#1b2a33; }
	
	.hp-box-Photosynthesis .views-field-title  { background: url(../images/icon_med_photosynthesis.png) no-repeat 116px 27px; }
	.hp-box-Electricity .views-field-title { background: url(../images/icon_med_electricity.png) no-repeat 142px 27px; }
	.hp-box-Heredity .views-field-title { background: url(../images/icon_med_heredity.png) no-repeat 161px 27px; }
	.hp-box-Heat .views-field-title { background: url(../images/icon_med_heat-transfer.png) no-repeat 124px 27px; }
	.hp-box-Critical .views-field-title  { background: url(../images/icon_med_critical-thinking.png) no-repeat 159px 22px; }

	.hp-box-Critical { position:relative; background:url(../images/bkg_hp_box_red.png) no-repeat 0 0; width:880px; height:280px; float: none; clear: both; margin-left:31px; }
	.hp-box-Critical .views-field-title { padding-top:28px; margin-left: 304px; }
	.hp-box-Critical .views-field-field-home-page-image { height:auto; width:auto; position: absolute; top:-8px; left: 0; }
	.hp-box-Critical .views-field-field-home-page-image img { height:auto; width:auto; }
	.hp-box-Critical .views-field-body { padding: 0px 40px 0 357px; /*padding:0px 60px 0 367px;*/ }
	.hp-box-Critical .views-field-body .field-content { /*height: 105px;*/ height:auto; overflow: auto; }
	.hp-box-Critical .views-field-body .field-content p {font-size: 15px;line-height: 19px; margin:0 0 14px; /* empty */ }
	.hp-box-Critical .views-field-path { padding:5px 0 0 303px; }

	/* Photosynthesis */
	#block-menu-block-1 li.menu-mlid-1375 a,
	#block-menu-block-1 a.menu-photosynthesis { background:url(../images/icon_photosynthesis.png) no-repeat 0 -2px; padding-left:18px; }
	#block-menu-block-1 li.menu-mlid-1375 a:hover,
	#block-menu-block-1 a.menu-photosynthesis:hover,
	#block-menu-block-1 a.menu-photosynthesis.active-trail { color:#8dc548; }
	body.page-games-photosynthesis #block-menu-block-1 li.menu-mlid-1375 a,
	body.page-games-photosynthesis h1,
	body.node-type-possible-worlds-about-page.photosynthesis h1 { color:#8dc548; width: 600px; }
	
	/* Heredity */
	#block-menu-block-1 li.menu-mlid-1376 a,
	#block-menu-block-1 a.menu-heredity { background:url(../images/icon_heredity.png) no-repeat 0 0; padding-left:14px; /*margin-left:20px;*/ }
	#block-menu-block-1 li.menu-mlid-1376 a:hover,
	#block-menu-block-1 a.menu-heredity:hover,
	#block-menu-block-1 a.menu-heredity.active-trail { color:#cd46d6; }
	body.page-games-heredity #block-menu-block-1 li.menu-mlid-1376 a,
	body.page-games-heredity h1,
	body.node-type-possible-worlds-about-page.heredity h1  { color:#cd46d6; width:600px; }
	
	/* Electricity */
	#block-menu-block-1 li.menu-mlid-1377 a,
	#block-menu-block-1 a.menu-electricity { background:url(../images/icon_electricity.png) no-repeat 0 -1px; padding-left:19px; /*margin-left:19px;*/ }
	#block-menu-block-1 li.menu-mlid-1377 a:hover,
	#block-menu-block-1 a.menu-electricity:hover,
	#block-menu-block-1 a.menu-electricity.active-trail	{ color:#7abbe5; }
	body.node-type-possible-worlds-about-page.electricity #block-menu-block-1 li.menu-mlid-1377 a, 
	body.page-games-electricity #block-menu-block-1 li.menu-mlid-1377 a,
	body.page-games-electricity h1,
	body.node-type-possible-worlds-about-page.electricity h1 { color:#7abbe5; width:600px; }
	
	/* Heat Transfer */
	#block-menu-block-1 li.menu-mlid-1378 a,
	#block-menu-block-1 a.menu-heat-transfer { background:url(../images/icon_heat-transfer.png) no-repeat 0 2px; padding-left:22px; }
	#block-menu-block-1 li.menu-mlid-1378 a:hover,
	#block-menu-block-1 a.menu-heat-transfer:hover,
	#block-menu-block-1 a.menu-heat-transfer.active-trail { color:#f0783b; }
	body.page-games-heat-transfer #block-menu-block-1 li.menu-mlid-1378 a,
	body.page-games-heat-transfer h1,
	body.node-type-possible-worlds-about-page.heat-transfer h1 { color:#f0783b; width:600px; }
	
	/* Critical Thinking */
	#block-menu-block-1 li.menu-mlid-1379 a,
	#block-menu-block-1 a.menu-critical-thinking { background:url(../images/icon_critical-thinking.png) no-repeat 0 0; padding-left:18px; }
	#block-menu-block-1 li.menu-mlid-1379 a:hover,
	#block-menu-block-1 a.menu-critical-thinking:hover,
	#block-menu-block-1 a.menu-critical-thinking.active-trail { color:#d80e47; }
	body.page-games-critical-thinking #block-menu-block-1 li.menu-mlid-1379 a,
	body.page-games-critical-thinking h1,
	body.node-type-possible-worlds-about-page.critical-thinking h1 { color:#d80e47; width:600px; }

	/* About */
	body.node-type-possible-worlds-about-page h1 { color:#d80e47; }
	

/* Pages 
body.page-games-photosynthesis 	{ background-color:#8dc548; }
body.page-games-heredity 			{ background-color:#cd46d6; }
body.page-games-electricity 		{ background-color:#7abbe5; }
body.page-games-heat-transfer 		{ background-color:#f0783b; }
body.page-games-critical-thinking 	{ background-color:#d80e47; }
*/

/* -- Activities Page -- */

/* Topic Filter */
.topic-filter-wrap { width:291px; height:46px; text-align:right; margin:30px 0 -10px; padding:16px 30px 0 0; background:url(../images/topic-filter-bkg.png) no-repeat 0 0; }
.topic-filter-wrap label { margin:0 12px 0 0; font-size:16px; line-height:23px; color:#7abbe5; }
.topic-filter-wrap select#topic-filter { width:138px; }


/* Activities Box */
.view-possible-world-activities > .view-content > .views-row { clear:both; background-color:#f2ece4; position:relative; width:475px; margin:30px 0; padding:38px 52px; font-size:17px; line-height:27px; }
.view-possible-world-activities > .view-content > .views-row:before { content:''; background:url(../images/activities-box-top.png) no-repeat 0 0; width:580px; height:18px; position:absolute; top:0; left:0; }
.view-possible-world-activities > .view-content > .views-row:after  { content:''; background:url(../images/activities-box-bottom.png) no-repeat 0 0; width:580px; height:18px; position:absolute; bottom:0; left:0; }

.view-possible-world-activities .views-field-field-topic-activity-1,
.view-possible-world-activities .views-field-field-topic-taxonomy-activity { float:right; color:#9f9e9c; font-size:14px; line-height:18px; text-align:right; }
.view-possible-world-activities .views-field-field-topic-activity-1 strong {}
	
.view-possible-world-activities .views-field-field-topic-taxonomy-activity { float:right; color:#9f9e9c; font-size:14px; line-height:18px; text-align:right; }
.view-possible-world-activities .views-field-field-topic-taxonomy-activity strong {}
	
.view-possible-world-activities .views-label-field-topic-taxonomy-activity { float:right; color:#9f9e9c; font-size:14px; line-height:18px; text-align:right; width:100%; }
.view-possible-world-activities .views-label-field-topic-taxonomy-activity strong {}

.view-possible-world-activities .views-field-field-title-activity { clear:both; }
.view-possible-world-activities .views-field-field-title-activity h4 { font:26px; line-height:27px; }

.view-possible-world-activities .views-field-field-description-activity {}

.view-possible-world-activities .views-field-field-format-activity { color:#828789; font-size:17px; line-height:27px; }
.view-possible-world-activities .views-field-field-format-activity strong { color:#1b2a33; }

.view-possible-world-activities .views-field-field-duration-activity { color:#828789; font-size:17px; line-height:27px; }
.view-possible-world-activities .views-field-field-duration-activity strong { color:#1b2a33; }

.view-possible-world-activities .views-field-field-timing { color:#828789; font-size:17px; line-height:27px; }
.view-possible-world-activities .views-field-field-timing strong { color:#1b2a33; }


.view-possible-world-activities .activities-downloads { clear:both; background-color:#1b2a33; width:193px; margin:30px 0 10px; padding:17px 20px 15px; position:relative; color:#fff; }
.view-possible-world-activities .activities-downloads:before { content:''; background:url(../images/activities-downloads-box-top.png) no-repeat 0 0; width:233px; height:9px; position:absolute; top:0; left:0; }
.view-possible-world-activities .activities-downloads:after  { content:''; background:url(../images/activities-downloads-box-bottom.png) no-repeat 0 0; width:233px; height:12px; position:absolute; bottom:0; left:0; }

.view-possible-world-activities .views-label-field-downloads { float:left; font-size:16px; line-height:18px; margin:0 0 8px; padding:3px 0 0; }
.view-possible-world-activities .activities-downloads li { list-style-type:none; margin:0 0 10px; }
.view-possible-world-activities .activities-downloads a  { font:normal 14px 'Capriola', sans-serif; text-transform:uppercase; color:#d80e47; }
.view-possible-world-activities .activities-downloads a sup { font-size:0.6em; color:#e57a7a; }


/* why Games */
body.why-gaming { background:url(../images/why-games-header.gif) no-repeat center 0; }

body.why-gaming .page-header { display:none; }

/*
body.why-gaming .page-header,
body.why-gaming .nav-tabs,
body.why-gaming article header { display:none; }
body.why-gaming article .nav-tabs { display:block; }
*/

body.why-gaming #video-top { margin:0 0 80px; }
body.why-gaming #video-top:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

body.why-gaming .video-holder-box { float:right; display:inline; padding:28px 0 0 40px; }
.video-holder-box { background:url(../images/video_backing.png) no-repeat 0 0; width:650px; height:422px; margin:0 16px 0 50px; padding:28px 0 0 30px; }

body.why-gaming .node-possible-worlds-game-primer h2 { font-size:32px; color:#193543; }


.red-box { background-color:#d60c46; margin:0 7px; padding:35px 38px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	.red-box .red-box-inner { color:#fff; margin:50px 40px; }
	.red-box .red-box-inner h3 { color:#fff; font-size:34px; margin-bottom:22px; }
	.red-box .red-box-inner p  { font-size:20px; line-height:30px; margin-bottom:20px; }
	
.red-box .tab-box {}
.red-box .tab-box ul.nav-tabs { padding-left:44px; }
.red-box .tab-box ul.nav-tabs > li > a { background-color:#1b2932; height:27px; width:124px; padding-top:17px; margin-top:25px; }
.red-box .tab-box ul.nav-tabs > li > a:hover { padding-top:17px; }
.red-box .tab-box ul.nav-tabs > li.active > a,
.red-box .tab-box ul.nav-tabs > li.active > a:hover { height:38px; padding-top:29px; font-size:12px; }

.red-box .tab-box .tab-content {}
.red-box .tab-box .tab-pane { position:relative; background-image:none; width:auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.tab-box .video-box { position:relative; top:8px; left:-120px; background:url(../images/bkg_video-box.png) no-repeat 0 0; padding:50px; width:948px; height:478px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; color:#fff; }
.tab-box .video-box:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.tab-box .video-box iframe { float:left; margin-right:50px; }
.tab-box .video-box h3 { color:#fff; font-size:26px; padding-top:30px; }

.placeholder-box { background-color:#535353; width:624px; height:396px; margin:40px auto 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.conclusion-box  { background:url(../images/box-conclusion.jpg) no-repeat 0 0; width:955px; height:363px; margin:90px -60px 90px; padding:120px 80px; color:#fff; }
.conclusion-box iframe { float:left; margin-right:50px; }
.conclusion-box h3 { color:#fff; font-size:32px; margin-bottom:16px; padding-top:30px; }
.conclusion-box p  { font-size:18px; line-height:32px; }

.large-title { color:#D80E47; font-size:32px; margin:42px 0 20px; text-align:center; }


.main-container {
	position:relative;
	width:1012px;
	margin:0 auto 48px;
	padding:48px 0 0;
	min-height:500px;
	clear:both;
}
.main-container:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.main-container #page-header:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

body.page-possibleworlds.no-sidebars .main-container { padding-top:0; }


#center-content { width:1012px; }
body.one-sidebar #center-content  { float:left; display:inline; width:580px; margin:0 62px 0 0; }
body.two-sidebars #center-content {}

#sidebar-left { float:left; display:inline; width:252px; margin:0 58px 0 60px; padding:0; }

#sidebar-right { float:left; display:inline; }

/* Side Nav */
.well { position:relative; border:none; box-shadow:none; border-radius:0; min-height:auto; margin:0; padding:0; }

#sidebar-left .well { width:212px; padding:33px 40px 23px 0; }
#sidebar-left .well:before { content:''; position:absolute; top:0; left:0; background:url(../images/box-cap-top.png) no-repeat 0 0; width:252px; height:19px; }
#sidebar-left .well:after  { content:''; position:absolute; bottom:0; left:0; background:url(../images/box-cap-bottom.png) no-repeat 0 0; width:252px; height:15px; }

body.page-games-photosynthesis #sidebar-left .well,
body.node-type-possible-worlds-about-page.photosynthesis #sidebar-left .well 	{ background-color:#8dc548; }

body.page-games-heredity #sidebar-left .well,
body.node-type-possible-worlds-about-page.heredity #sidebar-left .well			{ background-color:#cd46d6; }

body.page-games-electricity #sidebar-left .well,
body.node-type-possible-worlds-about-page.electricity #sidebar-left .well 		{ background-color:#7abbe5; }

body.page-games-heat-transfer #sidebar-left .well,
body.node-type-possible-worlds-about-page.heat-transfer #sidebar-left .well		{ background-color:#f0783b; }

body.page-games-critical-thinking #sidebar-left .well,
body.node-type-possible-worlds-about-page.critical-thinking #sidebar-left .well	{ background-color:#d80e47; }

body.node-type-possible-worlds-about-page #sidebar-left .well 					{ background-color:#d80e47; }

/* Sidebar Icon */
#sidebar-left .well .block-title { margin:0 0 12px 40px; position:relative; }
	body.page-games-photosynthesis #sidebar-left .well .block-title:before,
	body.node-type-possible-worlds-about-page.photosynthesis #sidebar-left .well .block-title:before 	{ background:url(../images/icon_sb-photosynthesis.png) no-repeat 0 0; width:34px; height:57px; content:''; position:absolute; top:-52px; right:-36px; }
	
	body.page-games-heredity #sidebar-left .well .block-title:before,
	body.node-type-possible-worlds-about-page.heredity #sidebar-left .well .block-title:before			{ background:url(../images/icon_sb-heredity.png) no-repeat 0 0; width:27px; height:52px; content:''; position:absolute; top:-47px; right:-36px; }
	
	body.page-games-electricity #sidebar-left .well .block-title:before,
	body.node-type-possible-worlds-about-page.electricity #sidebar-left .well .block-title:before { background:url(../images/icon_sb-electricity.png) no-repeat 0 0; width:47px; height:62px; content:''; position:absolute; top:-44px; right:-62px; }
	
	body.page-games-heat-transfer #sidebar-left .well .block-title:before,
	body.node-type-possible-worlds-about-page.heat-transfer #sidebar-left .well .block-title:before		{ background:url(../images/icon_sb-heat-transfer.png) no-repeat 0 0; width:45px; height:47px; content:''; position:absolute; top:-49px; right:-36px; }
	
	body.page-games-critical-thinking #sidebar-left .well .block-title:before,
	body.node-type-possible-worlds-about-page.critical-thinking #sidebar-left .well .block-title:before	{ background:url(../images/icon_sb-critial-thinking.png) no-repeat 0 0; width:30px; height:47px; content:''; position:absolute; top:-42px; right:-34px; }
	
	body.node-type-possible-worlds-about-page #sidebar-left .well .block-title:before 	{ background:url(../images/icon_sb-critial-thinking.png) no-repeat 0 0; width:30px; height:47px; content:''; position:absolute; top:-42px; right:-34px; }

#sidebar-left .well ul { margin:0; padding:0; }
#sidebar-left .well ul > li { margin:0; padding:0; font-weight:normal; font-size:15px; line-height:21px; }
#sidebar-left .well ul > li.active a { font-weight:bold; background:url(../images/sidenav_arrow.png) no-repeat 0 center; }
#sidebar-left .well ul > li > a { color:#fff; margin:0; padding:8px 0 8px 40px; }
#sidebar-left .well ul > li > a:hover { background-color:transparent; }

/* Footer */
footer.footer { background:url(../images/bkg_footer.png) no-repeat 0 0; width:1080px; height:133px; margin:0 auto; padding:0; border:none;
				color:#fff; font-size:12px; line-height:20px; }

footer.footer .footer-logos { float:left; }
footer.footer .footer-logos #nsf-logo-footer { float:left; margin:0; text-indent:-9999px; display:block; background:url(../images/logo_nsf.png) no-repeat 0 0; width:38px; height:38px; margin:52px 26px 0 50px; }

footer.footer .footer-logos #cct-logo-footer { float:left; margin:0; text-indent:-9999px; display:block; background:url(../images/logo_cct.png) no-repeat 0 0; width:38px; height:37px; margin:52px 26px 0 0px; }
footer.footer .footer-logos #ies-logo-footer { float:left; margin:0; text-indent:-9999px; display:block; background:url(../images/logo_ies.png) no-repeat 0 0; width:64px; height:40px; margin:51px 27px 0 0; }
footer.footer .footer-logos #edc-logo-footer { float:left; margin:0; text-indent:-9999px; display:block; background:url(../images/logo_edc.png) no-repeat 0 0; width:130px; height:40px; margin:51px 0 0 0; }

footer.footer .text-right { float:right; width:615px; margin:56px 63px 0 0; font-size:11px; line-height:18px; }

/* Content Styles */

/* Tab Box */
.tab-box { margin:0; padding:0; position:relative; }
.tab-box .views-field .field-content { margin:0; padding:0; }
.tab-box .tab-topics-container { background:#f2ece4 url(../images/tab-box_top.png) no-repeat 0 0; width:580px; height:92px; margin:0; padding:0; }
.tab-box ul.nav-tabs { border:none; margin:0; padding:18px 15px 0; }
.tab-box ul.nav-tabs > li { border:none; margin:0 10px 0 0; padding:0; color:#1b2a33; text-align:center; }
.tab-box ul.nav-tabs > li:last-child { margin-right:0; }
.tab-box ul.nav-tabs > li > a { border:none; display:inline-block; width:110px; height:31px; margin:24px 0 0; padding:9px 10px 0; background-color:#788084; font:normal 11px/13px 'Capriola', sans-serif; text-transform:uppercase; color:#fff; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px; }
.tab-box ul.nav-tabs > li > a:hover { height:36px; margin-top:16px; padding-top:12px; }
.tab-box ul.nav-tabs > li.active > a,
.tab-box ul.nav-tabs > li.active > a:hover { border:none; background-color:#f2ece4; height:44px; padding-top:18px; color:#1b2a33; margin-top:2px; font-size:14px; line-height:17px; }

body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li.active > a, 
body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li.active > a:hover {
	font-size: 12px !important;
}

.tab-box .tab-pane { background:#f2ece4 url(../images/tab-box_bottom.png) no-repeat 0 bottom; width:472px; margin:0; padding:36px 54px 80px; }
.tab-box .tab-content { overflow:visible; }
.tab-box a { color:#d80e47; text-transform:uppercase; }

.tab-box a sup { font-size:0.6em; }

.tab-box .link-pdf,
.tab-box .link-ppt,
.tab-box .link-doc,
.tab-box .link-docx,
.tab-box .link-more
{ font-size:14px; line-height:22px; }


.tab-box .overview-next-button { position:absolute; bottom:1px; right:9px; width:276px; height:44px; font:normal 12px/16px 'Capriola', sans-serif; }
.tab-box .overview-next-button a { display:block; background:url(../images/overview-next-button.png) no-repeat 0 0; width:223px; height:29px; margin:0; padding:15px 63px 0 0; text-align:right; color:#fff; }
.tab-box .overview-next-button a:hover { text-decoration:none; }


/* Links */
.link-pdf  	{ display:inline-block; background:url(../images/icon-pdf.png) no-repeat 0 4px; padding-left:26px; padding-bottom:7px; color:#d80e47; }
.link-ppt	{ display:inline-block; background:url(../images/icon-ppt.png) no-repeat 0 4px; padding-left:26px; color:#d80e47; }
.link-doc,
.link-docx 	{ display:inline-block; background:url(../images/icon-ppt.png) no-repeat 0 4px; padding-left:26px; color:#d80e47; }
.link-more 	{ display:inline-block; background:url(../images/icon-arrow-link.png) no-repeat 0 5px; padding-left:18px; color:#d80e47; }

/* Goal Box */
.goal-box { background-color:#d80e47; margin:0 0 42px; padding:18px 24px 6px; color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; line-height:24px; }
.goal-box h2,
.goal-box h3 { color:#fff; margin: 0 0 10px; padding:0; }

/* Link List */
ul.link-list { margin:0 0 30px; padding:0 0 0 38px; }
ul.link-list li { background:url(../images/link-list-bullet.gif) no-repeat 0 6px; margin:0 0 15px; padding:0 0 0 7px; font-size:14px; line-height:16px; text-transform:uppercase; list-style:none; }
ul.link-list li a { color:#d80e47; }
ul.link-list li a:hover {}

.link-list-title { font-weight:bold; margin:0 0 8px; padding:0; }

.views-field .field-content { /*margin-top:20px; margin-bottom:20px;*/ }
.thumbnail { margin-right:20px; }
.field-content h2 {}

/* Contents Box */
.contents-box { display:inline-block; background-color:#f2ece4; margin:15px 0 35px; padding:34px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:16px; line-height:20px; }
.views-field-field-digital-game-page-text .contents-box { width:194px; }
.contents-box p { margin:0 0 15px; padding:0; }
.contents-box a { color:#d80e47; text-decoration:underline; }
.contents-box a:hover { text-decoration:none; }


/* -- Overview - Custom -- */
.views-field-field-overview-page-image { float:right; margin:0 0 20px 20px; }

/* -- Digital Game - Custom -- */
.play-game-box { float:right; margin:0 0 23px 23px; }
.play-game-box img {}
.play-game-box a.btn-play-game { display:block; clear:both; background:url(../images/btn_play-game.gif) no-repeat 0 0; width:251px; height:66px; margin:0 0 0 5px; padding:25px 0 0 30px;
							 	 color:#7abbe5; font:24px/33px 'Capriola', sans-serif; }
.play-game-box a.btn-play-game:hover { background-position:0 -91px; color:#fff; text-decoration:none; }

/* Resource Box */
.views-field-field-downloads-game { margin:0; padding:0; }
.views-field-field-downloads-game .views-field .field-content { margin:0; padding:0; }
.views-field-field-downloads-game .views-label   { display:block; background:url(../images/tab-box_top-title.png) no-repeat 0 0; width:580px; height:52px; margin:0; padding:18px 0 0;
												   font:normal 25px 'Capriola', sans-serif; color:#fff; text-align:center; }
.views-field-field-downloads-game .field-content { background:#f2ece4 url(../images/tab-box_bottom.png) no-repeat 0 bottom; width:472px; margin:0; padding:36px 54px 80px; }

	.views-field-field-downloads-game .field-collection-view { position:relative; margin:0 0 27px; font-size:17px; line-height:27px; color:#1b2a33; }
	.views-field-field-downloads-game .field-collection-view:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
	.views-field-field-downloads-game .field-collection-view .field-collection-view-links { display:none; position:absolute; right:20px; bottom:20px; }
	.views-field-field-downloads-game .field-collection-view:hover .field-collection-view-links { display:block; }
	
	.views-field-field-downloads-game .views-field-field-image-downloads { clear:both; float:left; margin:0 22px 30px 0; }
	.views-field-field-downloads-game .activities-download-title { float:left; width:350px; margin-bottom:3px; font:20px/27px 'Capriola', sans-serif; }
		.views-field-field-downloads-game .activities-download-title a { color:#d80e47; }
		.views-field-field-downloads-game .activities-download-title a sup { font-size:0.6em; }
	.views-field-field-downloads-game .views-field-field-description-downloads { float:left; width:350px; }
		.views-field-field-downloads-game .views-field-field-description-downloads p { font-size:17px; line-height:20px; }
		
	/* OLD */
	.views-field-field-downloads-game .field-collection-view .field-name-field-title-downloads { float:right; width:350px; font-size:20px; line-height:27px; color:#d80e47; }
	.views-field-field-downloads-game .field-collection-view .field-name-field-type-downloads  { float:right; width:350px; display:inline; font-size:12px; line-height:24px; color:#d80e47; }
	.views-field-field-downloads-game .field-collection-view .field-name-field-image-downloads { float:left; width:100px; margin:-32px 0 0; }
	.views-field-field-downloads-game .field-collection-view .field-name-field-file-downloads  { float:right; width:350px; color:#1b2a33; }
	.views-field-field-downloads-game .field-collection-view .field-name-field-file-downloads a { color:#1b2a33; }


td.home-page-game { color:white; padding:20px; background-color:gray; border:0px solid green; }

body.page-possibleworlds table.views-view-grid { border-spacing:5px; border-collapse:separate; }
body.page-possibleworlds table.views-view-grid .row-first .col-first { border-spacing:0; }

.view-content .nav-tabs { margin-bottom:0px; }

a.link-home-page-grid:link {}

a.link-home-page-grid:visited {}

.activity {}

.tap-topic-container {
	padding:15px;
	border-style:solid;
	border-color:#e3e3e3;
	border-width: 1px;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	clear:both;
}

#block-menu-menu-possible-worlds-top-right {
	float:right;
	width:auto;
}

.menu-block-1 {
	float:left;
	width:auto;
}

.caption {
	font-size: 10px;
	line-height: 10px;
	padding-top: 4px;
	font-weight:bold;
}

.table_rt {
	margin-left:4px;
}

.table_rt {
	margin-right:4px;
}

#block-block-20 p a, #block-block-2 p a  {
	color:#fff;
}

#overlay .nav-tabs {
	display:none !important;
}

.view-display-id-block_3 .hp-box .views-field-path a, .view-display-id-block_3 .hp-box .views-field-path a:hover {
	width: 80px;
	padding: 16px 30px 16px 60px;
	background-position:100px 15px;
}

/* responsive */
#hamburger,
#hamburger-close {
	display: none;
}
@media only screen and (max-width: 769px) {
	body.page-possibleworlds.no-sidebars {
		 background: url(../images/bkg_hp_header_responsive.png) no-repeat center 0;
	}
	body.why-gaming {
		background: none;
	}
	#hamburger {
		display: block;
	}
	header#navbar .main-nav-wrap,
	.navbar .btn-navbar {
		display: none;
	}
	header#navbar,
	header#navbar .navbar-inner,
	.main-container,
	#center-content,
	#sidebar-left,
	#sidebar-left .well:before,
	#sidebar-left .well:after,
	.view-possible-world-activities > .view-content > .views-row:before,
	.view-possible-world-activities > .view-content > .views-row:after,
    .tab-box,
	.tab-box .tab-pane,
	.tab-box .tab-topics-container,
	.hp-box-Critical,
	footer.footer {
		width: 100%;
	}
	h1 {
		width: 100% !important;
	}
	body.one-sidebar #center-content {
		width: 96%;
		margin: 0 2%;
	}
	body.one-sidebar #center-content,
	footer.footer .text-right {
		width: 90%;
		margin: 2% 5% 0 5%;
	}
	.tab-pane {
		width: 96% !important;
	}
	.view-possible-world-activities > .view-content > .views-row {
		width: 96%;
		padding: 38px 2%;
	}
	.tab-box ul.nav-tabs > li {
		width: 22%;
	}
	.tab-box ul.nav-tabs > li > a {
		width: 80%;
		/*font-size: 1.9vmin !important;
		line-height: 3.2vmin !important;*/
	}
	.tab-box ul.nav-tabs > li.active > a,
	.tab-box ul.nav-tabs > li.active > a:hover {
		/*font-size: 2.3vmin !important;
		line-height: 4.0vmin !important;*/
		font: normal 11px/13px 'Capriola', sans-serif !important;
	}
	body.research .tab-box ul.nav-tabs > li > a,
	body.research .tab-box ul.nav-tabs > li.active > a,
	body.research .tab-box ul.nav-tabs > li.active > a:hover {
		font: normal 10px/12px 'Capriola', sans-serif !important;
	}
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li > a,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li.active > a,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li.active > a:hover {
		/*font-size: 1.7vmin !important;
		line-height: 3.2vmin !important;*/
		font: normal 8px/8px 'Capriola', sans-serif !important;
	}
	#sidebar-left {
		float: none;
	}
	#sidebar-left .well {
		padding-left: 0;
		width: 80%;
		margin: 0 auto;
	}
	.main-container {
		padding-top: 0;
	}
	#sidebar-left .well .block-title:before {
		right: -4% !important;
	}
	.tab-box .tab-pane {
		padding: 2% 2% 50px 2%;
		background-size: 100%;
	}
	footer.footer .footer-logos {
		margin-bottom: 0px !important;
	}
	footer.footer .footer-logos a {
		margin-top: 30px !important;
		background-size: 67% 67% !important;
	}
	footer.footer .footer-logos #cct-logo-footer {
		margin-left: 30px !important;
		margin-top: 34px !important;
	}
	footer.footer .text-right {
		float: left;
		font-size: 10px;
		line-height: 12px;
		text-align: left;
	}
	header#navbar .navbar-inner,
	.tab-box .tab-topics-container,
	#sidebar-left .well:before,
	#sidebar-left .well:after,
	.view-possible-world-activities > .view-content > .views-row:before,
	.view-possible-world-activities > .view-content > .views-row:after,
	.video-holder-box,
	.hp-box,
	.hp-box-Critical,
	footer.footer {
	    background-size: 100% 100%;
	}
	#hamburger {
	    cursor: pointer;
	    display: block;
	    padding: 3px 4px 3px;
	    position: relative;
	    width: 36px;
	    float: right;
	    margin: 12px;
	    z-index: 1000;
	}
	#hamburger div {
	    /*background-color: #444;*/
	    background-color: #fff;
	    border-radius: 2px 2px 2px 2px;
	    height: 5px;
	    margin-top: 5px;
	    width: 100%;
	}
	#hamburger-close {
		font-weight: 900;
		font-size: 2.8em;
		/* border: 1px solid #888; */
		padding: 2px 8px;
		z-index: 2000;
		position:relative;
		top: 0.2em;
	    color: #fff;
	}
	header#navbar .main-nav-wrap {
		position: absolute;
    	background: #193343;
    	height: auto;
    	left: 0;
    	z-index: 2;
    	width:100%;
    	padding-bottom: 8px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 {
		background: none;
		border: none;
		padding-top: 0;
		width: 55%;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul > li > a {
    	padding: 6px 0;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-photosynthesis {
    	background: url(../images/icon_photosynthesis.png) no-repeat 0 -2px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heredity {
    	background: url(../images/icon_heredity.png) no-repeat 0 -2px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-electricity {
    	background: url(../images/icon_electricity.png) no-repeat 0 -2px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heat-transfer {
    	background: url(../images/icon_heat-transfer.png) no-repeat 0 -2px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-critical-thinking {
    	background: url(../images/icon_critical-thinking.png) no-repeat 0 -2px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-photosynthesis:hover {
		background: url(../images/icon_photosynthesis.png) no-repeat 0 -2px;
		color: #8dc548 !important;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heredity:hover {
		background: url(../images/icon_heredity.png) no-repeat 0 -2px;
		color: #cd46d6 !important;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-electricity:hover {
		background: url(../images/icon_electricity.png) no-repeat 0 -2px;
		color: #7abbe5 !important;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heat-transfer:hover {
		background: url(../images/icon_heat-transfer.png) no-repeat 0 -2px;
		color: #f0783b !important;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-critical-thinking:hover {
		background: url(../images/icon_critical-thinking.png) no-repeat 0 -2px;
		color: #d80e47 !important;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul {
    	margin-left: 0; 
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 ul > li > a {
    	text-align: LEFT;
	}
	#block-menu-menu-possible-worlds-top-right ul {
    	z-index: 2000;
	}
	body.page-possibleworlds.no-sidebars header#navbar .logo,
    header#navbar .logo {
		position: relative;
		z-index: 3;
		background-size: 114px 81px !important;
		margin: 4px 0 0 4px;
	}
	header#navbar .logo img {
		width: 114px;
		height: 81px;
	}
	.menu-block-1 {
		width: 100%;
		border-right: 1px solid #666;
	}
	#block-menu-block-1 {
		float: left;
		display: inline-block;
		margin: 0;
		width: 54%;
	}
	#block-menu-menu-possible-worlds-top-right ul > li,
	#block-menu-block-1 ul > li {
		float: left;
		clear: left;
	}
	#block-menu-block-1 ul > li > a {
		padding-left: 23px !important;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-critical-thinking,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-critical-thinking:hover,
	#block-menu-block-1 a.menu-critical-thinking {
		background-position: 2px 0px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-photosynthesis,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-photosynthesis:hover,
	#block-menu-block-1 a.menu-photosynthesis {
		background-position: 3px 0px;
	}
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heredity,
	body.page-possibleworlds.no-sidebars #block-menu-block-1 a.menu-heredity:hover,
	#block-menu-block-1 a.menu-heredity {
		background-position: 5px 0px;
	}
	#block-menu-menu-possible-worlds-top-right ul > li > a {
		background: none;
		padding: 0;
		line-height: 14px;
	}
	#block-menu-menu-possible-worlds-top-right ul > li {
		font-size: 11px;
		padding: 2px 0;
	}
	#block-menu-menu-possible-worlds-top-right {
		float: right;
		clear: right;
		position: absolute;
		display: inline-block;
		/*margin: 95px 0px 0px 160px;*/
		margin: 95px 0px 0px 55%;
	}
	header#navbar section:first-child {
		margin-right: 25%;
		margin-top 12px;
		height: 81px;
	}
	body.page-possibleworlds.no-sidebars .view-id-possible_worlds > .view-content {
		padding: 0;
	}
	body.page-possibleworlds.no-sidebars #page-header .region-header .block {
    	padding: 15px 8% 0 8%;
	}
	body.page-possibleworlds.no-sidebars #page-header .region-header .block p {
		float:left;
		clear:both;
		margin-top: 20px;
	}
	#block-block-2 p a {
    	color: #ff5585;
	}
	.play-game-box {
		float: left;
		margin: 0 0 6px 0;
	}
	.hp-why-teach {
		float: left;
	}
	.hp-box {
		width: 50%;
	}
	.hp-box-Critical {
		width: 100%;
	}
	.hp-box .views-field-field-home-page-image {
		width: 100%;
		height: auto;
		text-align: center;
	}
	.hp-box .views-field-field-home-page-image img {
		width: 96%;
		height: auto;
		margin: 0;
	}
	.hp-box .views-field-title {
		background-position: 12% 27px !important;
	}
	.hp-box .views-field-body {
		padding: 20px 8% 0 8%;
	}
	.hp-box .views-field-body p {
	    font-size: 13px;
	    line-height: 17px;
	}
	.hp-box .views-field-path {
   		/*padding: 0;*/
	}
	/*.hp-box h3 {
		text-align: left;
		margin-left: 14% !important;
	}*/
	.hp-box-Critical {
		margin: 0;
	}
	.hp-box-Critical .views-field-field-home-page-image {
    	/*width: 25% !important;
    	float: left;
    	position: relative;*/
    	display: none;
	}
	.hp-box-Critical .views-field-title {
		padding-top: 16px;
    	background-position: 0 2.0vmin !important;
    	width: 75%;
    	margin: 0 auto 1% auto;
    	padding-left: 0;
    	padding-right: 0;
    	text-align: center;
    	/*float: right;*/
	}
	.hp-box-Critical .views-field-body {
		padding: 0;
		margin-left: 0;
		float: left;
	}
	.hp-box-Critical .views-field-path {
   		padding: 0;
   		clear: both;
   		float: none;
   		margin: 0 auto;
	}
	.hp-box-Critical h3 {
   		font-size: 6.0vmin;
	}
	.hp-box-Critical .views-field-body .field-content p {
	    font-size: 13px;
	    line-height: 17px;
	    padding: 0 4%;
	}
	.page-user-login #center-content {
		width:96% !important;
		margin: 0 2% !important;
	}
	.play-game-box,
	.views-field-field-overview-page-image {
    	float: none;
    	margin-right: 12px;
    	margin-left: 0;
	}
	.play-game-box {
    	float: left;
	}
	body.why-gaming .node-possible-worlds-game-primer #video-top h2 {
		position: absolute;
		top: 12px; 
		font-size: 24px;
	}
	body.why-gaming #video-top {
	    padding-top: 64px;
	    margin: 0;
	}
	body.why-gaming .video-holder-box {
    	float: left;
    	display: block;
    	margin: 0 0 20px 0;
    	width: 100%;
    	height: 100%;
    	padding: 0px;
    	background: #d60c46;
    	border-radius: 14px;
    	clear:both;
	}
	body.why-gaming .tab-box .video-box {
	    position: none;
	    top: 0;
	    left: 0;
	    padding: 0; 
	    width: 100%;
	    height: auto;
	    background-size: 100% 100%;
	}
	body.why-gaming .tab-box .video-box h3,
	body.why-gaming .tab-box .video-box p,
	body.why-gaming #video-top p,
	body.why-gaming .red-box .red-box-inner,
	body.why-gaming .conclusion-box h3,
	body.why-gaming .conclusion-box p,
	body.why-gaming .placeholder-box h3 {
		margin: 0 4% 2% 4%;
	}

	body.why-gaming .red-box {
		padding: 35px 4px;
	}
	body.why-gaming #vidi1, 
	body.why-gaming #vidi2, 
	body.why-gaming #vidi3, 
	body.why-gaming #vidi4, 
	body.why-gaming #vidi5,
	body.why-gaming #vidi6,
	body.why-gaming .conclusion-box {
    	width: 100%;
    	text-align: center;
	}
	body.why-gaming #vidi6 {
		float: none;
	}
	body.why-gaming #vidi1 iframe,
	body.why-gaming .tab-box .video-box iframe,
	body.why-gaming .conclusion-box iframe {
    	width: 90%;
    	float: none;
    	margin-right: 0;
	}
	body.why-gaming #vidi1 iframe {
		width: 96%;
	}
	body.why-gaming #vidi1 {
		margin-top: 2%;
	}
	body.why-gaming .red-box .tab-box ul.nav-tabs > li > a {
		width: 80%;
		font-size: 1.9vmin !important;
	}
	body.why-gaming .red-box .tab-box ul.nav-tabs {
    	padding-left: 1%;
    	position: relative;
    	top: 3px;
  	}
  	body.why-gaming .conclusion-box {
  	    height: auto;
    	margin: 30px 0 0 0;
    	padding: 60px 0;
    	color: #fff;
    	background-size: 100% 100%;
    	text-align: left;
    }
    body.why-gaming .conclusion-box h3 {
    	margin-top: 20px;
    }
    body.why-gaming .vids {
    	width: 80%;
    }
    body.why-gaming .placeholder-box {
    	width: 100% !important;
    	padding: 20px 0 !important;
    	height: auto !important;
    	overflow: hidden;
    }
    body.why-gaming .vcontainer {
    	width: 92%;
    	padding-left: 2%;
    	padding-right: 2%;
    	background: #333;
    }
    #voverlay4 {
    	position: fixed !important;
    	bottom: 40px !important;
    }
    body.why-gaming .vcontainer p,
    body.why-gaming .vcontainer h4,
    body.why-gaming .vcontainer h5 {
    	/*display: none !important;*/
    	width: 100% !important;
    }
    .ccontainer a {
    	word-wrap: break-word;
    }
    body.play-games #overlay,
    body.digitalgame #overlay {
    	display: none;
    	width: 96%;
    	margin-left: 2%;
    	background: #333;
    	height: 200px;
    	border-radius: 14px;
    	position: fixed;
    	top: 10px;
    	z-index: 1002;
    	color: #fff;
    }
	body.play-games #overlay #close,
    body.digitalgame #overlay #close {
	    border: 1px solid #fff;
	    float: right;
	    width: 20px;
	    height: 20px;
	    text-align: center;
	    border-radius: 2px;
	    line-height: 20px;
	    margin: 12px;
	    cursor: pointer !important;
	}
	body.play-games #overlay #message,
    body.digitalgame #overlay #message {
	    margin: 32px;
	    font-size: 14px;
    	line-height: 18px;
	}
	.topic-filter-wrap {
		width: 100%;
		text-align: left;
		padding-right: 0;
		background-size: 100%;
	}
	.topic-filter-wrap label {
		margin-right: 4px;
		margin-left: 16px;
	}
}
@media only screen and (max-width: 560px) {
	.table_rt {
		float:none;
	}
	.play-game-box img {
		max-width: none;
	}
	.hp-box {
		background-size: 100% 100%;
		width: 100%;
	}
	.hp-box .views-field-body p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.play-game-box {
    	float: none;
	}
	.tab-box ul.nav-tabs > li > a,
	.tab-box ul.nav-tabs > li.active > a,
	.tab-box ul.nav-tabs > li.active > a:hover {
		font: normal 7px/8px 'Capriola', sans-serif !important;
	}
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li:first-of-type > a,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li:first-of-type.active > a,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li:first-of-type.active > a:hover,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li:nth-of-type(2) > a,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li:nth-of-type(2).active > a,
	body.page-games-photosynthesis-curricular-connections .tab-box ul.nav-tabs > li:nth-of-type(2).active > a:hover {
		/*font-size: 1.7vmin !important;
		line-height: 3.2vmin !important;*/
		font: normal 5px/5px 'Capriola', sans-serif !important;
	}
	body.classroom-game-no-way .tab-box ul.nav-tabs > li > a,
	body.classroom-game-no-way .tab-box ul.nav-tabs > li.active > a,
	body.classroom-game-no-way .tab-box ul.nav-tabs > li.active > a:hover,
	body.research .tab-box ul.nav-tabs > li > a,
	body.research .tab-box ul.nav-tabs > li.active > a,
	body.research .tab-box ul.nav-tabs > li.active > a:hover {
		font: normal 6px/6px 'Capriola', sans-serif !important;
	}
}
body.why-gaming .vcontainer {
    display: block;
}