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

.hide { display:none; }

#content
{
	font-weight:400;	
}

h2
{
	font-style:italic;
	font-weight:200;
	font-size:2.0em;
	margin-top: 10px;
	margin-bottom: 20px;
}

@media (max-width: 480px){ 
	h2#contentHeader
	{
		font-size:1.6em;
		margin-top: 5px;
		margin-bottom: 10px;
	}
}

h3 {
	font-size: 1.2em;
	margin-top: 1.1em;
	margin-bottom: .8em;
}

h4 {
	font-size: 1.0em;
	margin-top: .5em;
	margin-bottom: .2em;
}

a
{
	color:#6196ec;	
}

a:hover
{
	color:#2e6acc;	
}

p
{
	line-height:1.5em;
	margin: 0 0 10px;
}

li
{
	line-height:1.5;
	margin-left:10px;
}

.noDisc {
	list-style-type: none;
}

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img
{
	display: block;
	height: auto;
	margin: auto;
}

img.right
{
	float:right;
	width:55%;
	margin-left:15px;
	margin-bottom: 8px;
}

img.left
{
	float:left;
	width:55%;
	margin-right:15px;
}

img.leftTall
{
	float:left;
	width:42%;
	margin-right:15px;
}
img.leftTall2
{
	float:left;
	width:35%;
	margin-right:15px;
}

img.rightTall
{
	float:right;
	width:35%;
	margin-left:15px;
}

.genericTable {
	border: 1px solid #000;
	border: hidden;
	border-collapse: collapse;
}

	.genericTable th {
		padding: .3em;
		border: 1px solid #000;
		font-weight: bold;
		text-align: center;
		width:50%;
	}
	
	.genericTable td {
		padding: .6em;
		border: 1px solid #000;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
	}
.noBorder, .noBorder th, .noBorder tr, .noBorder td {
		border:hidden;
	}
	
	.colorTable {
	border: 2px solid #FFF;
	
}

	.colorTable th {

		border: 2px solid #FFF;
	
	}
	
	.colorTable td {
	
		border: 2px solid #FFF;
		
	}
	
	
	
.center {
	text-align: center;
}

.objective {
	margin: 1em 0;
	padding: 10px 20px;
	
}

.objective h3 {
		margin-top: 5px;
}

.reading {
	margin: 1em 0;
	padding: 10px 20px;
	text-align:left;
	-webkit-border-radius: 10px 10px 10px 18px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
	
}
.reqreading {  font-size:17px; float:left;  }

	.reading h3 {
		margin-top: 5px;
		border:2px solid; 
	}



	
	
.centerBox {
	margin-left: auto;
	margin-right: auto;
}

.rightBox {
	float: right;
	margin-left: 20px;
}

.leftBox {
	float: left;
	margin-right: 20px;
}

.marginBottom {
	margin-bottom: 1em;
}

.marginTop {
	margin-top: 1em;
}

.marginTopNone {
	margin-top: 0;
}

.marginBottomBig {
	margin-bottom: 1.5em;
}

.marginTopBig {
	margin-top: 1.5em;
}

.marginBottomNone {
	margin-bottom: 0;
}

.marginLeftNone, .marginLeftNone li {
	margin-left: 0;
}

.paddingLeftNone, .paddingLeftNone li {
	padding-left: 0;
}

.paddingLeft {
	padding-left: .5em;
}

.marginLeft {
	margin-left: 100px;
}



/*************   expanding areas   *************/

.collapseContainer {
	margin: .7em 0;
}

	.collapseContainer .expandHeader
	{
		display: block;
		cursor: pointer;
		padding: 9px 9px;
	}
	
		.collapseContainer .expandHeader span.left {
			margin-right: 10px;
		}
		
		.collapseContainer .expandHeader span.right {
			float: right;
			margin-left: 10px;
		}
		
	.collapseContainer .expandContainer {
			
	}
		
		.collapseContainer .expandContainer > div {
			padding: 8px 15px;
		}
		
.collapseGroup {
	margin: .5em 0;
}
.collapseGroup .collapseContainer {
	margin: .5em 0;
}

/* to darken the link colors inside boxes where the linked color on top of the spec'd color makes the viewers eyes vibrate -- there's no case for it yet, but I should probably leave the "collapseContainer" designation off because eventually there will be a link that's just on one of these medium color backgrounds without being in a dropdown. Moving too fast to do it now. (gc) */

.collapseContainer .purpleBG a, .collapseContainer .orangeBG a, .collapseContainer .tealBG a, .collapseContainer .greenBG a, .collapseContainer .blueBG a, .collapseContainer .redBG a { 

	color:#2e6acc;
}
.collapseContainer .purpleBG a:hover, .collapseContainer .orangeBG a:hover, .collapseContainer .tealBG a:hover, .collapseContainer .greenBG a:hover, .collapseContainer .blueBG a:hover, .collapseContainer .redBG a:hover 
{
	color:#6196ec;
}

/*************   end expanding areas   *************/


.two-column > div
{
    margin: .5em 0;
}

[class*='-column'] ul
{
	margin: 0;
}
	
@media only screen and (min-width: 768px) 
{  	
    [class*='-column']
    {
        display: table;
        clear: both;
        margin-top: 1em;
        width: 98%;
		margin: auto 1%;
    }
    [class*='-column'] ul,
    [class*='-column']:after	
    {
        display: table-row;
    }
    [class*='-column'] li,
    [class*='-column'] div
    {
        display: table-cell;
        box-sizing: border-box;
        padding-left: 1%;
		vertical-align: top;
    }
    [class*='-column'] > div img
    {
        width: 100%;
    }
    [class*='-column'] > div:first-child
    {
        padding-left: 0;
        padding-right: 1%;
    } 
	.two-column div
	{
		width: 50%;
	}
}
	
/* Start All Activities */

	#activityAPI-v1-feedback
	{
		/*display: table;*/
		margin: 1em auto;
		position: relative;
	}
	.activityDirections,
	.activityBottomText
	{
		color: #939393;
		font-style: italic
	}
	.activityDirections strong,
	.activityBottomText strong
	{
		color: #000;
	}
	
	.questionNum:before
	{
		content: 'Question ';
	}
	.questionNum
	{
		text-align: center;
	}	

/* End All Activities */
	
/* Start Flip Card Activity */

	.activityAPI-flipCard .card,
	.activityAPI-flipCardAdv .card
	{
		margin: 10px 2%;
	}
	@media only screen and (min-width: 768px) 
	{  	
		.card,
		.activityAPI-flipCardAdv.twoCards .card
		{
			float: left;
			width: 46%;
		}
	}
	@media only screen
	{
		.activityAPI-flipCard .card a,
		.activityAPI-flipCardAdv .card a
		{
			border-radius: 3px;
			box-shadow: -5px 5px 5px 0px #d9ded5;
			color: #000;
			padding: 1em;
		}
		.activityAPI-flipCard .card a.back,
		.activityAPI-flipCardAdv .card a.back
		{
			box-shadow: 5px 5px 5px 0px #d9ded5;
		}
	}

/* End Flip Card Activity */

/* Start Single Question Activity */

	.activityAPI-singleQuestion .stem
	{
		font-weight: bold;
		margin: 1em auto;
	}
	.activityAPI-singleQuestion .answers:before
	{
		content:' ';
		display: table-row;
	}
	.activityAPI-singleQuestion .answers li
	{
		display: table-cell;
	}
	.activityAPI-singleQuestion .answer input[type="radio"]
	{
		display: none;
	}
	.activityAPI-singleQuestion .answer label
	{
		background-color: #eee;
		border-radius: 3px;
		box-shadow: 0px 0px 5px 1px #d9ded5;
		display: inline-block;
		font-size: .8em;
		margin: 0 1em;
		min-width: 6em;
		padding: .25em;	
		text-align: center;
	}
		
	.activityAPI-singleQuestion .complete:before
	{
		content: 'Congratulations! You have completed this activity.';
	}
	.activityAPI-singleQuestion .activityAPI-v1-button
	{
		padding-left: .5em;
	}
	
/* End Single Question Activity */	
	
/* Start Drag and Drop Activity */

	.drop-box
	{
		background-color: #eee;
		border-radius: 3px;
		display: table;
		margin: 10px 2%;
		vertical-align: top;
		text-align: right;
		width: 96%;
	}
	.drop-box .title:before
	{
		content: ' ';
		display:table-row;
	}
	.drop-box .title,
	.drop-box .indicators
	{
		display: table-cell;
		padding: 1em;
		text-align: left;
		vertical-align: top;
	}
	.drop-box .indicators
	{
		text-align: right;
	}
	.drop-box .singleIndicator
	{
		border-radius: .5em;
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		margin: 0 .25em;
		position: relative;
		top: 2px;
	}
	.drop-box .empty
	{
		background-color: #bfdd9a;
	}
	.drop-box .filled
	{
		background-color: #508a3f;
	}
	.prompt-container
	{
		text-align: center;
	}
	.prompt-container .prompt
	{
		background-color: #bfdd9a;
		border-radius: 3px;
		box-shadow: -5px 5px 5px 0px #d9ded5;
		display: inline-block;
		margin: auto;
		max-width: 60%;
		padding: .5em;
		text-align: left;
	}
	
/* END Drag and Drop Activity */


/*************   Added CSS  *************/
.reflection { padding: 30px 30px 20px 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto; 
	-webkit-border-radius: 10px 10px 10px 18px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	}
	
	/*.reqreflect {  font-size:25px; float:left;  }*/
	
	 @media (max-width: 480px){ 
 
 .reflection {width: 100%;}
 }
/*.reflectionBlue { 
	padding: 5px 5px 0px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.reflectionTeal { 
	padding: 5px 5px 0px 15px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


.reflectionGreen { 
	padding: 5px 5px 0px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.reflectionOrange { 
	padding: 5px 5px 0px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.reflectionRed { 
	padding: 5px 5px 0px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.reflectionPurple { 
	padding: 5px 5px 0px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.reflectionWhite { 
	padding: 5px 5px 0px 5px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}*/

/**************************/
.slim {
	max-width: 650px;
}


.hiddenText {
	color: #939393;
	padding: 5px 10px 5px 10px;
	text-align: left;
	font-size: 16px;
	
}

.subtleText {
	padding: 5px 10px 5px 10px;
	text-align: left;
	font-size: 16px;	
}

.clickable {
	cursor: pointer;
}
.clickable:hover {
	color:#209cf7;
}

#questions {
	max-width: 700px;
	margin: auto;
}
	
#content #questions ol li {
	font-size: 18px;
	margin-top: 1em;
	margin-bottom: 1em;
}

#content #questions ol li ol li {
	margin-top: .25em;
	margin-bottom: .25em;
}

.highlight {
	color: #eb1b1b;
	background-color: #fcd910;
}

/*************   end WHITNEY'S CSS   *************/

/*************   colors   *************/

.white, a.white {
	color: #FFF;
}
.whiteBorderRight, td.whiteBorderRight, th.whiteBorderRight {border-right:1px solid white;}


.blue-darkBG { background-color: #5B87CF; }
.blue, a.blue { color: #5B87CF; }
.blue-light {color:#e6edfa; } 
.blue-lightbulb { color:#9aacdd;}
.blueBorderBottom { border-bottom: 2px solid #5B87CF; }
.blueBorder, .blueBorder td, .blueBorder th, .blueDashedBorder { border-width: 2px; border-style: solid; border-color: #5B87CF; }
.blue-lightBorder { border-width: 2px; border-style: solid; border-color: #e6edfa; }
.blueDashedBorder { border-style: dashed; }
.blueBG, a.blue-darkBG:hover { background-color: #95b5e8; }
.blue-lightBG, a.blueBG:hover { background-color: #e6edfa; }


.teal-darkBG { background-color: #3a82a7; }
.teal, a.teal { color: #2a698a; }
.tealBorderBottom { border-bottom: 2px solid #3a82a7; }
.tealBorder, .tealBorder td, .tealBorder th, .tealDashedBorder { border-width: 2px; border-style: solid; border-color: #3a82a7; }
.tealDashedBorder { border-style: dashed; }
.teal-lightBorder { border-width: 2px; border-style: solid; border-color: #DEEEF6; }
.tealBG, a.teal-darkBG:hover { background-color: #6aadcf; }
.teal-lightBG, a.tealBG:hover { background-color: #DEEEF6 ; }

.green-darkBG { background-color: #78B54E; }
.green, a.green { color: #78B54E; }
.greenBorderBottom { border-bottom: 2px solid #78B54E; }
.greenDottedBottom { border-bottom: 2px dotted #78B54E; }
.greenDottedTop { border-top: 2px dotted #78B54E; }
.greenBorder, .greenBorder td, .greenBorder th, .greenDashedBorder { border-width: 2px; border-style: solid; border-color: #78B54E; }
.green-lightBorder { border-width: 2px; border-style: solid; border-color: #e9f7df; }
.greenDashedBorder { border-style: dashed; }
.greenBG, a.green-darkBG:hover { background-color: #a0d67b; }
.green-lightBG, a.greenBG:hover { background-color: #e9f7df; }


.orange-darkBG { background-color: #E99626; }
.orange, a.orange { color: #E99626; }
.orangeBorderBottom { border-bottom: 2px solid #E99626; }
.orangeBorder, .orangeBorder td, .orangeBorder th, .orangeDashedBorder { border-width: 2px; border-style: solid; border-color: #E99626; }
.orangeDashedBorder { border-style: dashed; }
.orange-lightBorder { border-width: 2px; border-style: solid; border-color: #fcedd9; }
.orangeBG, a.orange-darkBG:hover { background-color: #f3bd73; }
.orange-lightBG, a.orangeBG:hover { background-color: #fcedd9; }

.red-darkBG { background-color: #CC5050; }
.red, a.red { color: #CC5050; }
.redBorderBottom { border-bottom: 2px solid #CC5050; }
.redBorder, .redBorder td, .redBorder th, .redDashedBorder { border-width: 2px; border-style: solid; border-color: #CC5050; }
.redDashedBorder { border-style: dashed; }
.red-lightBorder { border-width: 2px; border-style: solid; border-color: #fcdfdf; }
.redBG, a.red-darkBG:hover { background-color: #e78787; }
.red-lightBG, a.redBG:hover { background-color: #fcdfdf ; }

.purple-darkBG { background-color: #68479e; }
.purple, a.purple { color: #68479e; }
.purpleBorderBottom { border-bottom: 2px solid #68479e; }
.purpleBorder, .purpleDashedBorder { border-width: 2px; border-style: solid; border-color: #68479e; }
.purpleDashedBorder { border-style: dashed; }
.purple-lightBorder { border-width: 2px; border-style: solid; border-color: #eee5fb; }
.purpleBG, a.purple-darkBG:hover { background-color: #a387d0; }
.purple-lightBG, a.purpleBG:hover { background-color: #eee5fb; }


/*grey*/
.greygreyBorderBottom { border-bottom: 2px solid #939393; }
.greygreyBG { background-color: #939393; }
.grey-mediumBG { background-color: #BBBBBB; }
.grey, a.grey { color: #939393; }
.greyBorder, .greyDashedBorder { border-width: 1px; border-style: solid; border-color: #323232; }
.greyDashedBorder { border-style: dashed; }
a.grey-darkBG:hover { background-color: #939393; }
.grey-lightBG, a.greyBG:hover { background-color: #EAEAEA; }

/*black*/
.grey-darkBG { background-color: #323232; }
.greyBorderBottom { border-bottom: 2px solid #323232; }
.greyBG { background-color: #939393; }



/*
.grey-darkBG { background-color: #323232; }
.grey, a.grey { color: #939393; }
.greyBorderBottom { border-bottom: 2px solid #323232; }
.greyBorder, .greyDashedBorder { border-width: 1px; border-style: solid; border-color: #323232; }
.greyDashedBorder { border-style: dashed; }
.greyBG, a.grey-darkBG:hover { background-color: #939393; }
.grey-lightBG, a.greyBG:hover { background-color: #EAEAEA; }

*/


.imageBorder { border: 4px solid #696969; }

/*************   end colors   *************/


.screenreader 
{position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;}

/*Keep Size Appropriate */
	.width50,
	.width65,
	.width80,
	.width95 
	{
		width: 100%;
	}

@media (min-width: 767px){
	
	.width50 {
		width: 50%;
	}
	
	.width65 {
		width: 65%;
	}
	
	.width80 {
		width: 80%;
	}
	
	.width95 {
		width: 95%;
	}
	
}

@media (max-width: 767px){
	table#scaffold,
	table#right-column
	{
		display: block !important;
	}
	
}

@media (max-width: 480px){

	.btn.btn-block 
		{	
			margin: 0px 0 0px;
		}
	

		
	img.right
		{
			float:none;
			width:100%;
			margin-left:0;
		}

	img.left
		{
			float:none;
			width:100%;
			margin-right:0;
		}

	img.leftTall
		{
			float:none;
			width:100%;
			margin-right:0;
		}
	img.rightTall
		{
			float:none;
			width:100%;
			margin-left:0;
		}
		
		
}

.none {
	list-style-type:none;
}