body.home-page 
{
	background: url('../images/css-images/main-background_home.jpg') no-repeat top center;
}
body.lower-page 
{
	background: #684935 url('../images/css-images/main-background.jpg') no-repeat top center;
}
a{
	overflow: hidden;
}
a:link 
{
	color:#ad654d;
}
a:hover, a:visited 
{
	color:#427890;
}

div#nav-links li a:link, div#nav-links li a:visited 
{
	color: #FFFFFF;
	background: none;
}
div#nav-links li a:focus {
	background: #ad654d;
}
.dropdown-menu {
	background: #ad654d;
}

.dropdown-menu li > a.selected {
  background-color: #ad654d;
}
div#nav-links li a:hover
{
	background:#cc613d;
}
div#nav-links li a.selected
{
	background-color:#ad654d;
}
div#nav-links ul.dropdown-menu li a:hover, div#nav-links ul.dropdown-menu li > a.selected
{
	background-color:#cc613d;
}

.stem-circle
{
	background-image: url('../images/css-images/circle-icon.png');
}
/*------------------------Sidesbar------------------------*/
.lower-page #right-column-content #sidebar-box-1 h2 {
	color:black; /* #0d2f6a; */
}
.lower-page #right-column-content #sidebar-box-2 h2 {
	color:black; /* #5a3e0d; */
}
.lower-page #right-column-content #sidebar-box-3 h2 {
	color:black; /* #391f6a; */
}
.lower-page #right-column-content #sidebar-box-1-flex h2 {
	color:black; /* #0d2f6a; */
}
.lower-page #right-column-content #sidebar-box-2-flex h2 {
	color:black; /* #5a3e0d; */
}
.lower-page #right-column-content #sidebar-box-3-flex h2 {
	color:black; /* #391f6a; */
}


#sidebar-box-1
{
	background:url('../images/css-images/sidebox_1.png') top left no-repeat;
	width:287px;
	height:248px;
	margin-top:-25px;
}
#sidebar-box-1-flex {
	width: 286px; 
	position: relative;
	padding-bottom: 20px;
	z-index: 2;
	background: url('../images/css-images/sidebox_1_top.png') top left no-repeat; /*, IE8 cannot handle multiple background images 
							url('../images/css-images/sidebox_1_btm.png') bottom left no-repeat; */
}
#sidebar-box-1-flex:before {
	content: '';
	position: absolute;
	z-index: -1; /* push it to the background */
	top: 36px; /* position it off the top background */
	right: 0;
	bottom: 50px; /* position it off the bottom background */
	left: 0;
	background: url('../images/css-images/sidebox_1_mdl.png') top left repeat-y;
}
#sidebar-box-1-flex:after {
	content: '';
	width: 286px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	z-index: -1;
	background: url('../images/css-images/sidebox_1_btm.png') bottom left no-repeat;
}
#sidebar-box-2
{
	background:url('../images/css-images/sidebox_2.png') top left no-repeat;
	width:286px;
	height:139px;
}
#sidebar-box-2-flex {
	width: 286px; 
	position: relative;
	z-index: 2;
	background: url('../images/css-images/sidebox_2_top.png') top left no-repeat; /*, IE8 cannot handle multiple background images 
							url('../images/css-images/sidebox_2_btm.png') bottom left no-repeat; */
}
#sidebar-box-2-flex:before {
	content: '';
	position: absolute;
	z-index: -1; /* push it to the background */
	top: 36px; /* position it off the top background */
	right: 0;
	bottom: 50px; /* position it off the bottom background */
	left: 0;
	background: url('../images/css-images/sidebox_2_mdl.png') top left repeat-y;
}
#sidebar-box-2-flex:after {
	content: '';
	width: 286px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	z-index: -1;
	background: url('../images/css-images/sidebox_2_btm.png') bottom left no-repeat;
}
#sidebar-box-2-flex ul {
	margin-left: 30px;
	padding-bottom: 30px;
	width: 245px;
}
#sidebar-box-3
{
	background:url('../images/css-images/sidebox_3.png') top left no-repeat;
	width:287px;
	height:162px;
}
#sidebar-box-3-flex {
	width: 286px; 
	position: relative;
	padding-bottom: 30px;
	z-index: 2;
	background: url('../images/css-images/sidebox_3_top.png') top left no-repeat; /*, IE8 cannot handle multiple background images 
							url('../images/css-images/sidebox_3_btm.png') bottom left no-repeat; */
}
#sidebar-box-3-flex:before {
	content: '';
	position: absolute;
	z-index: -1; /* push it to the background */
	top: 36px; /* position it off the top background */
	right: 0;
	bottom: 50px; /* position it off the bottom background */
	left: 0;
	background: url('../images/css-images/sidebox_3_mdl.png') top left repeat-y;
}
#sidebar-box-3-flex:after {
	content: '';
	width: 286px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	z-index: -1;
	background: url('../images/css-images/sidebox_3_btm.png') bottom left no-repeat;
}
.sidebar-box-read-more {
	text-align: right; 
	margin-right: 30px; 
	margin-top: -12px; 
	font-weight: bold
}
.sidebar-box-read-more:after {
	clear: both;
}

div#right-column a:link, div#right-column a:hover, div#right-column-content a:link, div#right-column-content a:hover
{
	color: #0d31b9;
}
div#right-column a:visited, div#right-column a:active, div#right-column-content a:visited, div#right-column-content a:active
{
	color: #0d31b9;
}

div#right-column a:visited, div#right-column a:focus, div#right-column-content a:visited, div#right-column-content a:focus
{
	outline: solid yellow 1px;
}
/**/

/*----------------------Definition----------------------*/
.definition
{
	color:#ad654d;
}

.def-popup{
	display: none;
}

a#audio-toggle{
	background-repeat: no-repeat;
	height: 17px;
	width: 14px;
	display: block;
	position: absolute;
	right: 40px;
	top: 5px;
	z-index: 1001;
	text-indent: -9999px;
}
a.vocab-close {display: inline-block; text-indent: -9999px; position: absolute; background: url('../images/css-images/popup-close.png') no-repeat top; 	width: 20px;
	top: 5px; right: 10px; 	height: 16px;
	background: url('../images/css-images/popup-close.png') no-repeat top;
	background-size: 70%;
	text-indent: -9999px; overflow:  visible;}

div#definition-wrapper.ie8 a.vocab-close
{
	display: block;
	height: 18px;
	width: 16px;
	background: url('../images/css-images/popup-close.ie8.png');
}

.play{
	background: url(../images/definition-images/play.png);
}

.playing{
	background: url(../images/definition-images/pause.png);
}

/*------------------------Video------------------------*/
/*Center the play button*/
.vjs-default-skin .vjs-big-play-button 
{
	top: 11em;
	left: 19em;
}

/*---------------------BOTTOM NAV-----------------------*/
div#bottom-page-nav .bButtons
{
	background:#d5c275;
	text-shadow:none;
	color:white;
	font-weight: bold;
}
div#bottom-page-nav .bButtons:hover
{
	text-decoration: underline;
}

div#bottom-page-nav a.bButtons:focus
{
	outline: solid #4f4 2px;
}

div#bottom-page-nav ul#bottom-nav-menu li a:link, div#bottom-page-nav ul#bottom-nav-menu li a:visited
{
	color:#ad654d;
	display: inline-block;
	height: 26px;
	padding:2px;
}
div#bottom-page-nav ul#bottom-nav-menu li a:hover, div#bottom-page-nav ul#bottom-nav-menu li a:active
{
	text-decoration: underline;
}
div#bottom-page-nav ul#bottom-nav-menu li.selected
{
	background-repeat: no-repeat;
	background: #ad654d;
}
div#bottom-page-nav ul#bottom-nav-menu li.selected a
{
	color:#ffffff;
}
/*-------------Left side menu-----------------------------*/
div#left-column
{
	background-color: #dbc87b;
}

div#left-column-content a#left-skipnav{
	position: absolute;
	left: -1000px;
	height: 1px;
}

ul#menu li a:link, ul#menu li a:visited
{
	color: #000;	
}
ul#menu li a:hover
{
	text-decoration: underline;
}

ul#menu > li ul > li a:active
{
	color: #000;
}


ul#menu > li a.selected
{
	background: #b2ceff;
}

/*ul#menu li.selected a, ul#menu li.selected a:hover, ul#menu a.selected:hover
{
	color: #000000;
	font-weight: bold;
}*/

ul.gt-sign {
	margin-left:35px;
}
ul.gt-sign li {
	list-style: none;
	position:relative;
	margin-left: -20px;
}
ul.gt-sign li:before {
	content:'>';
	display: block;
	position: absolute;
	left: -15px;
	color: #ad654d;
}

ul.olivedot {
	margin-left: 35px;
}
ul.olivedot li {
	list-style: none;
	position:relative;
	margin-left: -20px;
}
ul.olivedot li:before {
	content:'';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	left: -15px;
	top: .5em;
	background-color: #d5c275; /*#068e23;*/
}
h3.interactive-title {
	color: #427890;
	font-size: 17px;
	white-space:nowrap;
	line-height: 1.2em;
	display: table-cell;
  vertical-align: middle;
}
h3.subtitle {
	font-size: 17px;
	text-transform: uppercase;
}
h3.resource-subtitle {
	font-size: 1.25em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 10px;
}

.student-table, .teacher-table {
	background-color: #aaa;
	border-spacing: 2px;
	border: 2px;
	font-size: 0.9em;
	line-height: 1.1em;
}
.student-table th, .teacher-table th {
	background-color: #ddd;
	padding: 2px 5px;
	border: 2px solid #aaa;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.student-table th.row, .teacher-table th.row {
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
}
.student-table td, .teacher-table td {
	background-color: #eef3f3;
	padding: 2px 5px;
	border: 2px solid #aaa;
	vertical-align: top;
}

/*colonial-proofing interactive*/
div#colonial-interactive
{
	width:510px;
	//height:420px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 4px solid #79a5f1;
	padding:0;
}
div#colonial-interactive .instructions
{
	/* 
	BG tweaking formatting
	width:100%;
	*/

	border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;

	border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;

	background: #79a5f1; 
}

div#instructions3
{
	min-height: 100px;	
}

div#colonial-interactive .instructions p
{
	/* BG - formatting tweaks */
	/* padding:5px 5px; */
}
div#colonial-interactive .left-cols
{
	float: left;
	width: 226px;
	padding: 0 10px;
}
div#colonial-interactive .left-cols h2
{
	font-size:15px;
	margin-bottom: 4px;
}
div#colonial-interactive .right-cols
{
	width:244px;
	margin: 0 10px;
	float:left;
}

div#colonial-interactive .right-cols .colonial-name
{
	background-color: #cfecee;
	border: 1px solid #c3c3c4;
	height:41px;
	margin-bottom:5px;
}
div#colonial-interactive .right-cols .workarea
{
	height:179px;
	border: 1px solid #c3c3c4;
	background-color: #cfecee;
	margin-bottom:5px;
}
div#colonial-interactive .home-name
{
	color:#7f7f80;
	font-size:14px;
	margin-bottom:5px;
	height:15px;
}
div#colonial-interactive .submit-line
{
	position: absolute;
	top:652px;
	left:324px;
	/*width:510px;*/
}

div#interactive-panel1 .submit-line,
div#interactive-panel2 .submit-line
{
	top:600px;
	left:50px;
}

div#colonial-interactive .w-submit-button
{
	background:#ad654d;
	text-shadow:none;
	color:#fff;
	margin-left: 148px;
	margin-bottom:5px;
}
/* BG */
div#colonial-interactive #test_button
{
	background:#fcb32d; 
}
div#colonial-interactive .interactive-panel
{
	display:none;
}
div#colonial-interactive #interactive-panel1
{
	display:block;
}

div#colonial-interactive .interactive-panel input[type="radio"], 
div#colonial-interactive .interactive-panel input[type="checkbox"]
{	position: absolute;
	left: -9999px;
	display: none;
}
div#colonial-interactive #home-types, div#colonial-interactive #colonial-conditions
{
	margin-left: -20px;
}
/*panel1*/
div#colonial-interactive #home-types label.radio
{
	width: 103px;
	float: left;
}
div#colonial-interactive .img-caption
{
	display: block;
	text-decoration: none;
	text-align: center;
	color:#767677;
	font-weight: bold;
}
div#colonial-interactive label.selected .img-caption
{
	color:#fff;
	font-weight: bold;
	background-color: #9a6ded;
	text-decoration: none;
}
/*panel2*/
div#colonial-interactive #colonial-conditions label.radio
{
	width: 203px;
	height:35px;
	float: left;
	border:2px solid #b6b7b8;
	background-color:#fff;
	color:#767677	;
	font-weight: bold;
	font-size:17px;
	padding-left: 0;
	margin-left:20px;
}
div#colonial-interactive #colonial-conditions label.radio img
{
	margin:6px;
}
div#colonial-interactive #colonial-conditions label.selected, div#colonial-interactive #colonial-conditions label.selected a
{
	border:2px solid #5585d7;
	background-color:#5585d7;
	color:#fff;
}



div#colonial-interactive .colonial-name.selected
{
	border:2px solid #5585d7;
	background-color:#5585d7;
	color:#fff;
	font-weight: bold;
	font-size: 17px;
	vertical-align: center;
}
div#colonial-interactive .colonial-name.selected img
{
	float:left;
	margin:5px 6px;
}
div#colonial-interactive .colonial-name.selected p, div#colonial-interactive .colonial-name.selected a
{
	margin-top:6px;
}
/*Panel 3*/
div#colonial-interactive #colonial-proofing label
{
	margin-right:1px;
}
div#colonial-interactive #colonial-proofing label.checkbox
{
	width: 100px;
	height:30px;
	float: left;
	border:2px solid #b6b7b8;
	background-color:#fff;
	color:#767677;
	font-weight: bold;
	font-size:17px;
	padding-left: 0;
	//margin-left:20px;
}
div#colonial-interactive #colonial-proofing label.selected, div#colonial-interactive #colonial-proofing label.selected a
{
	/*border:2px solid #9a6ded;*/
	background-color:#9a6ded;
	color:#fff;
}
div#colonial-interactive #colonial-proofing label.checkbox img
{
	margin: 3px 0px 2px 2px;
}

div#colonial-interactive #home-image
{
	margin:0px;
	display:none;
	float:left;
}
div#colonial-interactive #home-original-trees,
div#colonial-interactive #home-original-gutters,
div#colonial-interactive #home-solution-gutters,
div#colonial-interactive #home-solution-sandbags,
div#colonial-interactive #home-solution-caulk,
div#colonial-interactive #home-solution-shades,
div#colonial-interactive #home-solution-trees,
div#colonial-interactive #home-solution-anchor,
div#colonial-interactive #home-solution-insulation,
div#colonial-interactive #home-solution-woodenboards
{
	display:none;
	float:left;
	margin-top:-179px;
}


.isVisible
{
	display:block;
}

/*REVEALABLE*/
div#colonial-interactive .reveal
{
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0;
}

div#colonial-interactive div#interactive-panel3  .reveal
{
	margin-right: 10px;
}

div#colonial-interactive .reveal a
{
	color:#fcb32d;
}



/*div#colonial-interactive .revealable
{
	width: 960px;
	min-width: 960px;
	height: 100%;
	position: absolute;
	overflow: visible;
	top: 0px;
	left:0;
	right: 0;
	margin: 0px auto;
	background-color: rgba(0,0,0,0.25);
	z-index: 100;

	display:none;
}*/
div#colonial-interactive .revealable-content
{
	position: relative;
	width: 490px;
	height:326px;
	margin-left: 75px;
	top: 245px;
	border: 2px solid #fcb32d;
	/*top: 25%;*/
	padding: 18px 15px 10px 15px;
	background: #ffffff; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	font-size:12px;
	font-weight: normal;

	overflow: auto;
}
div#colonial-interactive .revealable-content h5 
{
	border-bottom: solid 2px #ffe1aa;
	color:#fcb32d;
	height:30px;
}

div#colonial-interactive .revealable-content .overlay-image
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

div#colonial-interactive .revealable-content  a.close-button
{
	position: absolute;
	top: 9px;
	right: 9px;
	display:block;
	width: 20px;
	height: 24px;
	background: url('../images/interactives/popup-close.png') no-repeat top;
	text-indent: -9999px;
}

div#colonial-interactive .revealable-content  a.close-button:hover
{
	background-position: bottom;
}

div#colonial-interactive .hint h2 {
}
div#colonial-interactive .hint img 
{
	vertical-align: text-top;
}

/*Answer key icons*/
div#colonial-interactive .answer-icon
{
	background: url("../images/interactives/w_answers_key.png") no-repeat top left;
	width:22px;
	height:21px;
	display:none;
}

div#colonial-interactive div.reveal.results > a
{
	display: block; width: 20px; height: 20px; position: absolute; z-index: 50; 

}

div#colonial-interactive .answer-icon:focus {outline: solid 2px yellow;}

div#colonial-interactive .answer-icon.correct
{
	background-position: 0px 0px;
	display:block;
}

div#colonial-interactive .answer-icon.wrong:focus {outline: solid 2px orange;}


div#colonial-interactive .answer-icon.question
{
	background-position: -22px 0px;
	display:block;
}
div#colonial-interactive .answer-icon.wrong
{
	background-position: -44px 0px;
	display:block;
}
div#colonial-interactive .answer-icon.correct-revealed  /* BG - Added for if user didn't get it right the 3rd try */
{
	background-position: -66px 0px;
	display:block;
}
div#colonial-interactive #colonial-feedback { /*follows the rest of the img tags in the workarea*/
	display:none;
	float:left;
	margin-top:-179px;
}
div#colonial-interactive #colonial-feedback #caulk { 
	display:none;
	margin-top: 24px;
	margin-left: -90px;
}
div#colonial-interactive #colonial-feedback #trees { 
	display:none;
	margin-top: 50px;
	margin-left: 50px;
}
div#colonial-interactive #colonial-feedback #shades { 
	display:none;
	margin-top: 20px;
	margin-left: 65px;
}
div#colonial-interactive #colonial-feedback #anchor { 
	display:none;
	margin-top: 60px;
	margin-left: -10px;
}
div#colonial-interactive #colonial-feedback #insulation { 
	display:none;
	margin-top: 0px;
	margin-left: 102px;
}
div#colonial-interactive #colonial-feedback #sandbags { 
	display:none;
	margin-top: 70px;
	margin-left: 90px;
}
div#colonial-interactive #colonial-feedback #woodenboards { 
	display:none;
	margin-top: 35px;
	margin-left: -40px;
}
div#colonial-interactive #colonial-feedback #gutters { 
	display:none;
	margin-top: 15px;
	margin-left: 10px;
}
div#colonial-interactive #colonial-feedback .results {
	float: left;
}

div#colonial-interactive #colonial-feedback .revealable-content
{
	width: 205px;
	height: 124px;
	border: none;
	background: url(../images/css-images/callout.png) no-repeat;
	left: 132px;
	top: 290px;
	padding-top: 7px;
	margin-left: 0px;
	outline: none;
}

div#colonial-interactive #colonial-feedback a {text-indent: 9999px;}

div#colonial-interactive #colonial-feedback .results.reveal.mobile.caulk > a
{
	/*top: 450px;*/
	top: 563px;
	left: 324px;
	/*left: 310px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.mobile.insulation > a
{
	/*top: 423px;*/
	top: 511px;
	left: 463px;
	/*left: 431px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.mobile.sandbags > a
{
	/*top: 505px;*/
	top: 607px;
	left: 468px;
	/*left: 448px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.mobile.trees > a
{
	/*top: 385px;*/
	top: 455px;
	left: 447px;
	/*left: 427px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.mobile.shades > a
{
	/*top: 457px;*/
	top: 527px;
	left: 367px;
	/*left: 347px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.mobile.anchor > a
{
	/*top: 506px;*/
	top: 576px;
	left: 378px;
	/*left: 358px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.mobile.woodenboards > a
{
	/*top: 455px;*/
	top: 547px;
	left: 516px;
	/*left: 486px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.mobile.gutters > a
{
	/*top: 430px;*/
	top: 525px;
	left: 506px;
	/*left: 510px;*/
}



div#colonial-interactive #colonial-feedback .results.reveal.townhome.caulk > a
{
	/*top: 420px;*/
	top: 490px;
	left: 404px;
	/*left: 384px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.townhome.insulation > a
{
	/*top: 373px;*/
	top: 443px;
	left: 521px;
	/*left: 501px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.townhome.sandbags > a
{
	/*top: 505px;*/
	top: 602px;
	left: 468px;
	/*left: 448px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.townhome.trees > a
{
	/*top: 425px;*/
	top: 495px;
	left: 337px;
	/*left: 317px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.townhome.shades > a
{
	/*top: 457px;*/
	top: 527px;
	left: 447px;
	/*left: 427px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.townhome.anchor > a
{
	/*top: 506px;*/
	top: 576px;
	left: 378px;
	/*left: 358px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.townhome.woodenboards > a
{
	/*top: 425px;*/
	top: 495px;
	left: 451px;
	/*left: 431px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.townhome.gutters > a
{
	/*top: 396px;*/
	top: 466px;
	left: 476px;
	/*left: 456px;*/
}


div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.caulk > a
{
	/*top: 470px;*/
	top: 540px;
	left: 364px;
	/*left: 344px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.insulation > a
{
	/*top: 406px;*/
	top: 476px;
	left: 411px;
	/*left: 391px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.sandbags > a
{
	/*top: 505px;*/
	top: 605px;
	left: 468px;
	/*left: 448px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.trees > a
{
	/*top: 425px;*/
	top: 495px;
	left: 497px;
	/*left: 477px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.shades > a
{
	/*top: 457px;*/
	top: 544px;
	left: 421px;
	/*left: 401px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.anchor > a
{
	/*top: 506px;*/
	top: 576px;
	left: 378px;
	/*left: 358px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.woodenboards > a
{
	/*top: 442px;*/
	top: 512px;
	left: 326px;
	/*left: 306px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.singlefamily.gutters > a
{
	/*top: 422px;*/
	top: 492px;
	left: 366px;
	/*left: 346px;*/
}


div#colonial-interactive #colonial-feedback .results.reveal.apartment.caulk > a
{
	/*top: 490px;*/
	top: 560px;
	/*left: 373px;*/
	left: 343px; /* move it over the brick so it can be viewed when windows are boarded */
}

div#colonial-interactive #colonial-feedback .results.reveal.apartment.insulation > a
{
	/*top: 368px;*/
	top: 438px;
	left: 411px;
	/*left: 391px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.apartment.sandbags > a
{
	/*top: 505px;*/
	top: 605px;
	left: 433px;
	/*left: 448px;*/
}

div#colonial-interactive #colonial-feedback .results.reveal.apartment.trees > a
{
	/*top: 425px;*/
	top: 495px;
	left: 497px;
	/*left: 477px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.apartment.shades > a
{
	/*top: 457px;*/
	top: 527px;
	left: 421px;
	/*left: 401px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.apartment.anchor > a
{
	/*top: 506px;*/
	top: 576px;
	left: 318px;
	/*left: 298px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.apartment.woodenboards > a
{
	/*top: 442px;*/
	top: 512px;
	left: 326px;
	/*left: 306px;*/
}
div#colonial-interactive #colonial-feedback .results.reveal.apartment.gutters > a
{
	/*top: 392px;*/
	top: 462px;
	left: 448px;
	/*left: 428px;*/
}




div#colonial-interactive #colonial-feedback .revealable-content p
{
	 overflow: auto; height: 80px; width: 188px; margin-left: 0px;
}

div#colonial-interactive #colonial-feedback .revealable-content a.close-button
{
	/*background-image: url('../images/css-images/popup-close.png');*/
	right: 15px;
}


/*ANIMATIONS*/

.heat {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('../images/interactives/heatwave.png');}

/*
.heatwave001 {width:244px; height:181px; background-position: -9105px -3px}
.heatwave002 {width:244px; height:181px; background-position: -8859px -3px}
*/
.heatwave001 {width:244px; height:181px; background-position: -8613px -3px}
.heatwave002 {width:244px; height:181px; background-position: -8367px -3px}
.heatwave003 {width:244px; height:181px; background-position: -8121px -3px}
.heatwave004 {width:244px; height:181px; background-position: -7875px -3px}
.heatwave005 {width:244px; height:181px; background-position: -7629px -3px}
.heatwave006 {width:244px; height:181px; background-position: -7383px -3px}
.heatwave007 {width:244px; height:181px; background-position: -7137px -3px}
.heatwave008 {width:244px; height:181px; background-position: -6891px -3px}
.heatwave009 {width:244px; height:181px; background-position: -6645px -3px}
.heatwave0010 {width:244px; height:181px; background-position: -6399px -3px}
.heatwave0011 {width:244px; height:181px; background-position: -6153px -3px}
.heatwave0012 {width:244px; height:181px; background-position: -5907px -3px}
.heatwave0013 {width:244px; height:181px; background-position: -5661px -3px}
.heatwave0014 {width:244px; height:181px; background-position: -5415px -3px}
.heatwave0015 {width:244px; height:181px; background-position: -5169px -3px}
.heatwave0016 {width:244px; height:181px; background-position: -4923px -3px}
.heatwave0017 {width:244px; height:181px; background-position: -4677px -3px}
.heatwave0018 {width:244px; height:181px; background-position: -4431px -3px}
.heatwave0019 {width:244px; height:181px; background-position: -4185px -3px}
.heatwave0020 {width:244px; height:181px; background-position: -3939px -3px}
.heatwave0021 {width:244px; height:181px; background-position: -3693px -3px}
.heatwave0022 {width:244px; height:181px; background-position: -3447px -3px}
.heatwave0023 {width:244px; height:181px; background-position: -3201px -3px}
.heatwave0024 {width:244px; height:181px; background-position: -2955px -3px}
.heatwave0025 {width:244px; height:181px; background-position: -2709px -3px}
.heatwave0026 {width:244px; height:181px; background-position: -2463px -3px}
.heatwave0027 {width:244px; height:181px; background-position: -2217px -3px}
.heatwave0028 {width:244px; height:181px; background-position: -1971px -3px}
.heatwave0029 {width:244px; height:181px; background-position: -1725px -3px}
.heatwave0030 {width:244px; height:181px; background-position: -1479px -3px}
.heatwave0031 {width:244px; height:181px; background-position: -1233px -3px}
.heatwave0032 {width:244px; height:181px; background-position: -987px -3px}
.heatwave0033 {width:244px; height:181px; background-position: -741px -3px}
.heatwave0034 {width:244px; height:181px; background-position: -495px -3px}
.heatwave0035 {width:244px; height:181px; background-position: -249px -3px}
.heatwave0036 {width:244px; height:181px; background-position: -3px -3px}
/*
.heatwave00 {width:244px; height:181px; background-position: -9105px -3px}
*/
.heatwave0037 {width:244px; height:181px; background-position: -8613px -3px}


.rain {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('../images/interactives/rain.png');}

/*
.rain001 {width:244px; height:181px; background-position: -9351px -3px}
.rain002 {width:244px; height:181px; background-position: -9105px -3px}
*/
.rain001 {width:244px; height:181px; background-position: -8859px -3px}
.rain002 {width:244px; height:181px; background-position: -8613px -3px}
.rain003 {width:244px; height:181px; background-position: -8367px -3px}
.rain004 {width:244px; height:181px; background-position: -8121px -3px}
.rain005 {width:244px; height:181px; background-position: -7875px -3px}
.rain006 {width:244px; height:181px; background-position: -7629px -3px}
.rain007 {width:244px; height:181px; background-position: -7383px -3px}
.rain008 {width:244px; height:181px; background-position: -7137px -3px}
.rain009 {width:244px; height:181px; background-position: -6891px -3px}
.rain0010 {width:244px; height:181px; background-position: -6645px -3px}
.rain0011 {width:244px; height:181px; background-position: -6399px -3px}
.rain0012 {width:244px; height:181px; background-position: -6153px -3px}
.rain0013 {width:244px; height:181px; background-position: -5907px -3px}
.rain0014 {width:244px; height:181px; background-position: -5661px -3px}
.rain0015 {width:244px; height:181px; background-position: -5415px -3px}
.rain0016 {width:244px; height:181px; background-position: -5169px -3px}
.rain0017 {width:244px; height:181px; background-position: -4923px -3px}
.rain0018 {width:244px; height:181px; background-position: -4677px -3px}
.rain0019 {width:244px; height:181px; background-position: -4431px -3px}
.rain0020 {width:244px; height:181px; background-position: -4185px -3px}
.rain0021 {width:244px; height:181px; background-position: -3939px -3px}
.rain0022 {width:244px; height:181px; background-position: -3693px -3px}
.rain0023 {width:244px; height:181px; background-position: -3447px -3px}
.rain0024 {width:244px; height:181px; background-position: -3201px -3px}
.rain0025 {width:244px; height:181px; background-position: -2955px -3px}
.rain0026 {width:244px; height:181px; background-position: -2709px -3px}
.rain0027 {width:244px; height:181px; background-position: -2463px -3px}
.rain0028 {width:244px; height:181px; background-position: -2217px -3px}
.rain0029 {width:244px; height:181px; background-position: -1971px -3px}
.rain0030 {width:244px; height:181px; background-position: -1725px -3px}
.rain0031 {width:244px; height:181px; background-position: -1479px -3px}
.rain0032 {width:244px; height:181px; background-position: -1233px -3px}
.rain0033 {width:244px; height:181px; background-position: -987px -3px}
.rain0034 {width:244px; height:181px; background-position: -741px -3px}
.rain0035 {width:244px; height:181px; background-position: -495px -3px}
.rain0036 {width:244px; height:181px; background-position: -249px -3px}
.rain0037 {width:244px; height:181px; background-position: -3px -3px}
/*
.rain0039 {width:244px; height:181px; background-position: -9105px -3px}
*/
.rain0038 {width:244px; height:181px; background-position: -8859px -3px}

.hurricane {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('../images/interactives/hurricane.png');}

/*
.hurricane001 {width:244px; height:181px; background-position: -9351px -3px}
.hurricane002 {width:244px; height:181px; background-position: -9105px -3px}
*/
.hurricane001 {width:244px; height:181px; background-position: -8859px -3px}
.hurricane002 {width:244px; height:181px; background-position: -8613px -3px}
.hurricane003 {width:244px; height:181px; background-position: -8367px -3px}
.hurricane004 {width:244px; height:181px; background-position: -8121px -3px}
.hurricane005 {width:244px; height:181px; background-position: -7875px -3px}
.hurricane006 {width:244px; height:181px; background-position: -7629px -3px}
.hurricane007 {width:244px; height:181px; background-position: -7383px -3px}
.hurricane008 {width:244px; height:181px; background-position: -7137px -3px}
.hurricane009 {width:244px; height:181px; background-position: -6891px -3px}
.hurricane0010 {width:244px; height:181px; background-position: -6645px -3px}
.hurricane0011 {width:244px; height:181px; background-position: -6399px -3px}
.hurricane0012 {width:244px; height:181px; background-position: -6153px -3px}
.hurricane0013 {width:244px; height:181px; background-position: -5907px -3px}
.hurricane0014 {width:244px; height:181px; background-position: -5661px -3px}
.hurricane0015 {width:244px; height:181px; background-position: -5415px -3px}
.hurricane0016 {width:244px; height:181px; background-position: -5169px -3px}
.hurricane0017 {width:244px; height:181px; background-position: -4923px -3px}
.hurricane0018 {width:244px; height:181px; background-position: -4677px -3px}
.hurricane0019 {width:244px; height:181px; background-position: -4431px -3px}
.hurricane0020 {width:244px; height:181px; background-position: -4185px -3px}
.hurricane0021 {width:244px; height:181px; background-position: -3939px -3px}
.hurricane0022 {width:244px; height:181px; background-position: -3693px -3px}
.hurricane0023 {width:244px; height:181px; background-position: -3447px -3px}
.hurricane0024 {width:244px; height:181px; background-position: -3201px -3px}
.hurricane0025 {width:244px; height:181px; background-position: -2955px -3px}
.hurricane0026 {width:244px; height:181px; background-position: -2709px -3px}
.hurricane0027 {width:244px; height:181px; background-position: -2463px -3px}
.hurricane0028 {width:244px; height:181px; background-position: -2217px -3px}
.hurricane0029 {width:244px; height:181px; background-position: -1971px -3px}
.hurricane0030 {width:244px; height:181px; background-position: -1725px -3px}
.hurricane0031 {width:244px; height:181px; background-position: -1479px -3px}
.hurricane0032 {width:244px; height:181px; background-position: -1233px -3px}
.hurricane0033 {width:244px; height:181px; background-position: -987px -3px}
.hurricane0034 {width:244px; height:181px; background-position: -741px -3px}
.hurricane0035 {width:244px; height:181px; background-position: -495px -3px}
.hurricane0036 {width:244px; height:181px; background-position: -249px -3px}
.hurricane0037 {width:244px; height:181px; background-position: -3px -3px}
/*
.hurricane0039 {width:244px; height:181px; background-position: -9105px -3px}
*/
.hurricane038 {width:244px; height:181px; background-position: -8859px -3px}


.blizzard {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('../images/interactives/blizzard.png');}

/*
.blizzard001 {width:244px; height:181px; background-position: -11565px -3px}
.blizzard002 {width:244px; height:181px; background-position: -11319px -3px}
*/
.blizzard001 {width:244px; height:181px; background-position: -11073px -3px}
.blizzard002 {width:244px; height:181px; background-position: -10827px -3px}
.blizzard003 {width:244px; height:181px; background-position: -10581px -3px}
.blizzard004 {width:244px; height:181px; background-position: -10335px -3px}
.blizzard005 {width:244px; height:181px; background-position: -10089px -3px}
.blizzard006 {width:244px; height:181px; background-position: -9843px -3px}
.blizzard007 {width:244px; height:181px; background-position: -9597px -3px}
.blizzard008 {width:244px; height:181px; background-position: -9351px -3px}
.blizzard009 {width:244px; height:181px; background-position: -9105px -3px}
.blizzard0010 {width:244px; height:181px; background-position: -8859px -3px}
.blizzard0011 {width:244px; height:181px; background-position: -8613px -3px}
.blizzard0012 {width:244px; height:181px; background-position: -8367px -3px}
.blizzard0013 {width:244px; height:181px; background-position: -8121px -3px}
.blizzard0014 {width:244px; height:181px; background-position: -7875px -3px}
.blizzard0015 {width:244px; height:181px; background-position: -7629px -3px}
.blizzard0016 {width:244px; height:181px; background-position: -7383px -3px}
.blizzard0017 {width:244px; height:181px; background-position: -7137px -3px}
.blizzard0018 {width:244px; height:181px; background-position: -6891px -3px}
.blizzard0019 {width:244px; height:181px; background-position: -6645px -3px}
.blizzard0020 {width:244px; height:181px; background-position: -6399px -3px}
.blizzard0021 {width:244px; height:181px; background-position: -6153px -3px}
.blizzard0022 {width:244px; height:181px; background-position: -5907px -3px}
.blizzard0023 {width:244px; height:181px; background-position: -5661px -3px}
.blizzard0024 {width:244px; height:181px; background-position: -5415px -3px}
.blizzard0025 {width:244px; height:181px; background-position: -5169px -3px}
.blizzard0026 {width:244px; height:181px; background-position: -4923px -3px}
.blizzard0027 {width:244px; height:181px; background-position: -4677px -3px}
.blizzard0028 {width:244px; height:181px; background-position: -4431px -3px}
.blizzard0029 {width:244px; height:181px; background-position: -4185px -3px}
.blizzard0030 {width:244px; height:181px; background-position: -3939px -3px}
.blizzard0031 {width:244px; height:181px; background-position: -3693px -3px}
.blizzard0032 {width:244px; height:181px; background-position: -3447px -3px}
.blizzard0033 {width:244px; height:181px; background-position: -3201px -3px}
.blizzard0034 {width:244px; height:181px; background-position: -2955px -3px}
.blizzard0035 {width:244px; height:181px; background-position: -2709px -3px}
.blizzard0036 {width:244px; height:181px; background-position: -2463px -3px}
.blizzard0037 {width:244px; height:181px; background-position: -2217px -3px}
.blizzard0038 {width:244px; height:181px; background-position: -1971px -3px}
.blizzard0039 {width:244px; height:181px; background-position: -1725px -3px}
.blizzard0040 {width:244px; height:181px; background-position: -1479px -3px}
.blizzard0041 {width:244px; height:181px; background-position: -1233px -3px}
.blizzard0042 {width:244px; height:181px; background-position: -987px -3px}
.blizzard0043 {width:244px; height:181px; background-position: -741px -3px}
.blizzard0044 {width:244px; height:181px; background-position: -495px -3px}
.blizzard0045 {width:244px; height:181px; background-position: -249px -3px}
.blizzard0046 {width:244px; height:181px; background-position: -3px -3px}
/*
.blizzard0049 {width:244px; height:181px; background-position: -11565px -3px}
*/
.blizzard0047 {width:244px; height:181px; background-position: -11073px -3px}


div#colonial-interactive #colonial-treatment {
	float: left;
	z-index: 1;
	margin-top: -181px;
	margin-left: -1px;
}

/*-- Content Table --*/
#content-table table {
	background-color: #aaa;
	border-spacing: 2px;
	border: 2px;
	font-size: 0.9em;
	line-height: 1.1em;
	margin: 10px 0;
}
#content-table th {
	background-color: #ddd;
	padding: 2px 5px;
	border: 2px solid #aaa;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
#content-table td {
	background-color: #eef3f3;
	padding: 2px 5px;
	border: 2px solid #aaa;
	vertical-align: top;
}
#content-table.mdcolonial td {
	font-size: 0.9em;
}
#content-table.mdcolonial td:nth-child(1), #content-table.colonialproof td:nth-child(1) {
	font-weight: bold;
}
/*-- Teacher Notes --*/
#print-teacher-notes {
	display: block;
	float: right;
}

/*-- modifying bootstrap style --*/
.btn.disabled,
.btn[disabled] {
  opacity: 0.25;
  filter: alpha(opacity=25);
	text-decoration: none !important;
}

input:focus{
	outline: #aaa solid 2px;
}

/*--- Teacher Resources --*/
ul.teacher-objectives, ul.teacher-differentiation {
	padding-top: 0; margin-top: -10px; 
}
h3.teacher-subtitle {
	font-size: 1.25em;
	line-height: 1.25em;
	padding: 0;
	margin: .30em 0 .20em;
}
h4.teacher-subtitle {
	font-size: 1.1em !important;
	line-height: 1em;
	padding: 0;
	margin: .30em 0 .20em;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}

table.ngss th, table.ngss td {
	border: solid 1px black;	
}
table.ngss td {
	font-size: 0.9em;
	line-height: 1.2em;
}
table.ngss td li {
	line-height: 1.2em;
}
table.ngss th {
	color: #fff;
}
table.ngss th, table.ngss td {
	padding: 6px;
}
table.ngss th.science {
	background-color: #2a338b;
}
table.ngss th.disciplinary {
	background-color: #fe5401;
}
table.ngss th.crosscutting {
	background-color: #02a747;
}
table.ngss td {
	vertical-align: top;
	width: 33%;
}
table.ngss td.science {
	background-color: #b8cce4;
}
table.ngss td.disciplinary {
	background-color: #fbd4b3;
}
table.ngss td.crosscutting {
	background-color: #d7e3bd;
}
table.ngss td.crosscutting hr {
	background-color:#d7e3bd;
	border:#000 1px dotted;
	border-style: none none dotted;
	color:#d7e3bd;
}