@charset "UTF-8";

/* PALETTE =>
	red:#d80909
	orange:#f15a0b
	green:#397215
	blue:#2155d6 */

/*BEGIN SHARED STYLES*/
body{
	margin:0;
	padding:0;
	}
body.launch, body.title, body.intro, body.introVideo, body.case, body.caseVid, body.guidelines, body.guidelinesVid, body.resources, body.newZoom{
	position:absolute;
	left:0;
	top:0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
body.launch p, body.title p, body.intro p, body.case p, body.caseVid p, body.guidelines p, body.guidelinesVid p, body.resources p{
	line-height:130%;
	font-size:13px;
	}
#launchWrapper, #titleWrapper, #introWrapper, #caseWrapper, #guidelinesWrapper, #resourcesWrapper{
	position: absolute;
	top:0;
	left:0;
	/*width:880px;
	height:550px;*/
	}
#introContent, #caseContent, #guidelinesContent{
	width:535px;/*NOTE: was 500px, made it 535px to eliminate horiz. scrollbars - Kees 9/1/2008*/
	/*height:300px;*/
	position:absolute;
	left:330px;
	top:170px;/*moved up another 10px when switched bottomnav to horizontal list*/
	padding-right:10px;
	overflow:auto;
}
#caseExploreContent, #guidelinesExploreContent{
	width:750px;
	/*height:330px;*/
	position:absolute;
	left:90px;
	top:180px;/*moved up another 10px when switched bottomnav to horizontal list*/
	padding-right:10px;
	overflow:auto;
	}
#mainText, #mainText2, #mainText3{/*sets scrollbar of main content,
						reg+Explore pages -- #3 is for Explore pages */
	overflow:auto; 
	margin-top:0;
	padding-top:0;
	width:100%;
	height:100%;
	}
#mainText{
	height:270px;/*original height -30*/
	}
#mainText2{
	height:270px;/*original height -60*/
	}
#mainText3{
	height:270px;/*original height -60*/
	overflow-x:hidden; 
	overflow-y:scroll; /*EXPERIMENTING... -Kees 9/2/2008 */
	}		
/*END---------------*/
#topNav{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}
#leftNav{/*Default. Case Studies moved up to prevent running off page (b/c longer)*/
	position:absolute;
	top:140px;
	left:30px;
	width:235px;
	}
#leftNav p{
	margin:0;
	padding:0;
	margin-bottom:-8px;
	clear:both;
	}
#leftNav img{
	float:left;
	}
.navText, .navText2{
	font-size:15px;
	}
.navText{
	display:block;
	padding-top:18px;/*Reset !!!locally!!! for 2(+) lines to style="padding-top:8px;" or less*/
	}
.pdf{
	padding-bottom:10px;
	}
#innerNav{
	position:absolute;
	top:100px;
	left:295px;
	width:510px;
	height:61px;
	}
#videoPlacement{/*top value varies by few pixels*/
	position:absolute;
	left:24px;
	margin:0;
	padding:0;
	}
#stillPlacement{/*top value varies by few pixels*/
	position:absolute;
	top:180px;/*moved up another 10px when switched bottomnav to horizontal list*/
	left:50px;
	margin:0;
	padding:0;
	}
p#downloads{
	font-size:11px;
	line-height:180%;
	}
h1{
	color:#d80909;
	font-size:22px;
	margin:0;
	font-weight:bold;
	}
p{
	font-size:12px;
	line-height:120%;
	}
a:link, a:hover, a:visited{
	font-weight:bold;
	text-decoration:none;
	background:none;
	}
a:link{
	color:#0099CC;
	}
a:hover{/*Default. Changes according to main section color*/
	color:#d80909;
	}
a:visited{/*Default. Changes according to main section color -- ADDED 9/4/2008 KB*/
	color:#0099CC;
	}
ul{
	list-style-type:disc;
	}
li{
	}
	/*begin bottomnav*/
	#bottomnav ul{
		margin-left:0;
		padding-left:0;
	}
	#bottomnav li/*, #bottomnav a:link*/{
		font-size:11px;
		line-height:180%;
		display:inline;
		list-style-type:none;
	}
	/*end bottomnav*/

/*END SHARED STYLES*/

/*BEGIN LAUNCH*/
body.launch{
	background:#fff url(../images/bgLaunchSm.jpg) no-repeat fixed 0% 0%;
	}
#launchWrapper #launchContent{
	width:500px;
	position:absolute;
	left:330px;
	top:15px; /*NOTE: WAS 45px, made it 15px to adapt to IE scroll issue - Kees 9/1/2008*/
	/*overflow:auto; (if needed later - height not defined)*/
}
/*END LAUNCH*/

/*BEGIN TITLE*/
body.title{
	background:#fff url(../images/bgTitleSm.jpg) no-repeat fixed 0% 0%;
}

#titleWrapper #titleContent{
	width:800px;
	position:absolute;
	left:30px;
	top:120px;
	/*overflow:auto; (if needed later - height not defined)*/
	}
#titleContent p{
	line-height:150%;
	margin-bottom:20px;
	}
span.intro, span.case, span.guidelines, span.resources{
	font-weight:bold;
	}
span.intro{
	color:#d80909;
	}
span.case{
	color:#f15a0b;
	}
span.guidelines{
	color:#397215;
	}
span.resources{
	color:#2155d6;
	}
/*END TITLE*/


/*BEGIN INTRO*/
body.intro{
	background:#fff url(../images/bgIntroSm.jpg) no-repeat fixed 0% 0%;
	}
body.intro a:hover, body.intro h1{
	color:#d80909;
	}
/*END INTRO*/

/*BEGIN INTRO VIDEO*/
body.introVideo{
	background:#fff url(../images/bgIntroVideoSm.jpg) no-repeat fixed 0% 0%;
	}
.introVideo #videoPlacement{
	top:213px;
	}
/*END INTRO VIDEO*/

/*BEGIN CASE STUDIES*/
body.case{
	background:#fff url(../images/bgCaseSm.jpg) no-repeat fixed 0% 0%;
	}
body.caseVid{
	background:#fff url(../images/bgCaseVidSm.jpg) no-repeat fixed 0% 0%;
	}
.caseVid #videoPlacement{
	top:213px;
	}
#caseWrapper h1, #caseExploreContent h1, #caseWrapper a:hover{
	color:#f15a0b;
	}
#caseWrapper #leftNav{
	position:absolute;
	top:130px;
	}
/*END CASE STUDIES*/

/*BEGIN GUIDELINES*/
body.guidelines{
	background:#fff url(../images/bgGuidelinesSm.jpg) no-repeat fixed 0% 0%;
	}
body.guidelinesVid{
	background:#fff url(../images/bgGuidelinesVidSm.jpg) no-repeat fixed 0% 0%;
	}
.guidelinesVid #videoPlacement{
	top:213px;
	}
#guidelinesWrapper a:hover, #guidelinesWrapper h1{
	color:#397215;
	}
/*END GUIDELINES*/

/*BEGIN RESOURCES*/
body.resources{
	background:#fff url(../images/bgResourcesSm.jpg) no-repeat fixed 0% 0%;
	}
#resourcesContent{
	width:750px;
	height:330px;
	position:absolute;
	left:90px;
	top:135px;
	padding-right:10px;
	overflow:auto;
	}
#resourcesWrapper a:hover, #resourcesWrapper h1{
	color:#2155d6;
	}
/*END RESOURCES*/

.highlightText{
	font-size:16px;
	font-weight:bold;
	color:#333;
	}

/***************************************************************/
/*RECYCLED TEACHSCAPE STYLES FOR VIDEO & HIGHLIGHTS,
MINUS ZOOM PLUS SOME MODIFICATIONS*/
	table.video {
	float:left;
	margin: 15px 20px 10px 15px !important;
	padding: 0px !important;
	}
	table.video td {
	background: #DCDCDC;
	}
	#video table.video {
	float:left;
	background: #A193A3;
	margin: 15px 20px 15px 20px !important;
	padding: 0px !important;
	}
	#video table.video td {
	background: #DCDCDC;
	}
	#video p {
	text-align: left;
	padding: 5px 20px 5px 20px !important;
	}
	#video .box {
	width:auto;
	padding: 3px;
	}
	table.video {
	width: auto !important;
	}
	table.video+p {
	margin-top: 20px;
	}
	/* Highlight  & Focus Question Treatment */
	.highlight {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	font-weight: normal;
	padding-right: 2px;
	}
	.note {
	background-color: #FFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	font-weight: normal;
	text-align: right;
	}
	#highlightTable{
	margin: 0px;
	min-width: 40%;
	width:40%;
	}	
	#highlightTable td {
	padding: 3px;
	vertical-align: top;
	}
	#video #highlightTable {
	margin: 10px 20px 25px 15px !important;	
	}
	.focus {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 305px;
	}
	.focus li {
	padding: 0px;
	margin-left:15px;/*added 08.22.07*/
	}
	.focus ul {/*added 08.22.07*/
	margin-left:15px;
	}
	#highlightTable div {
	margin-left: 3px !important;
	padding: 5px;
	font-weight: bold;
	color: #000;
	}
	.footNoteLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	line-height: 14px;
	font-size: 10px;
	text-align: left;
	padding: 5px 0px 3px 10px;
	margin: -15px 0px 10px 0px;
	background-image: none !important;
	}
.left span.footNoteLeft {
	margin-bottom: 0px !important;
	display: block;
	}
.footNoteLeft img {
	padding-right: 30px;
	}
	
	
	
	/* Menu Page Treatment */
.menuLinks {
	padding:  0px 20px 0px 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	}
	.menuLinks .question{
	padding-bottom: 5px;
	vertical-align: middle;	
	text-indent: -17px;	
	}
	.menuLinks .question img{
	margin-top: 1px;
	margin-bottom: 4px;
	}
	.menuLinks .answer {
	clear: left;
	margin-top: -10px !important;
	margin-bottom: 5px;
	}
	/*\*//*/
	.menuLinks .question img{
	margin-bottom: 0px;
	}
	/**/
	
/* Menu and Drop-Down States */
	
	.hide{
	display: none;
	visibility: hidden;
	}
	.question span{
	display: inline;
	cursor: pointer;
	color: #086BCC;
	font-weight: bold;
	font-size: 13px;
	}
#video .dropDown .question span { 
	font-size: 13px !important;
	font-weight: bold;
	}
	
	.largeBox {
	width: 100%;
	min-width: 500px;/*NOTE: was 500px, made it 520px to eliminate horiz. scrollbars - Kees 9/1/2008*/ 
	margin: auto;
	padding: 10px 0px 0px 0px;
	margin-top: -10px;	
	background-image: none !important;
	}
	.largeBox p, .smallBox p{
	padding: 0px 15px 5px 0px;
	}
	.smallBox {
	position: relative;
	width:80%;
	margin: auto;
	background-image: none !important;
	}
	.smallBox .left, .largeBox .left {
	float: left;
	width: 49%;
	background-image: none !important;
	white-space: normal;
	padding: 0px;
	}
	.smallBox .right, .largeBox .right {
	text-align: left;
	float: left;
	width: 49%;
	margin: 0px !important;
	background-image: none !important;
	}
	.box .left {
	height: 28px;
	float: left;
	width: 50%;
	background-image: none !important;	
	padding: 0px;
	} 
	#video .box .right, #tabContent .box .right, #seqContent .box .right, #activity .video .box .right  {
	padding: 0px !important;
	margin:0px !important;
	float: right;
	}
/*END RECYCLED TEACHSCAPE STYLES*/


/*Zoom Related - October 2008*/

.fullScreenLink{
	position:absolute;
	top:475px;
	left:200px;
	}

body.newZoom{/*remember section-specific styles at beginnning*/
	background:#fff url(../images/bgZoom.png) no-repeat fixed 0% 0%;
	}
#zoomContent{
	width:307px;
	position:absolute;
	left:539px;
	top:30px;
	padding-right:10px;
	overflow:auto;
	height: 479px;
	}
#zoomContent #mainText{
	height:395px;/*modified locally in some cases where h1 wraps to 2nd line
					to prevent unnecessary scrolling. Ex: 03guidelines02a-b5_zoom.htm --
					<div id="mainText" style="height:375px;"> */
	}
#zoomPlacement{
	position:absolute;
	left:34px;
	top:48px;
	margin:0;
	padding:0;
	}
#zoomButton{
	position:absolute;
	top:475px;
	left:60px;
	}
#backButton{
	position:absolute;
	top:471px;
	left:126px;
	}

/*End Zoom Related*/