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

/*CSS BROWSER RESET */

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
/*label, input[type=button], input[type=submit], button { cursor:pointer; }*/

/* bicubic resizing for non-native sized IMG: */
.ie7 img { -ms-interpolation-mode:bicubic; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	-webkit-tap-highlight-color:rgba(255,255,255,0); /*gets rid of the unsightly gray box that flashes over clicked elements within maobile devices*/
}

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

ul, ol { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; outline:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END CSS BROWSER RESET*/


/* DKapp CSS */

body {
	background-color:#cddbe4;
	font-family: 'Lora', serif;
	-webkit-hyphens:none;
}

p {
	font-size:.8125em;
	line-height:1.25em;
}

strong {
	font-weight:700;
}

em {
	font-style:italic;
}

.indent {
	text-indent:1em;
}
		
.no-indent {
	text-indent:0;
}

a{
	color: #000;
}

h4{
	font-weight: 300;
}
		
.button {
	padding:0 .625em;
	height:2em;
	line-height:2em;
	font-family:'Lato',sans-serif;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	float:right;
	text-align:center;
	text-indent:0;
	-moz-box-shadow:.25em .25em .25em 0 #aaa;
	-webkit-box-shadow:.25em .25em .25em 0 #aaa;
	box-shadow:.25em .25em .25em 0 #aaa;
	cursor:pointer;
}

.instructions{
	width: 17em;
	text-indent: 0;
	font-weight: bold;
	font-size: 0.8125em;
	line-height: 1.25em;
	font-family: 'Lora',serif;
}

#wrapper {
	position:relative;
	margin:auto;
	height:40.25em;
	width:61.25em;
	overflow:hidden;
	background-color:#fff;
}

header {
	height:2.25em;
	border-bottom: .25em solid #BBB;
	position: relative;
  z-index: 10;
	background-color:#cddbe4;
}

#content-wrapper, #content-visible {
	position:absolute;
	margin-left:13.375em;
	background-color:#fff;
	box-shadow:0 0 .75em 0 #666;
	width:48em;
	height:38.25em;
}

#content-visible{
	display: none;
}

#content{
	width:48em;
	height:38.25em;
}

.background-image {
	width:48em;
	position:absolute;
}

.pearson_logo{
	float: left;
	height: 1.875em;
	margin: 0.25em 7.5em 0 0;
}

.loading_gif{
	position: absolute;
	margin:16.75em 0 0 22em;
	z-index:99;
}

.transparent_bkgd{
	position:absolute;
	background-color:#FFF;
	width:48em;
	height:38.25em;	
	opacity:0;
	filter:alpha(opacity=0);
	z-index: 98;
}

h2.page-title{
	font-size: 1.25em;
	font-family: 'Lato', sans-serif;
}

/* NAV TOP MENU ITEMS */

#nav-top {
	width: 100%;
	overflow:hidden;
}

#nav-top ul {
	/*width:100%;*/
	overflow:hidden;
}

#nav-top ul li {
	float:left;
	height:1.5em;
	line-height:.75em;
	margin:.5em .5em 0 0;
	padding: .125em;
	text-align:center;
	moz-border-radius: 3em 3em 0 0;
	border-radius: .25em .25em 0 0;
	-moz-box-shadow: .125em 0 .25em #333;
	-webkit-box-shadow: .125em 0 .25em #333;
	box-shadow: .125em 0 .25em #333;
}

#nav-top ul li {
	box-shadow: 0.125em 0 0.25em #88a;
}

#nav-top ul li a {
	display:block;
	padding: .5em;
	moz-border-radius: 3em 3em 0 0;
	border-radius: .25em .25em 0 0;
	font-size:0.9375em;
}

.concerns {
	background-color: #c3b04e;
	color: #a7910d; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #d9cd90; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #c3b04e; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4FB94', endColorstr='#BCC069');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#F4FB94), to(#BCC069));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top, #F4FB94,  #BCC069);*/ /* for firefox 3.6+ */ 
}

.concerns:hover{
	background-color:#a7910d;
}

.process {
	background-color: #82a9af;
	color: #52868d; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #b1cacc; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #82a9af; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97F8EA', endColorstr='#6ABEB1');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#97F8EA), to(#6ABEB1));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #97F8EA,  #6ABEB1);*/ /* for firefox 3.6+ */ 
}

.process:hover{
	background-color:#52868d;
}

.part-01 {
	background-color: #ac98a5;
	color: #896f81; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #cbbec7; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #ac98a5; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBC91', endColorstr='#C38B65');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FFBC91), to(#C38B65));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #FFBC91,  #C38B65);*/ /* for firefox 3.6+ */ 
}

.part-01:hover{
	background-color:#896f81;
}

.part-02 {
	background-color: #b1c143;
	color: #8ea400; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #cdd989; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #b1c143; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7C4E4', endColorstr='#8690AA');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#B7C4E4), to(#8690AA));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #B7C4E4,  #8690AA);*/ /* for firefox 3.6+ */ 
}

.part-02:hover{
	background-color: #8ea400;
}

.part-03 {
	background-color: #c89085;
	color: #af6556; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #ddb9b3; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #c89085; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0E8C9', endColorstr='#A1B39B');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#D0E8C9), to(#A1B39B));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #D0E8C9,  #A1B39B);*/ /* for firefox 3.6+ */ 
}

.part-03:hover{
	background-color: #af6556;
}

.part-04 {
	background-color: #acced2;
	color: #7bb1b7; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #c7dee1; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #acced2; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0E8F0', endColorstr='#8CB0B7');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#C0E8F0), to(#8CB0B7));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #C0E8F0,  #8CB0B7); *//* for firefox 3.6+ */ 
}

.part-04:hover{
	background-color: #7bb1b7;
}

.part-05 {
	background-color: #caa586;
	color: #b18058; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #dec7b4; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #caa586; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFB9EF', endColorstr='#A587B4');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#DFB9EF), to(#A587B4));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #DFB9EF,  #A587B4);*/ /* for firefox 3.6+ */ 
}

.part-05:hover{
	background-color: #b18058;
}

.part-06 {
	background-color: #bf90bb;
	color: #a3659e; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #d7b9d5; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #bf90bb; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEF1C4', endColorstr='#A9B892'); *//* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#DEF1C4), to(#A9B892));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #DEF1C4,  #A9B892);*/ /* for firefox 3.6+ */ 
}

.part-06:hover{
	background-color: #a3659e;
}

.part-07 {
	background-color: #91b0b0;
	color: #66908e; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #bacdcd; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #91b0b0; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96E7FF', endColorstr='#6CB6D0'); *//* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#96E7FF), to(#6CB6D0));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #96E7FF,  #6CB6D0);*/ /* for firefox 3.6+ */ 
}

.part-07:hover{
	background-color: #66908e;
}

.part-08 {
	background-color: #dca365;
	color: #c97d2c; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #e9c59f; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #dca365; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9E2A7', endColorstr='#C4AF7D'); *//* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#F9E2A7), to(#C4AF7D)); *//* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #F9E2A7,  #C4AF7D);*/ /* for firefox 3.6+ */ 
}

.part-08:hover{
	background-color: #c97d2c;
}

.part-09 {
	background-color: #8aad7d;
	color: #5c8b4c; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #b5ccad; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #8aad7d; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2F5BC', endColorstr='#8DBC89');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#C2F5BC), to(#8DBC89));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #C2F5BC,  #8DBC89);*/ /* for firefox 3.6+ */ 
}

.part-09:hover{
	background-color: #5c8b4c;
}

.mla, .apa, .cse, .cms{
	background-color: #FFF;
	color: #AAA; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #AAA; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #AAA; /* store color for jquery call to color h3 elements in nav-left */
}

.mla:hover, .apa:hover, .cse:hover, .cms:hover{
	background-color: #AAA;
}

.esl{
	background-color: #8597ab;
	color: #576e88; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #bcf7ee; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #8597ab; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4FB94', endColorstr='#BCC069');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#F4FB94), to(#BCC069));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #F4FB94,  #BCC069);*/ /* for firefox 3.6+ */ 
}

.esl:hover{
	background-color: #576e88;
}

.search{
	background-color: #a99890;
	color: #866f63; /* store color for use with dynamically generating the border color below nva-top */
	border-top:0px hidden #cabeb9s; /* store color for jquery call to color h4 elements in nav-left */
	border-bottom: 0px hidden #a99890; /* store color for jquery call to color h3 elements in nav-left */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAB5C8', endColorstr='#C68798');*/ /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FAB5C8), to(#C68798));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #FAB5C8,  #C68798);*/ /* for firefox 3.6+ */ 
}

.search:hover{
	background-color: #866f63;
}


/* NAV LEFT */ 

#nav-left {
	width:13.5em;
	height:38.25em;
	margin:-.0625em 0 0 0;
	background-color:#fff;
	overflow:hidden;
	position:absolute;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}

#nav-left ul {
	width:100%;
	overflow:hidden;
}

#nav-left ul li.top-level-page-item {
	width:13.5em;
	height:38.25em;
	float:left;
}

#nav-left p {
	padding:2em 2em 0 2em;
}

#nav-left h2 {
	padding:.5em .75em;
	font-size:.875em;
	color: #FFF;
}

#nav-left h3 {
	font-size:.875em;
	font-weight:700;
}

#nav-left h3 a {
	display:block;
	padding:.5em .875em;
	cursor:pointer;
	font-weight:700;
}

ul.tier-2-list{
	display: none;
}

#nav-left ul li ul li {
	font-size:.875em;
}

#nav-left ul li ul li ul {
	display:none;
}

#nav-left #current-tier-1-list-item .tier-2-list {
	display:block;
}

#nav-left ul li ul li ul li a {
	display: block;
	line-height: 1em;
	padding: 0.5em 1em 0.5em 2em;
}

#nav-left .nav-left-sample h4 a{
	color: darkblue;
	font-weight: bold;
}

#nav-left-concerns h2{
	background-color:#a7910d;
}

#nav-left-process h2{
	background-color:#52868d;
}

#nav-left-1 h2{
	background-color:#896f81;
}

#nav-left-2 h2{
	background-color:#8ea400;
}

#nav-left-3 h2{
	background-color:#af6556;
}

#nav-left-4 h2{
	background-color:#7bb1b7;
}

#nav-left-5 h2{
	background-color:#b18058;
}

#nav-left-6 h2{
	background-color:#a3659e;
}

#nav-left-7 h2{
	background-color:#66908e;
}

#nav-left-8 h2{
	background-color:#c97d2c;
}

#nav-left-9 h2{
	background-color:#5c8b4c;
}

#nav-left-mla h2, #nav-left-apa h2, #nav-left-cse h2, #nav-left-cms h2{
	background-color:#AAA;
}

#nav-left .esl-intro {
	padding:1em .875em 1em .875em;
	font-style:italic;
}

#nav-left-esl h2{
	background-color:#576e88;
}

#nav-left-search h2{
	background-color:#866f63;
}

#nav-left-concerns h3:hover{
	background-color:#c3b04e;
}

#nav-left-concerns h4:hover{
	background-color: #d9cd90;
}

#nav-left-process h3:hover{
	background-color:#82a9af;
}

#nav-left-process h4:hover{
	background-color:#b1cacc;
}

#nav-left-1 h3:hover{
	background-color:#ac98a5;
}

#nav-left-1 h4:hover{
	background-color: #cbbec7;
}

#nav-left-2 h3:hover{
	background-color:#b1c143;
}

#nav-left-2 h4:hover{
	background-color:#cdd989;
}

#nav-left-3 h3:hover{
	background-color:#c89085;
}

#nav-left-3 h4:hover{
	background-color:#ddb9b3;
}

#nav-left-4 h3:hover{
	background-color:#acced2;
}

#nav-left-4 h4:hover{
	background-color:#c7dee1;
}

#nav-left-5 h3:hover{
	background-color:#caa586;
}

#nav-left-5 h4:hover{
	background-color:#dec7b4;
}

#nav-left-6 h3:hover{
	background-color:#bf90bb;
}

#nav-left-6 h4:hover{
	background-color:#d7b9d5;
}

#nav-left-7 h3:hover{
	background-color:#91b0b0;
}

#nav-left-7 h4:hover{
	background-color:#bacdcd;
}

#nav-left-8 h3:hover{
	background-color:#dca365;
}

#nav-left-8 h4:hover{
	background-color:#e9c59f;
}

#nav-left-9 h3:hover{
	background-color:#8aad7d;
}

#nav-left-9 h4:hover{
	background-color:#b5ccad;
}

#nav-left-esl h3:hover{
	background-color:#8597ab;
}

#nav-left-search h3:hover{
	background-color:#a99890;
}

#nav-left-search h4:hover{
	background-color:#cabeb9s;
}

/* PAGES */
.page-container {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}

.page-container h1 {
	margin:1em;
	line-height:1em;
	font-weight:bold;
	font-size:2em;
	font-family: 'Lato', sans-serif;
}

.page-container h1.white-text {
	color:#fff;
}

.page-container h1 span {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	display:block;
}

.page-title-container {
	position:absolute;
	bottom:3.5em;
	right:3.5em;
	width:24em;
}

.page-title-container ul {
	font-size:0.8125em;
	list-style-type:disc;
	padding:0 0 0 2em;
	line-height:1.5em;
}

.page-title-container ol {
	font-size:0.8125em;
	padding:0 0 0 2em;
	line-height:1.5em;
	list-style-type:decimal;
}

.page-title-container ol li {
	margin:.5em 0 0 0;
}

.page-title-container p {
	line-height:1.5em;
}

/* C */

/* P * /

/* PART 1 */

/* PART 2 */

/* PART 3 */

/* PART 4 */

/* PART 5 */

/* PART 6 */

/* PART 7 */

/* PART 8 */

/* PART 9 */

/* SEARCH*/

/* LANDING PAGES FOR MODULES */

.module-landing-header{
	font-size: 1.3em;
	font-style: italic;
	font-weight: lighter;
	padding-bottom: 1.5em;
}

.nav-page-contents .asterix{
	margin:0.25em 0 0 .125em;
}

.nav-page {
	position:absolute;
	left:0;
	height:37.75em;
	width:3em;
	margin:0 0 0 -1em;
}

.nav-page-contents {
	padding:0em 0 0 0;
	margin:0 0 0 1em;
	height:37.75em;
	background-color:#CDD989;
}

.nav-page-contents li {
	margin:0 0 .25em .25em;
	height:2em;
	width:1.75em;
	cursor:pointer;
	background-color:#E4F2B6;
	-webkit-border-top-left-radius:.25em;
	-webkit-border-bottom-left-radius:.25em;
	-moz-border-radius-topleft:.25em;
	-moz-border-radius-bottomleft:.25em;
	border-top-left-radius:.25em;
	border-bottom-left-radius:.25em;
	text-align:center;
	line-height:2em;
}

.nav-page-contents li:hover {
	background-color:#fff;
}

.nav-page-contents li.nav-page-current {
	background-color:#fff;
}

.sidebar {
	position:absolute;
	padding:.5em 0;
	right:.125em;
	height:36.75em;
	width:9.5em;
	background-color:#CDD989;
}

.sidebar p {
	font-size:.625em;
}

.sidebar h5 {
	margin:.5em 0 0 0;
	font-size:.625em;
	padding: 0 .5em;
}

.sidebar ul {
	font-size:.6875em;
	list-style-type:none;
	width: 11em;
}

.sidebar ul li{
	padding: .125em 0 0 0;
}

.sidebar-text{
	font-size: .9375em;
	width: 12.675em;
	line-height:1.125em;
	font-weight: lighter;
	padding: .25em 3em .125em 1.5em;
	visibility: hidden;
}

.sidebar-showing{
	background-color: #E4F2B6;
}

.bullet{
	float: left;
	padding: 0 0 0 .5em;
}