@charset "utf-8";
/* CSS Document */

/********************************/
/* CONTENT DEFAULTS				*/
/********************************/

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6 {
	display:block;
	z-index:5;
	border-top:190px solid transparent;	/* controls space between top of viewport and h2 */
	margin-top:-180px; /* difference between border-top and margin-top controls distance between h2 line and preceding p */
	margin-right:195px;
	padding-bottom:5px;	/* controls space between h2 and following p */
}

#content h1 .spacer,
#content h2 .spacer,
#content h3 .spacer,
#content h4 .spacer,
#content h5 .spacer,
#content h6 .spacer {
	display:block;
	position:relative;
	z-index:50;
	padding:30px 0 0; /* top controls space between line and heading text */
	margin-top:0; /* controls where text and line are in relation to preceding and following p's */
	right:0;
	line-height:1.2em;
	cursor:default;
}

#content h1 .spacer,
#content h2 .spacer,
#content h3 .spacer,
#content h4 .spacer,
#content h5 .spacer {
	min-width:560px;
}

#content h1 .spacer {
	font-size:2.0em;
	font-weight:bold;
}

#content h2 .spacer {
	border-top:5px solid #e2e2c4;		/* light brown */
	padding-bottom:0px;
	font-size:1.8em;
	font-weight:bold;
}

#pageVideos #content h2 .spacer {
	border-top:none;
}


#content h3 .spacer {
	border-top:none;
	font-size:1.5em;
	font-weight:bold;
}

#content h4 .spacer {
	border-top:none;
	font-size:1.2em;
	font-weight:bold;
}

#content h5 .spacer {
	border-top:none;
	font-size:1.1em;
	font-weight:bold;
}

#content h6 .spacer {
	font-size:1.0em;
	margin-top:10px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
}

#content h6.blockquote {
	margin-top:0;
	margin-left:20px;
	border-top:0 solid transparent;
	padding:20px 0 5px 20px;
	font-size:inherit; /*1.0em;*/
	line-height:1.2em;
	font-weight:bold;
/*	background-color:#ddffdd;			/* green - delete me */
}

#content p,
#content p.blockquote {
	font-size:1.0em;
	line-height:1.6em;
	z-index:50;
/*	background-color:#fdd;			/* pink - delete me */
}

#content p {
	position:relative;
	z-index:100;
	padding:7px 0px 5px 20px;
	margin-right:195px;
/*	background-color:#dfd;			/* green - delete me */
}

#content p.txtSmall {				/* paragraph class */
	font-size:0.9em;
	line-height:1.2em;
/*	padding-left:50px;*/
/*	text-indent:-30px;*/
/*	background-color:#fdd;			/* pink - delete me */
}

#content p.txtWide {
	padding:0 0 0 15px;
	margin:-10px 0 2px;
}

#content p.blockquote,
#content p.quotedSpeaker {
	margin-left:20px;
	margin-right:215px;
/*	background-color:#cdf;			/* blue - delete me */
}

#content p.blockquote {
	padding-top:5px;
	padding-bottom:5px;
}

#content p.quotedSpeaker {
	padding-top:0;
	padding-bottom:15px;
	padding-left:65px;
	text-indent:-1.1em;
}

#content p.quotedSpeaker:before {
	content: "\2014\00a0";		/* add an m-dash and a non-breaking space before speaker's name */
}

#content p.citation {
	font-size:0.90em;
	line-height:1.15em;
	padding-bottom:15px;
	padding-left:20px;
}

/****************************************/
/* CONTENT - SPACERS					*/
/****************************************/
#content div.citation {
	padding-top:10px;
}

#content div.citation p,
#content div.details p {
	padding:0 30px 0 40px;
	line-height:1.15em;
	text-indent:-20px;
}

#content div.citation p {
	padding:0 30px 0 40px;
	font-size:0.90em;
}

#content div.details p {
	padding-top:7px;
	padding-left:60px;
	font-size:inherit;
}


#content div.webSites p {
	padding-bottom:15px;
}

#content p.spacer,
#content p.spacer5,
#content p.spacer15,
#content p.spacer30,
#content p.spacer45,
#content p.spacer60,
#content p.spacer90 {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

#content p.spacer,
#content p.spacer5 {
	height:5px;
}

#content p.spacer15 {
	height:15px;
}

#content p.spacer30 {
	height:30px;
}

#content p.spacer45 {
	height:45px;
}

#content p.spacer60 {
	height:60px;
}

#content p.spacer90 {
	height:90px;
}

/****************************************/
/* CONTENT - INTRO SECTION				*/
/****************************************/
#content #intro {
/*	background-color:#fcc; 		/* pink - DELETE ME */
}

#content #intro img {
	height:125px;
	width:125px;
	position:absolute;
	top:40px;
	right:205px;
	border:1px solid #333333; 	/* txtDarkGrey */
}

#content #intro h1#anchorTop,
#content #intro h1#anchorTop .spacer,
#content #intro p {
	margin-right:350px;
}

#content #intro h1#anchorTop .spacer {
	min-width:415px;
}

#content #intro p {
	padding-bottom:5px;
}

#content #intro ul.toc {
	float:left;
	width: 260px;
	margin:10px 0 40px 20px;
}

#content #intro ul.toc li {
	font-size:1.2em;
}

#content #intro ul.toc li a {
	background-position: 3px 13px;
}

#content #intro ul.moreInfoBar {
	clear:right;
	margin-top:0;
	padding-top:5px;

}

#content #intro ul.moreInfoBar li a {
	padding-top:5px;
	padding-bottom:5px;
	background-position: 7px 9px;
}


/****************************************************/
/* DEFAULT LINK STYLES								*/
/****************************************************/

#content a {
	position:relative;
	z-index:100;
/*	display:inline-block;*/
	text-indent:0;
	padding:0;
	margin:-1px 0px;
	border: 1px solid #fffff3;		/* Cream */
}

#content #siteMap a {
	text-decoration:none;
}

/*#content a[href^="http://"],
#content a[href^="https://"] {
	background:transparent url(../imgs/icons/externalLink_Grey.gif) center right no-repeat;
/*	background-right:2px;*/
/*	padding-right:16px;
}*/


/*#content a[href$=".pdf"] {
	background:transparent url(../imgs/icons/file_acrobat.gif) center right no-repeat;
/*	background-right:2px;*/
/*	padding-right:16px;
}*/

/****************************************************/
/* DEFAULT LIST STYLES								*/
/****************************************************/

/* OUTER LISTS */

#content ul.content,
#content ol.content {
	position:relative;
	z-index:100;
	padding:5px 0 0 20px;
	margin-right:195px;
	margin-left:35px;
	font-size:1.0em;
	line-height:1.35em;
	font-weight:bold;
/*	cursor:auto;*/
/*	background-color:#ff9;		/* yellow - delete me */
}

#content ul.blockquote,
#content ol.blockquote {
	margin-left:55px;
	margin-right:215px;
/*	background-color:#fdd;		/* pink - delete me */
}

#content ul.content {
	list-style:disc outside;
}

#content ul.noBullet {
	list-style:none;
}

#content ul.column {
	display:block;
	float:left;
	width: 240px;
	margin:10px 0 0 20px;
/*	background-color:#cdf;		/* blue - delete me */
}

#content ul.columnThree {
	display:block;
	float:left;
	width: 140px;
	margin:10px 0 40px 20px;
/*	background-color:#cdf;		/* blue - delete me */
}

#content ol.content {
	list-style:decimal outside;
}

#content ul.content li.parent,
#content ol.content li.parent {
	list-style:none;
}

#content ul.content li,
#content ol.content li {
	cursor:auto;
	font-weight:normal;
	padding-bottom:10px;
}

#content ul.noBullet li {
	padding-top:5px;
}

#content ul.column li {
	padding-bottom:15px;
}

#content ul.content li.parent ul,
#content ol.content li.parent ul {
	list-style:circle outside;
}

#content ul.content li.parent ol,
#content ol.content li.parent ol {
	list-style:decimal outside;
}


/* INNER LISTS */

#content ul.content ul,
#content ul.content ol,
#content ol.content ul,
#content ol.content ol {
	padding-left:25px;
/*	padding-bottom:15px;*/
}

#content ul.content ul {
	list-style:circle outside;
}

#content ol.content ol{
	list-style:lower-alpha outside;
	
}

/* LIST LINKS */

#content ul.content li a,
#content ol.content li a {
	margin-left:0; /* was -3px; */
/*	padding-left:27px;*/
}

#content ul.content li a:active,
#content ol.content li a:active {
	border:1px solid #fffff3;			/* cream */
}

/************************************************************/
/* DEFAULT LINKS (TOC, MORE INFO, SITE MAP AND BACK TO TOP)	*/
/************************************************************/
/* 	Styles for Table of Contents, More Info Bar, Site Map
	and "Back to" links */

#content .links {
	position:relative;
	z-index:95; /*100;*/
/*	background-color:#ffd;			/* yellow - background */
}

#content .links a,
#content #siteMap a,
#pageVideos.screenVideos #content h3 a.backPrevious {
	background-image:url("../imgs/arrowsRegular/arrowGrey.gif");
	background-repeat:no-repeat;
}



/* SEE COLOR CSS's FOR #content .links a PSEUDO-CLASSES */

/********************************/
/* CONTENT - MORE INFO BAR		*/
/********************************/
#content .moreInfoDiv {
	position:relative;
	float:right;
	z-index:200;
	width:170px;
/*	background-color:#dfd;		/* green - delete me */
/*	border:1px solid #333;		/* delete me */
}

#content .moreInfoDiv ul.moreInfoBar {
	float:right;
	width:170px;
	font-size:0.9em;
	line-height:1.3em;
/*	background-color:#bcf;		/* light blue - delete me */
}

#content .moreInfoDiv ul.moreInfoBar li {
	display:block;
/*	padding:5px 0 5px 20px;*/
}

#content .moreInfoDiv ul.moreInfoBar li a {
	display:block;
	padding:8px 0 8px 25px;
	margin-left:0;
	margin-bottom:2px;
	background-position: 7px 12px;
	padding-right:16px;
}

/****************************************/
/* CONTENT - TABLE OF CONTENTS SECTIONS	*/
/****************************************/
#content ul.toc {
	display:block;
	z-index:100;
	margin:0px 195px 10px 50px;
}

#content ul.ulNoMinHeight {
	min-height:0;
}

#content ul.toc li {
	display:block;
	font-size:1.0em;
	line-height:1.2em;
/*	background-color:#cdf;			/* blue - delete me */
}

#content ul.toc li a {
	display:block;
	padding:5px 0 5px 45px;
	margin-bottom:1px;
	text-indent:-20px;
	background-position: 3px 10px;
}

/* CONTENT - TABLE OF CONTENTS SECTIONS - COLUMNS */

#content ul.tocColumnFirst,
#content ul.tocColumnSecond {			/* In HTML, must add a <div class="brbreak"></div> after	*/
	position:relative;					/* </ul> of ul.tocColumnSecond, or the .toc links won't		*/
	z-index:500;						/* be clickable												*/
	float:left;
	width:220px;
}

#content ul.tocColumnFirst li,
#content ul.tocColumnSecond li {
	position:relative;
	z-index:100;
}

#content ul.tocColumnFirst li a,
#content ul.tocColumnSecond li a {
	position:relative;
	z-index:100;
}

#content ul.tocColumnFirst {
	clear:left;
	margin-right:20px;
}

#content ul.tocColumnSecond {
	margin-left:0px;
	margin-right:20px;
}



/********************************/
/* BACK TO TOP, SECTIONS, ETC.	*/
/********************************/
#content p.linkBackTo {
	display:none;
}

/*#pageVideos	#content p.linkBackTo,
/*#pageDyslexia	#content p.linkBackTo,
/*#pageGetHelp	#content p.linkBackTo,
/*#pageSeminars	#content p.linkBackTo,
/*#pageMoreInfo	#content p.linkBackTo,
/*#pageUtility	#content p.linkBackTo,*/
#pageVideos.screenVideos #content p.linkBackTo {
	display:block;
	position:relative;
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:1px;
	overflow:hidden;
	font-size:0.8em;
/*	background-color:#cdf;		/* blue - delete me */
}

#content p.linkBackTo a,
#pageVideos.screenVideos h3 a.backPrevious {
	display:inline-block;
	padding:1px 3px 2px 20px;
}

#content p.linkBackTo a.backPrevious {
	margin:0;
	float:left;
	background-position: 1px 2px;
}

/********************************/
/* VIDEOS						*/
/********************************/

#pageVideos.screenVideos #sideNav p.sideNavInstructions {
	position:absolute;
	top:55px;
	left:-5px;
	padding: 0 0px 2px;
	margin:0 10px 2px;
	border-bottom:1px solid #990066; 	/* txtMagentaDark */
	font-size:1.05em;
	line-height:1.2em;
}

#pageVideos.screenVideos #sideNav p.sideNavInstructions a,
#pageVideos.screenVideos #sideNav p.sideNavInstructions a:link,
#pageVideos.screenVideos #sideNav p.sideNavInstructions a:visited {
	background-image:none;
	display:block;
	padding:2px;
	color:#990066; 				/* txtMagentaDark */
	background-color:#f3e2e3; 	/* bkgMagentaBase */
	border:1px solid #f3e2e3; 	/* bkgMagentaBase */
}

#pageVideos.screenVideos #sideNav p.sideNavInstructions a:hover,
#pageVideos.screenVideos #sideNav p.sideNavInstructions a:focus {
	background-image:none;
	background-color:#edb8d7; 	/* bkgMagentaDark2 */
	border:1px solid #edb8d7; 	/* bkgMagentaDark2 */
}

#pageVideos.screenVideos #sideNav p.sideNavInstructions a:active {
	background-image:none;
	background-color:#fff2ff; 	/* bkgMagentaLight */
	border:1px dotted #cc0099; 	/* txtMagentaLight */
	color:#cc0099; 				/* txtMagentaLight */
}

#pageVideos.screenVideos #sideNav ul {
	top:85px;
}

#pageVideos.screenVideos #sideNav ul.ulBackOnly {
	top:40px;
}

#pageVideos.screenVideos #sideNav ul li a {
	background-image:url(../imgs/icons/screen10x12.gif);
	background-position:5px 8px;
}

#pageVideos.screenVideos #sideNav ul li a.backPrevious {
	background-image:url(../imgs/arrowsRegular/arrowMagentaDark.gif);
	background-position:5px 8px;
}

#pageVideos.screenVideos #content #intro h1 .spacer {
	padding-top:0;
	width:560px;
}

#pageVideos.screenVideos #content #intro img {
	display:none;
}

#pageVideos.screenVideos #content #intro h1#anchorTop,
#pageVideos.screenVideos #content #intro h1#anchorTop .spacer,
#pageVideos.screenVideos #content #intro p {
	margin-right:195px;
}

#pageVideos.screenVideos #content h3 {
	max-width:560px;
	padding-top:10px;
}

#pageVideos.screenVideos #content h3 .spacer {
	float:left;
	padding-top:0px;
	padding-left:40px;
	min-width:400px;
	max-width:400px;
}

#pageVideos.screenVideos #content h3 a.backPrevious {
	float:right;
	margin:5px 0px 0px 5px;
	padding-right:40px;
	font-size:0.8em;
	background-position: 3px 2px;
}

#pageVideos.screenVideos #content {
	min-height:600px;
}

#pageVideos.screenVideos #content .vimeoParagraph {
	margin:0;
	padding:0;
	clear:left;
}

#pageVideos.screenVideos #content .vimeoParagraph .vimeoVideo {
	margin:10px 80px 10px;
	width:400px;
	height:300px;
	background-color:#cccccc; 	/* light grey */
}

#pageVideos.screenVideos #content #video_part_1,
#pageVideos.screenVideos #content #video_part_2,
#pageVideos.screenVideos #content #video_part_3,
#pageVideos.screenVideos #content #video_part_4,
#pageVideos.screenVideos #content #video_part_5,
#pageVideos.screenVideos #content #video_part_6,
#pageVideos.screenVideos #content #video_part_7,
#pageVideos.screenVideos #content #video_part_8,
#pageVideos.screenVideos #content #video_part_9,
#pageVideos.screenVideos #content #video_part_10 {
	display:block;
}



#pageVideos.screenVideos #content .links a.previousVideo,
#pageVideos.screenVideos #content .links a.nextVideo {
	margin:0;
/*	width:200px;*/
	background-image:url(../imgs/icons/screen10x12.gif);
	background-position: 5px 6px;
/*	background-color:#fdd;	/* pink - delete me */
	line-height:1.3em;
}


#pageVideos.screenVideos #content .links a.previousVideo {
	float:left;
	margin-left:20px;
}

#pageVideos.screenVideos #content .links a.nextVideo {
	float:right;
	margin-right:20px;
}

#pageVideos.screenVideos #content .links p.linkBackTo {
	clear:none;
	width:560px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
/*	background-color:#dfd;			/* green - delete me */
}

/********************************/
/* SITE MAP						*/
/********************************/

#content #siteMap a {
	display:inline-block;
	padding: 5px 10px 5px 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#content #siteMap h3 .spacer {
	padding-top:20px;
}

#content #siteMap h3 a {
	background-position: 7px 15px;
}

#content #siteMap .links ul.toc {
	float:left;
	width: 260px;
	margin:0 0 0 27px;
}

#content #siteMap .links ul.toc li a {
	padding: 5px 10px 5px 45px;
}

