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



/* ::::: GENERAL STUFF :::::: */


.header-bg
{
	position:relative;
	height:50px;
	margin-top:-20px;
}

.wave-tile
{
	background-image:url(../images/wave-tile.png);
	background-repeat:repeat-x;
	height:27px;
	position:absolute;
	z-index:1;
	top:30px;
	width:100%;
}

.header-sun
{
	position:absolute;
	z-index:0;
	top:0;
	left:0px;
	width:100%;
}

.header-sun img
{
	margin-right:-13px;
}	

#content
{
	font-weight:400;
	color:#333;
	min-height:480px;
}

#content p
{
	line-height:1.6em;
}

#content li
{
	line-height:1.6em;
	padding:3px 8px 0px 1px;
}

.menu-bar.gradient-tile
{
	background-image:url(../images/header-gradient-tile.png);
	background-repeat:repeat-x;
	
}

#content p b
{
	font-weight:900;	
}

#content h4
{
	font-size:3.0em;
	font-weight:600;	
}

#content h1
{
	font-size:2.50em;	
}

#content h2
{
	font-size:1.8em;
	margin-top:0px;
	margin-bottom:15px;	
}

#content h3
{
	font-size:1.5em;	
}

#content ol li, #content ul li
{
	font-size: 18px;
	line-height: 1.6em;
}

#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;
}


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

#content .download-box
{
	display:table;	
	width:100%;
	max-width: 480px;
	margin:20px auto;
	cursor:pointer;
}

#content .download-box.baby
{
	
	max-width: 280px;
	text-align: center;

}


#content .download-box .left-box, #content .download-box .right-box
{
	display:table-cell;
	vertical-align:middle;	
	padding:10px 10px;
}

#content .download-box .left-box
{
	text-align:center;
	padding-left:10px;
	width:50px;
}

#content .download-box .left-box img
{
	margin-left:0;
}


#content .udl-box
{
	display:table;	
	width:100%;
	max-width: 800px;
	margin:20px auto;
}
#content .udl-box .left-box, #content .udl-box .right-box
{
	display:table-cell;
	vertical-align:middle;	
	padding:10px 10px;
}

#content .udl-box .left-box
{
	text-align:center;
	padding-left:10px;
	text-align: center;
	width:300px;
}

#content .udl-box .left-box img
{
	margin-left:0;
}


#content div.horizontal-rule
{
	width:90%;
	max-width:800px;
	margin:0px auto;
	margin-top:8px;
	border-bottom:1px solid #7296b4;
}

/* START Check Your Knowledge */
	
#content label
	{
		display: inline;
		padding: 0 4px;
		vertical-align: text-top;
	}
#content input[type="radio"]
	{
		background-color: #FFF !important;
		display: inline-block;
		margin: 0;
		padding: 0;
		position: relative;
		top: .6em;
		vertical-align: text-top;
	}
#content ol.none,
#content ul.none
	{
		list-style-type: none;
		margin-left: 0;
	}
	
		
#content a#restart, 
#content #nextQuestion a, 
#content #nextQuestion a:hover, 
#content #nextQuestion a:focus {
		color: #ff8f71;
		cursor: pointer;
		text-decoration: none;
	}

#content a#restart
{
	color: #000;
}
	

#content #questionContainer {
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
		border: 2px solid #bab59c;
	}
	
#content #questionContainer #question {
		padding: 1em;
	}
	
#content #questionContainer #responses {
		/* font-size: 1.2em; */
		padding: 1em;
	}
	
#content #questionContainer #responses ol li {
		padding: .25em 0;
	}
	
#content #questionNumber {
		text-align: center;
		padding: 1em;
	}
	
#content #nextQuestion {
		font-size: 1.2em;
		text-align: right;
		margin: 0 1em 1em 0;
		color: #215e8b;
	}
	
#content .hide {
		display: none;
	}
	
#content .visHide {
		visibility: hidden;
	}
	
#content .green-color {
		color: green;
	}

#content #restart {
		padding: 10px;
	}

/* END Check Your Knowledge */
	

@media (max-width: 767px) {
	#content p
	{
		font-size:1.2em;
	}
	
	#content h1
	{
		font-size:2.2em;
	}

}

.portfolio-table
{
	width:100%;
	border:2px solid #7296b4;	
	font-size:1.2em;
	border-collapse:collapse;
}

.portfolio-table td, .portfolio-table th
{
	border:2px solid #7296b4;
	padding:10px 10px;
}

.portfolio-table .center
{
	text-align:center;	
}

a { color:inherit; text-decoration:underline;	 }

.large-size
{
	font-size:1.6em;
	font-weight:300;
}

.large-size b
{
	font-weight:900;	
}

.subtle-size
{
	font-size:1.0em;
	font-weight:300;
}

.menu .large-size
{
	font-size:1.4em;
	font-weight:700;
}

.menu .subtle-size
{
	font-size:0.8em;
	font-weight:400;
}

.menu .normal-weight
{
	font-weight:normal;	
}

.subtle-weight
{
	font-weight:300;
}

.action-box
{
	display:block;
	background-color:red;
	margin:0px auto;
	text-align:center;
}

.action-box-header
{
	color:white;
	font-weight:bold;
	font-size:1.8em;
	padding:20px 10px;
	text-align:center;
}

.action-box-body
{
	padding:20px 10px;
}

.action-btn
{
	display:table;
	margin:10px auto;
	font-size:1.8em;
	font-weight:bold;
	padding:10px 20px;	
	cursor:pointer;
}

.back-btn
{
	display:inline-block;
	font-size:1.2em;
	margin-right:30px;
}

.next-btn
{
	display:inline-block;
	font-size:1.2em;
	margin-left:30px;
}

.next-question-btn
{
	display:inline-block;
	font-size:1.2em;
}

.nav-content
{
	background-color:white;
	text-align:center;
	margin-top:30px;
}


.action-btn a
{
	color:inherit;
	text-decoration:none;	
}

.action-btn a:hover
{
	color:inherit;
	text-decoration:none;	
}

.menu-bar-btn-decoy
{
	color:white;
	background-color:#7296b4;
	display:inline-block;
	padding:5px 8px;
	font-size:1.4em;
	float:left;
	margin-right:10px;
}

#content div.toc-container
{
	width:100%;
	max-width:460px;
	margin:0px auto;
}

#content table.table-of-contents
{
	width: 100%;
}

#content table.table-of-contents tr
{
	border-bottom:1px solid #ccc;	
}

#content table.table-of-contents td
{
	vertical-align:bottom;	
}

#content table.table-of-contents p
{
	padding-top:8px;
	padding-right:4px;
	margin-left:4px;
	min-width:50px;
}

#content table.table-of-contents p:hover
{
	
	color:#209cf7;
	/*causing issues... needed?
	transition: 0.15s;
	-webkit-backface-visibility: hidden;*/
}

#content table.table-of-contents tr.clickable td p
{
	margin-left:20px;	
}

.clickable
{
	cursor:pointer;	
}

#content .btn
{
	 border-radius:0px;	
}

.left-column img
{
	width:100%;
	max-width:480px;
}

.right-column img
{
	width:100%;
	max-width:480px;	
}

#content .left-column.top-align, #content .right-column.top-align
{
	vertical-align:top;	
}

#content .left-column.middle-align, #content .right-column.middle-align
{
	vertical-align:middle;	
}

#content .left-column.bottom-align, #content  .right-column.bottom-align
{
	vertical-align:bottom;	
}

#content .left-small-column.middle-align, #content .right-small-column.middle-align
{
	vertical-align:middle;	
}

@media (max-width: 767px) {
	
	.left-column img
	{
		width:100%;
		max-width:100%;
	}
	
	.right-column img
	{
		width:100%;
		max-width:100%;
	}
	
}

a
{
       color:#215e8b;
}

a:hover
{
       color:#209cf7;
       text-decoration:underline;
       transition: 0.15s;
       -webkit-backface-visibility: hidden;
       
}

/* ::::: HEROES :::::: */

#content .quote-hero
{
	width:100%;
	max-width:600px;
	margin:0px auto;
	margin-top:0px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	
	
}

#content .quote-hero.roundedLeft, #content .quote-hero.roundedRight {
	border: 2px solid #ededed;
	background-color: #f4f4f4;
	padding: 15px;
	box-sizing: border-box;
}

#content .quote-hero.roundedRight {
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

#content .quote-hero.roundedLeft {
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

#content .quote-hero.left {
	background-image: url(../images/thoughtBubbleLeft.png);
}

#content .quote-hero.right {
	background-image: url(../images/thoughtBubbleRight.png);
}

#content .quote-hero.left, #content .quote-hero.right {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#content p.quote-body
{
	font-size:2.5em;
	text-align:left;
	font-style:italic;
	line-height:1.25em;
	color:#999;
}

#content p.quote-byline
{
	font-size:1.6em;
	text-align:right;
	color:#999;
}


/* ::::: OBJECTIVES BOX :::::: */

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

#content .objective-box-header
{
	padding:10px 20px;
	font-size:1.4em;
	font-weight:600;
	background-color:#7296B4;
	color:white;
}

#content .objective-box-body
{
	border:5px solid #b8cfe1;
	border-top:none; 
	padding:15px 10px 10px 10px;
	color:#215e8b;
}

#content .objective-box-body p
{
	margin-left:10px;
	margin-right:10px;	
}

#content .objective-box-body .horizontal-rule
{
	border-bottom:1px solid #7296B4;
	width:100%;
	margin:0px auto;
	margin-bottom:15px;
	margin-top:-10px;
}

/* ::::: KEYPOINT BOX :::::: */

.keypoint-box
{
	width:100%;
	max-width:800px;
	margin:0px auto;
}

.keypoint-box-header
{
	padding:10px 0px;
	font-size:1.6em;
	font-weight:900;
	/*background-color:#69b3bb;*/
	color:white;
	display:table;
	width:100%;
}

.keypoint-box-header div
{
	display:table-cell;
	vertical-align:middle;
}

.keypoint-box-header div.icon
{
	text-align:left;
	padding-left:20px;
	width:65px;
}

.keypoint-box-header div.title
{
	text-align:left;
	padding-left:0px;
}


.keypoint-box-body
{
	padding:20px 20px 10px 20px;
	color:#222;
	/*background-color:#a2d5db;*/
	font-size:1.2em;
}

.keypoint-box-body li, .keypoint-box-body p
{
	font-size:1.2em;	
}

/* ::::: ADDITIONAL READING BOX :::::: */

.additionalreading-box
{
	width:100%;
	max-width:800px;
	margin:0px auto;
}

.additionalreading-box-header
{
	padding:10px 0px;
	font-size:1.6em;
	font-weight:700;
	/*background-color:#69b3bb;*/
	color:white;
	display:table;
	width:100%;
}

.additionalreading-box-header div
{
	display:table-cell;
	vertical-align:middle;
}

.additionalreading-box-header div.icon
{
	text-align:left;
	padding-left:20px;
	width:50px;
}

.additionalreading-box-header div.title
{
	text-align:left;
	padding-left:0px;
}

.additionalreading-box-header div.title .fui-triangle-down
{
	float:right;
	margin-right:20px;
}

.additionalreading-box-body
{
	padding: 0px 0px !important; /*this has to stay for box widths to line up*/
	color:#222;
	/*background-color:#a2d5db;*/
	width: 100%; /*this has to stay for box widths to line up*/
}

.additionalreading-box-body div.box-padding
{
	padding: 10px 10px; /*change this instead*/
}

.additionalreading-box-body li
{
	margin: 5px auto; /*change this instead*/
}

/* ::::: JOURNAL BOX :::::: */

.journal-box
{
	width:100%;
	max-width:800px;
	margin:0px auto;
}

.journal-box-header
{
	padding:10px 0px;
	font-size:1.6em;
	font-weight:900;
	background-color:#bceaef;
	display:table;
	border:6px solid #69b3bb;
	border-bottom:none;
	box-sizing: border-box; 
	width:100%;
}

.journal-box-header div
{
	display:table-cell;
	vertical-align:middle;
}

.journal-box-header div.icon
{
	text-align:left;
	padding-left:15px;
	width:65px;
}
.journal-box-header div.icon img
{
	width:53px;	
}

.journal-box-header div.title
{
	text-align:left;
	padding-left:0px;
}


.journal-box-body
{
	border:6px solid #69b3bb;
	border-top:none; 
	padding:20px 20px 10px 20px;
	font-size:1.2em;
}

#content .journal-download
{
	display:table;
	cursor:pointer;
	margin:20px auto 10px auto;
}

#content .journal-download .left-box, #content .journal-download .right-box
{
	display:table-cell;	
	vertical-align:middle;
}

#content .journal-download .right-box img
{
	width:100%;
	max-width:46px;
}

#content .journal-download .left-box
{
	text-align:right;
	padding-right:20px;
}

#content.journal-download .right-box
{
	
	text-align:left;	
}

/* ::::: TEXT BOX :::::: */

.text-box-orange, .text-box-yellow
{
	padding:10px 10px 0px 10px;
}

.text-box
{
	padding:10px 10px 0px 10px;
	
}

.text-box p
{
	font-size:1.2em;
}

.text-box.orangelight
{
	border:6px solid #ffd59a;
/*	border:10px solid #ffc09d;
	background-color:#eb8c57;	*/
}

.text-box.orange
{
	border:6px solid #f89c6b;
/*	border:10px solid #ffd59a;
	background-color:#e7ac5a;	*/
}

.text-box.coral
{
	border:6px solid #ffc09d;
/*	border:10px solid #ffd59a;
	background-color:#e7ac5a;	*/
}

.text-box.red
{
	border:6px solid #e85a5a;
/*	border:10px solid #ff9d9d;
	background-color:#e85a5a;	*/
}

.text-box.redlight
{
	border:6px solid #ff9d9d;
/*	border:10px solid #ff9d9d;
	background-color:#e85a5a;	*/
}

.text-box.purple
{
	border:6px solid #7076c8;
/*	border:10px solid #b4b9f2;
	background-color:#7076c8;	*/
}

.text-box.purplelight
{
	border:6px solid #cdb8e1;
/*	border:10px solid #b4b9f2;
	background-color:#7076c8;	*/
}

.text-box.blue
{
	border:6px solid #7296b4;
/*	border:10px solid #b8cfe1;
	background-color:#7296b4;	*/
}

.text-box.bluelight
{
	border:6px solid #b8cfe1;
/*	border:10px solid #b8cfe1;
	background-color:#7296b4;	*/
}

.text-box.bluedark
{
	border:6px solid #215e8b;
/*	border:10px solid #b8cfe1;
	background-color:#7296b4;	*/
}

.text-box.teal
{
	border:6px solid #69b3bb;
/*	border:10px solid #bceaef;
	background-color:#69b3bb;	*/
}

.text-box.teallight
{
	border:6px solid #bceaef;
/*	border:10px solid #bceaef;
	background-color:#69b3bb;	*/
}

.text-box.green
{
	border:6px solid #6ecd94;
/*	border:10px solid #bcefd0;
	background-color:#6ecd94;	*/
}

.text-box.greenlight
{
	border:6px solid #bcefd0;
/*	border:10px solid #bcefd0;
	background-color:#6ecd94;	*/
}

/* ::::: HEROES :::::: */

#content .quote-hero
{
	width:100%;
	max-width:600px;
	margin:0px auto;
	margin-top:0px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	
	
}

#content .quote-hero.left {
	background-image: url(../images/thoughtBubbleLeft.png);
}

#content .quote-hero.right {
	background-image: url(../images/thoughtBubbleRight.png);
}

#content .quote-hero.left, #content .quote-hero.right {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#content p.quote-body
{
	font-size:2.5em;
	text-align:left;
	font-style:italic;
	line-height:1.25em;
	color:#999;
}

#content p.quote-byline
{
	font-size:1.6em;
	text-align:right;
	color:#999;
}

#content ul.hero-list li p
{
	font-size:1.3em;	
}

@media (max-width: 767px) {
	
	#content p.quote-body
	{
		font-size:1.8em;
	}
	
	#content p.quote-byline
	{
		font-size:1.2em;
	}	
	
	#content ul.hero-list li p
	{
		font-size:1.2em;	
	}
	
}


/* ::::: KEY SKILL :::::: */

.key-skill
{
	width:100%;
	background-color:#999;
	max-width:800px;
	margin:0px auto;
	margin-bottom:20px;
	display:table;
}

.key-skill div
{
	display:table-cell;
	vertical-align:middle;	
}

.key-skill div.number
{
	text-align:center;
	padding: 10px 40px 10px 40px;
}

.key-skill div.number span
{
	font-size:3em;
	margin:0 0;
	padding:0 0;
	color:white;
	text-align:center;
	font-weight:bold;
	
}

.key-skill div.number img
{

	min-width:90px;	
}

.key-skill div.title
{
	width:80%;
	
}

.key-skill div.title span
{
	font-size:2.6em;
	margin:0 0;
	padding:0 0;
	text-align:left;
	margin-left:40px;
	font-weight:600;
	display:inline-block;
}

@media (max-width: 767px) {
	.key-skill div.title span
	{
		font-size:2.2em;
		margin-left:20px;	
	}
	
	.key-skill div.number img
	{
	
		min-width:inherit;	
	}
	
	.key-skill div.number
	{
		
		padding: 10px 10px 10px 10px;
	}
}

@media (max-width: 480px) {
	.key-skill div.title span
	{
		font-size:1.6em;
		margin-left:20px;	
	}
	
	
	.key-skill div.number
	{
		
		padding: 10px 10px 10px 10px;
	}
}

.key-skill.yellow div.number {		background-color:#ecd457; }
.key-skill.yellow div.title  {		background-color:#fff99a; }
.key-skill.orange div.number {		background-color:#f89c6b; }
.key-skill.orange div.title  {		background-color:#ffd19a; }
.key-skill.red div.number {		background-color:#e85a5a; }
.key-skill.red div.title  {		background-color:#ff9d9d; }
.key-skill.purple div.number {		background-color:#7076c8; }
.key-skill.purple div.title  {		background-color:#b4b9f2; }
.key-skill.blue div.number {		background-color:#7296b4; }
.key-skill.blue div.title  {		background-color:#b8cfe1; }
.key-skill.teal div.number {		background-color:#69b3bb; }
.key-skill.teal div.title  {		background-color:#bceaef; }
.key-skill.green div.number {		background-color:#6ecd94; }
.key-skill.green div.title  {		background-color:#bcefd0; }

/* ::::: PICTURE/VIDEO :::::: */

img.dark-border
{
	border:5px solid #222;
	width:93%;	
}

img.light-border
{
	border:10px solid #aaa;	
	width:93%;
}

img.blue-border
{
	border:2px solid #7296b4;
	width:93%;	
}

.video-container.dark-border
{
	border:10px solid #222;	
}

p.image-caption
{
	padding-top:10px;
	font-size:0.8em;
	font-weight:400;
	font-style:italic;	
}

@media (max-width: 767px) {
	.video-container.dark-border
	{
		border:5px solid #222;		
	}	
}

/* ::::::: CALLOUTS :::::: */

#content .callout-box
{
	font-weight:600;
	font-size:17px;
	border:none;	
/*	border-bottom:3px solid #7296b4;	*/
	border-left:3px solid #7296b4;
	background-color:white;
	width:75%;
	margin-left:20px;
	margin-top:0px;
	padding-top:0px;
}

#content .callout-box.inset
{
	display:block;
	float:right;
	width:40%;
	max-width:40%;
	margin:5px 15px 5px 5px;
	border-bottom:3px solid #7296b4;
	border-left:3px solid #7296b4;
	margin-left:10px;
	margin-bottom:10px;
}

#content .callout-box.inset p
{
	font-size:1.0em;	
	
}

.callout-box p
{
	font-size:1.0em;
	margin-left:10px;	
}

@media (max-width: 767px) {
	
	#content .callout-box
	{
		width:90%;
		margin:0px auto;
	}
}

.specialHeader {
	position: relative;
	text-align: center;
	margin-top: 1em;
}

	.specialHeader h2 {
		display: inline-block;
		margin: 0 auto;
		position: relative;
	}
	.specialHeader.explicit h2 {
		display: block;
	}	
	.specialHeader h2:before {
		content: ' ';
		position: absolute;
		display: block;
	}
	
	.specialHeader h2:after {
		content: ' ';
		position: absolute;
		display: block;
	}

	.specialHeader.coloredBall h2:before {
		width: 60px;
		height: 60px;
		left: -70px;
		top: -25px;
		background: url(../content/unit01/images/arrowsStepsSmall.png);
	}
	
	@media (max-width: 840px) {
		.specialHeader.coloredBall h2:before {
			content: none;
	}
	}
	
	.specialHeader.coloredBall h2:after {
		width: 110%;
		height: 3px;
		left: -10px;
		bottom: -4px;
		background: -moz-linear-gradient(left,  rgba(112,118,200,0) 0%, rgba(112,118,200,1) 3%, rgba(112,118,200,1) 48%, rgba(112,118,200,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(112,118,200,0)), color-stop(3%,rgba(112,118,200,1)), color-stop(48%,rgba(112,118,200,1)), color-stop(100%,rgba(112,118,200,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(112,118,200,0) 0%,rgba(112,118,200,1) 3%,rgba(112,118,200,1) 48%,rgba(112,118,200,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(112,118,200,0) 0%,rgba(112,118,200,1) 3%,rgba(112,118,200,1) 48%,rgba(112,118,200,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(112,118,200,0) 0%,rgba(112,118,200,1) 3%,rgba(112,118,200,1) 48%,rgba(112,118,200,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(112,118,200,0) 0%,rgba(112,118,200,1) 3%,rgba(112,118,200,1) 48%,rgba(112,118,200,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007076c8', endColorstr='#007076c8',GradientType=1 ); /* IE6-9 */
	}
	
	.specialHeader.tools h2:before {
		width: 72px;
		height: 55px;
		left: -93px;
		top: -20px;
		background: url(../content/unit04/images/ToolboxLightIcon.png);
	}
	
	@media (max-width: 840px) {
		.specialHeader.tools h2:before {
			content: none;
	}
	}
	
	.specialHeader.tools h2:after {
		width: 110%;
		height: 3px;
		left: -7px;
		bottom: -6px;
		background: -moz-linear-gradient(left,  rgba(162,139,120,0) 0%, rgba(162,139,120,1) 3%, rgba(162,139,120,1) 48%, rgba(162,139,120,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(162,139,120,0)), color-stop(3%,rgba(162,139,120,1)), color-stop(48%,rgba(162,139,120,1)), color-stop(100%,rgba(162,139,120,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(162,139,120,0) 0%,rgba(162,139,120,1) 3%,rgba(162,139,120,1) 48%,rgba(162,139,120,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(162,139,120,0) 0%,rgba(162,139,120,1) 3%,rgba(162,139,120,1) 48%,rgba(162,139,120,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(162,139,120,0) 0%,rgba(162,139,120,1) 3%,rgba(162,139,120,1) 48%,rgba(162,139,120,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(162,139,120,0) 0%,rgba(162,139,120,1) 3%,rgba(162,139,120,1) 48%,rgba(162,139,120,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007076c8', endColorstr='#007076c8',GradientType=1 ); /* IE6-9 */
	}
	
	.specialHeader.explicit h2 span {
		width: 41px;
		height: 37px;
		display: inline-block;
		background: #73C592 url(../content/unit05/images/box.png);
		line-height: 37px;
		text-align: center;
	}
	
	.specialHeader.explicit.blue span {
		background-color: #7296B4;
	}
	
	
	
	
	.intensityHeader {
		content: ' ';
		width: 43px;
		height: 40px;
		position: absolute;
		left: -44px;
		top: -5px;
		display: block;
		background: url(../content/unit05/images/explicit-icon4.gif);
	}
	



.marginTop3half
{
	margin-top: 3.5em;
}

.marginTopBig {
	margin-top: 2em;
}

.marginLeft {
	margin-left: 1em;
}

.marginLeftBig {
	margin-left: 3em;
}

.paddingAll {
	padding: 1em;
}

.paddingAllBig {
	padding: 3em;
}

.paddingLeft {
	padding-left: 1em;
}

.paddingLeftBig {
	padding-left: 3em;
}

.paddingRight {
	padding-right: 1em;
}

.paddingRightBig {
	padding-right: 3em;
}

.center {
	text-align: center;
}

.disabilityAreas .left-column, .disabilityAreas .right-column {
	padding-left: 2em;
	padding-right: 2em;
}

.disabilityAreas a {
	word-break: break-word;
}

.disabilityAreas .left-column {
	border-right: 2px solid #69B3BB;
}

@media (max-width: 767px) {
	.disabilityAreas .left-column {
		border-right: none;
	}
}

#content .disabilityAreas h3 {
	font-size: 1.5em;
	margin-bottom: .5em;
}

#content .disabilityAreas h2, #content h2.udl {
	position: relative;
	margin-bottom: 2em;
	text-align: center;
}

#content .disabilityAreas h2.green:after,
#content .disabilityAreas h2.blue:after,
#content h2.udl.blue:after,
#content h2.udl.green:after,
#content h2.udl.purple:after
 {
	content: ' ';
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -7px;
	display: block;
	background-repeat: no-repeat;
}

#content .disabilityAreas h2.green:after {
	background: -moz-linear-gradient(left,  rgba(188,239,208,0) 0%, rgba(188,239,208,1) 25%, rgba(188,239,208,1) 75%, rgba(188,239,208,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(188,239,208,0)), color-stop(25%,rgba(188,239,208,1)), color-stop(75%,rgba(188,239,208,1)), color-stop(100%,rgba(188,239,208,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(188,239,208,0) 0%,rgba(188,239,208,1) 25%,rgba(188,239,208,1) 75%,rgba(188,239,208,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(188,239,208,0) 0%,rgba(188,239,208,1) 25%,rgba(188,239,208,1) 75%,rgba(188,239,208,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(188,239,208,0) 0%,rgba(188,239,208,1) 25%,rgba(188,239,208,1) 75%,rgba(188,239,208,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(188,239,208,0) 0%,rgba(188,239,208,1) 25%,rgba(188,239,208,1) 75%,rgba(188,239,208,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcefd0', endColorstr='#00bcefd0',GradientType=1 ); /* IE6-8 */
}

#content .disabilityAreas h2.blue:after {
	background: -moz-linear-gradient(left,  rgba(188,234,239,0) 0%, rgba(188,234,239,1) 25%, rgba(188,234,239,1) 75%, rgba(188,234,239,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(188,234,239,0)), color-stop(25%,rgba(188,234,239,1)), color-stop(75%,rgba(188,234,239,1)), color-stop(100%,rgba(188,234,239,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(188,234,239,0) 0%,rgba(188,234,239,1) 25%,rgba(188,234,239,1) 75%,rgba(188,234,239,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(188,234,239,0) 0%,rgba(188,234,239,1) 25%,rgba(188,234,239,1) 75%,rgba(188,234,239,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(188,234,239,0) 0%,rgba(188,234,239,1) 25%,rgba(188,234,239,1) 75%,rgba(188,234,239,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(188,234,239,0) 0%,rgba(188,234,239,1) 25%,rgba(188,234,239,1) 75%,rgba(188,234,239,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bceaef', endColorstr='#00bceaef',GradientType=1 ); /* IE6-8 */
}

#content h2.udl.blue:after {
	background: -moz-linear-gradient(left,  rgba(0,102,161,0) 0%, rgba(0,102,161,1) 25%, rgba(0,102,161,1) 75%, rgba(0,102,161,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,102,161,0)), color-stop(25%,rgba(0,102,161,1)), color-stop(75%,rgba(0,102,161,1)), color-stop(100%,rgba(0,102,161,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,102,161,0) 0%,rgba(0,102,161,1) 25%,rgba(0,102,161,1) 75%,rgba(0,102,161,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,102,161,0) 0%,rgba(0,102,161,1) 25%,rgba(0,102,161,1) 75%,rgba(0,102,161,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,102,161,0) 0%,rgba(0,102,161,1) 25%,rgba(0,102,161,1) 75%,rgba(0,102,161,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,102,161,0) 0%,rgba(0,102,161,1) 25%,rgba(0,102,161,1) 75%,rgba(0,102,161,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066a1', endColorstr='#000066a1',GradientType=1 ); /* IE6-9 */
}

#content h2.udl.green:after {
	background: -moz-linear-gradient(left,  rgba(59,138,65,0) 0%, rgba(59,138,65,1) 25%, rgba(59,138,65,1) 75%, rgba(59,138,65,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(59,138,65,0)), color-stop(25%,rgba(59,138,65,1)), color-stop(75%,rgba(59,138,65,1)), color-stop(100%,rgba(59,138,65,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(59,138,65,0) 0%,rgba(59,138,65,1) 25%,rgba(59,138,65,1) 75%,rgba(59,138,65,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(59,138,65,0) 0%,rgba(59,138,65,1) 25%,rgba(59,138,65,1) 75%,rgba(59,138,65,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(59,138,65,0) 0%,rgba(59,138,65,1) 25%,rgba(59,138,65,1) 75%,rgba(59,138,65,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(59,138,65,0) 0%,rgba(59,138,65,1) 25%,rgba(59,138,65,1) 75%,rgba(59,138,65,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b8a41', endColorstr='#003b8a41',GradientType=1 ); /* IE6-9 */
}

#content h2.udl.purple:after {
	background: -moz-linear-gradient(left,  rgba(143,35,118,0) 0%, rgba(143,35,118,1) 25%, rgba(143,35,118,1) 75%, rgba(143,35,118,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(143,35,118,0)), color-stop(25%,rgba(143,35,118,1)), color-stop(75%,rgba(143,35,118,1)), color-stop(100%,rgba(143,35,118,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(143,35,118,0) 0%,rgba(143,35,118,1) 25%,rgba(143,35,118,1) 75%,rgba(143,35,118,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(143,35,118,0) 0%,rgba(143,35,118,1) 25%,rgba(143,35,118,1) 75%,rgba(143,35,118,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(143,35,118,0) 0%,rgba(143,35,118,1) 25%,rgba(143,35,118,1) 75%,rgba(143,35,118,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(143,35,118,0) 0%,rgba(143,35,118,1) 25%,rgba(143,35,118,1) 75%,rgba(143,35,118,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008f2376', endColorstr='#008f2376',GradientType=1 ); /* IE6-9 */
}

.additionalResources {
	margin-top: 2em;
}

	.additionalResources .hr {
		width: 90%;
		margin: 3em auto 1.5em auto;
		border-top: 2px solid #69B3BB;
	}
	
#disabilityCategories {
		border: 3px solid #69b3bb;
		box-sizing: border-box;
		margin-top: 2em;
	}
		#disabilityCategories h3 {
			font-size: 1.5em;
			line-height: 2.5em;
			margin: 0;
		}
		#disabilityCategories .birth2 {
			border-bottom: 3px solid #69b3bb;
			background-color: #bcefd0;
		}
			#disabilityCategories .buttons a {
				/*background-color: #6ecd94;*/
				
			}
				
				#disabilityCategories .buttons a div {
					display: table-cell;
					vertical-align: middle;
					padding: .75em .5em;
					width: 200px;
				}
				
				@media (max-width: 480px) {
					#disabilityCategories .buttons a div {
						width: 175px;
					}
				}
				
				#disabilityCategories .birth2 + .buttons a div {
					background-color: #6ecd94;
				}
				
				#disabilityCategories .ages3 + .buttons a div {
					background-color: #69b3bb;
				}
				
				#disabilityCategories .buttons a div:first-child {
					background-color: #BCEFD0;
					color: #FFF;
					width: 80px;
					padding: inherit 0;
					font-size: 1.5em;
				}
				
				@media (max-width: 480px) {
					#disabilityCategories .buttons a div:first-child {
						font-size: 1.2em;
					}
				}
				
				#disabilityCategories .birth2 + .buttons a div:first-child {
					background-color: #BCEFD0;
				}
				
				#disabilityCategories .ages3 + .buttons a div:first-child {
					background-color: #BCEAEF;
				}
			
		#disabilityCategories .ages3 {
			border-top: 3px solid #69b3bb;
			border-bottom: 3px solid #69b3bb;
			background-color: #bceaef;
		}
					
		#disabilityCategories .buttons {
			text-align: center;
			margin: 1em auto;
		}
			#disabilityCategories .buttons a {
				margin: 1em 2em;
				width: 310px;
				display: inline-block;
				text-decoration: none;
				color: #282828;
				cursor: pointer;
				font-size: 1.3em;
				font-weight: bold;
			}
			
			@media (max-width: 480px) {
				#disabilityCategories .buttons a {
					font-size: 1.2em;
					margin: 1em auto;
					width: 255px;
				}
			}


/* ::::::: COLORS ::::::: */

.white-color {		color:#fff; }
.gray-color { 		color:#666; }
.gray-light-color { color:#cacbcb; }
.black-color { 		color:#222; }
.blue-color {		color:#7296b4; }
.blue-dark-color {	color:#215e8b; }
.purple-dark-color {	color:#7076c8; }
.green-color {	color:#6ecd94; }
.orange-color {	color:#f89c6b; }
.teal-color {	color:#69b3bb; }

.red-color { color:red; }
.red-bg-light {
	background: RGBA(255, 157, 157, .5);
}


.btn.black-color:hover, .btn.black-color:focus {		color:#222; }
.btn.green-color:hover, .btn.green-color:focus {		color:#6ecd94; }


.yellow-bg, .btn.yellow-bg:hover, .btn.yellow-bg:focus {							background-color:#fff99a; 	}
.yellow-dark-bg, .btn.yellow-dark-bg:hover, .btn.yellow-dark-bg:focus {			background-color:#ecd457; 	}

.orange-bg, .btn.orange-bg:hover, .btn.orange-bg:focus {							background-color:#ffd59a; 	}
.orange-dark-bg, .btn.orange-dark-bg:hover, .btn.orange-dark-bg:focus {			background-color:#f89c6b; 	}

.coral-bg, .coral-bg *, .btn.coral-bg:hover, .btn.coral-bg:focus {								background-color:#ffc09d; 	}
.coral-dark-bg, .btn.coral-dark-bg:hover, .btn.coral-dark-bg:focus {			background-color:#ff8f71; 	}

.red-bg, .btn.red-bg:hover, .btn.red-bg:focus {									background-color:#ff9d9d; 	}
.red-dark-bg, .btn.red-dark-bg:hover, .btn.red-dark-bg:focus {					background-color:#e85a5a; 	}

.blpurple-bg, .btn.blpurple-bg:hover, .btn.blpurple-bg:focus {							background-color:#cdb8e1; 	}
.blpurple-dark-bg, .btn.blpurple-dark-bg:hover, .btn.blpurple-dark-bg:focus {			background-color:#9e70c8; 	}

.purple-bg, .btn.purple-bg:hover, .btn.purple-bg:focus {							background-color:#b4b9f2; 	}
.purple-light-bg, .btn.purple-light-bg:hover, .btn.purple-light-bg:focus {		background-color:#9b59b6; 	}
.purple-dark-bg, .btn.purple-dark-bg:hover, .btn.purple-dark-bg:focus {			background-color:#7076c8; 	}

.blue-bg, .btn.blue-bg:hover, .btn.blue-bg:focus {									background-color:#7296b4;		}
.blue-dark-bg, .btn.blue-dark-bg:hover, .btn.blue-dark-bg:focus {				background-color:#215e8b; 	}
.blue-light-bg, .btn.blue-light-bg:hover, .btn.blue-light-bg:focus {				background-color:#b8cfe1; 	}

.teal-bg, .btn.teal-bg:hover, .btn.teal-bg:focus {									background-color:#bceaef; 	}
.teal-dark-bg, .btn.teal-dark-bg:hover, .btn.teal-dark-bg:focus {				background-color:#69b3bb; 	}
.teal-light-bg, .btn.teal-light-bg:hover, .btn.teal-light-bg:focus {				background-color:#bceaef; 	}

.green-bg, .btn.green-bg:hover, .btn.green-bg:focus {								background-color:#bcefd0; 	}
.green-dark-bg, .btn.green-dark-bg:hover, .btn.green-dark-bg:focus {			background-color:#6ecd94; 	}


.white-bg, .btn.white-bg:hover, .btn.white-bg:focus {								background-color:#fff; 		}
.sand-bg, .btn.sand-bg, .btn.sand-bg:focus { 										background-color:#eeebdd; 	}
.sand-dark-bg, .btn.sand-dark-bg, .btn.sand-dark-bg:focus { 					background-color:#bab59c; 	} 
.gray-bg, .btn.gray-bg:hover, .btn.gray-bg:focus {									background-color:#f4f4f4; 	}

.gray-dark-bg, .btn.gray-dark-bg:hover, .btn.gray-dark-bg:focus {				background-color:#9a9b9b; 	}



/* ::::::: UDL COLORS ::::::: */

.purple-udl-bg, .btn.purple-udl-bg:hover, .btn.purple-udl-bg:focus {						background-color:#8f2376;		}
.purple-udl-light-bg, .btn.purple-udl-light-bg:hover, .btn.purple-udl-light-bg:focus {			background-color:#f4eef3;		}

.blue-udl-bg, .btn.blue-udl-bg:hover, .btn.blue-udl-bg:focus {								background-color:#0066a1;		}
.blue-udl-light-bg, .btn.blue-udl-light-bg:hover, .btn.blue-udl-light-bg:focus {				background-color:#eff1f7;		}

.green-udl-bg, .btn.green-udl-bg:hover, .btn.green-udl-bg:focus {							background-color:#3c8a41;		}
.green-udl-light-bg, .btn.green-udl-light-bg:hover, .btn.green-udl-light-bg:focus {				background-color:#f1f4ef;		}



/* ::::::: ACCESSIBILITY ::::::: */

::-moz-selection {
background: #fe57a1;
color: #fff;
text-shadow: none;
}

::selection
{
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

*:focus, 
a:focus 
{ outline: 2px dotted #fe57a1 !important; }
div:focus 
{ outline: none !important; }

.skip,
.myContainer .course h1
{
	color: transparent;
	float: left;
	height: 0;
	overflow: hidden;
	width: 0;
}
.myContainer .course h1
{
	visibility: hidden;
}