/* Tag Definitions */
h1 {
    margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	font-size: 1.8em;
	font-family: 'EB Garamond', serif;
	font-weight: 700;
	color: #444;
}
	.tableHeadLeft h1 {
		font-size: 1.6em;
	}


	.tableHeadLeft h1 {
		font-size: 1.6em;
	}

h2 {
    margin: 4px 0 12px 0;
    padding: 0;
    font-size: 1.6em;
	/*font-family: 'Raleway', sans-serif;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 700;
	color: #444;
}

.sectionTitle
{
    margin: 4px 0 12px 0;
    padding: 0;
    font-size: 2.2em;
	/*font-family: 'Raleway', sans-serif;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 700;
	border-bottom: 1px dashed #aaaaaa;
}

h2 .indnum { font-size: .7em; 
             font-weight: normal;}

h3 {
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 1.4em;
    font-family: Verdana, Geneva, sans-serif;
	color: #303030;
}

.glossary {
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 1.1em;
    font-family: Verdana, Geneva, sans-serif;
	color: #303030;
	background-color:#e0e0e0;
}

h4 {
	padding: 0;
	margin: 0 0 .5em 0;
	font-size: 1.3em;
    font-family: Verdana, Geneva, sans-serif;
	color: #303030;
}
h5 {
	padding: 0;
	margin: 0 0 .5em 0;
	font-size: 1.1em;
    font-family: Verdana, Geneva, sans-serif;
	color: #303030;
}

a { color: #2f323e; }
a:hover { color: #333; }

p {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 1.4em;
}

sup {
    font-size: .85em;
    
}

table {
    margin: 0;
    padding: 0;
}

a img {
	border: 0;
}


/* Utility Classes*/
.l { float: left; }
    img.l { margin-right: 12px; margin-bottom: 5px; margin-top: 3px; }
.r { float: right; }

.clear { clear: both; }
    .clear-l { clear: left; }

.tr { text-align: right; }
.tc { text-align: center; }

.pdficon
{
	vertical-align:middle;
	padding-left: 19px;
	border: none;
	background-image: url('/icons/acrobatsm.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom: 1px;
}

.indexTitle {
	margin-bottom: 15px;
	text-align: center;
	font-size: 3.7em;
	/*font-family: 'Raleway', sans-serif;*/
	font-weight: bold;
	color: #3A70A6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.navTitle {
	margin-bottom: 6px;
	text-align: left;
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	/*font-family: 'Raleway', sans-serif;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
	.ISCSBody.index .navTitle { display: none; }

.navTitle a { 
	text-decoration: none; 
	color: #3A70A6;
}

.dropoutBody{
	padding-top: 1em;
}

.dropoutBody sup{
	font-size: .6em;
	margin-top: -.25em;
}

.dropoutBody  h1  {
	font-size: 2.2em;
}

.dropoutBody  h1.title  {
	font-size: 3em;
}

.dropoutBody  h1 a {
	text-decoration: none;
	color: #3A70A6;
}

.dropoutBody .columns {
	display:table;
	width:100%;
}

.dropoutBody nav{
	display:table-cell;
	width: 20em;
	min-width: 20em;
	vertical-align:top;
	padding: 0;
}

.dropoutBody nav ul {
	list-style-type: none;
	margin: 0em;
	padding: 0;
}

.dropoutBody nav li {
	margin-bottom: .5em;
	padding: 0 1em;
}

.dropoutBody nav li a {
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
}

.dropoutBody nav li li a {
	font-size: 1.3em;
}

.dropoutBody nav li.indicators {
	border-top: 2px solid #3A70A6;
	border-bottom: 2px solid #3A70A6;
	padding: 1em;
}
	.dropoutBody nav li.indicators ul {
		margin-top: .5em;
		margin-left: 1em;
	}
	.dropoutBody nav li.indicators li {
		padding: 0px;
		border-bottom: 1px dotted #bbb;
		padding-bottom: .75em;
		margin-right: 1em;
	}
	.dropoutBody nav li.indicators li:last-child {
		border-bottom: .5em;
		padding-bottom: 0;
		margin-right: 1em;
	}
	
.dropoutBody nav a.navPull {
	width: 3em;
	height: 5em;
	display: none;
	position: absolute;
}
	.dropoutBody nav a.navPull img {
		width: 100%;
		height: 100%;
	}

.dropoutBody .indexLeft {
	float: left;
	width: 65%;
}
.dropoutBody .indexRight {
	float: right;
	width: 30%;
}
	
	
.dropoutBody main {
	display:table-cell;
	padding: 0 1em;
	vertical-align:top;
	/*margin-left: 2em;
	width: 51em;*/
}

.dropoutBody main p {	
	font-size: 1.4em;  	
	word-break: break-word;
}
.dropoutBody main p.notes {	font-size: 1.1em; }

.dropoutBody main ul  { 
	margin-top: 0;
	padding-left: 2em;
}

.dropoutBody main ul  li{
	font-size: 1.3em;
	margin-bottom: 1em;
}

.dropoutBody main div.ytContainer{
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom: 1.5em;
}
.dropoutBody main div.ytContainer .ytEmbed {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dropoutBody main table {
	font-size: 1.2em;
	border-collapse: seperate;
}

.dropoutBody main table td {
	border-bottom: 1px dashed #aaaaaa;
	padding: .5em 0;
}

.dropoutBody aside.sidebar {
	display:table-cell;
	vertical-align:top;
	width: 25em;
	min-width: 25em;
}

.dropoutBody aside.sidebar section {
	padding: .5em;
	margin-bottom: .5em;
	background: #eee;
	background-image: url('/programs/dropout/images/cornerBg.png');
	background-position: right top;
	background-size: 1em;
	background-repeat: no-repeat;
}

.dropoutBody aside.sidebar p, .dropoutBody aside.sidebar h3 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

/* Tables */

.tablecell  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant : normal;
	font-weight : normal;
	letter-spacing : normal;
	vertical-align : top;
	text-align : right;
}
.tablecell_left  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant : normal;
	font-weight : normal;
	letter-spacing : normal;
	vertical-align : top;
	text-align : left;
}

.thleft  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant : normal;
	font-weight : normal;
	letter-spacing : normal;
	text-align : left;
	vertical-align : top;
}

.thleft_indent  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant : normal;
	font-weight : normal;
	letter-spacing : normal;
	text-align : left;
	padding-left: 12px;
	vertical-align : top;
}

th { font-weight: normal; }

.header1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: bottom;
	color: black;
	text-align: left;
	border-bottom: 1px solid #282828;
	border-bottom-width: 1px solid #282828;
}
.header2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: bottom;
	color: black;
	border-bottom: 1px solid #282828;
	border-bottom-width: 1px solid #282828;
	text-align: center;	
}

.header3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	border-bottom: 1px solid #282828;
	border-bottom-width: 1px solid #282828;
	vertical-align: bottom;
	
}
.header4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align : right;
	vertical-align: bottom;
	border-bottom: 1px solid #282828;
	border-bottom-width: 1px solid #282828;
}
.notes_top {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	color: #2E2E2E;
	border-top: 1px solid #282828;
}

/* Misc Classes */

.hangingindent {
	padding-left: 2em;
	text-indent: -2em;
}

.equation
{
    text-align:center;
    }

.notes { font-size: .9em; text-align: left; }


img.figure{
	width: 100%;
}

/* Breakpoint changes */

@media screen and (max-width: 1020px), screen and (max-device-width: 1020px){
	.dropoutBody {
		padding: 1em;
	}

}

@media screen and (max-width: 975px), screen and (max-device-width: 975px){

	.dropoutBody .columns {
		display: block;
		width: auto;
	}

	.dropoutBody main {
		float: none;
		padding: 0 2em 0 1em;
		width: auto;
	}
	
	.dropoutBody main hr , .dropoutBody.index img {
		width: 100%;
	}
	
	.dropoutBody .indexRight {
		width: 25%;
	}
	
	.dropoutBody nav{
		display: block;
		float: left;
		width: 20em;
	}		
	
	img.line {
		width: 80%;
		margin: .5em auto;
		height: 1px;
	}
	
	.dropoutBody table {
		table-layout: fixed;
		width: 100%;	  
		hyphens: auto;
	}
	
	.dropoutBody table br { display: none;}
	
	.dropoutBody table  td {
		white-space: pre-line; 
		word-break: break-word;
		-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
	}
		
	
	.dropoutBody aside.sidebar {
		margin-left: 21em;
		float: none;
		display: block;
		width: auto;
	}
	.dropoutBody aside.sidebar section {
		
		width: 99%;
		margin-bottom: .5em;
		margin-right: 1%;
	}
	
}

@media screen and (max-width: 610px), screen and (max-device-width: 610px){
	
	.dropoutBody  h1 {
		padding-left: 1em;
	}
	
	.dropoutBody nav{
		display: block;
		float: none;
		width: 22em;		
		height: 75%;
		position: fixed;
		z-index: 100;
		top: 7.3em;
		left: -22em;
		background: #982d3b;
		padding-bottom: 1em;
		
	}
	.dropoutBody nav a.navPull {
		display: block;
		position: absolute;
		left: 22em;
	}
	.dropoutBody nav ul {
		margin: 1em 0;
		
		height: 100%;
		overflow-y: scroll;
	}
	.dropoutBody nav ul a {
		color: #fff;
	}
	
	.dropoutBody nav li.indicators {
		background: #eee;
		border-top: 0;
		border-bottom: 0;
		border-right: 2px solid #3A70A6;
		border-left: 2px solid #3A70A6;
		padding: 1em;
	}
	
	.dropoutBody nav li.indicators li {
		border-bottom: 1px dotted #bbb;
		padding-bottom: .75em;
		margin-right: 1em;
	}
	.dropoutBody nav li.indicators li:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-right: 1em;
	}
	
	.dropoutBody nav li.indicators a{
		color: #982d3b;		
	}
	.dropoutBody nav li.indicators li a{
		color: #333;
	}
	
	.dropoutBody .indexLeft {
		float: none;
		width: 100%;
	}
	.dropoutBody .indexRight {
		float: none;
		width: 100%;
	}	
	
	img.line {
		width: 100%;
		margin: .5em 0;
	}
	
	.dropoutBody main {
		float: none;
		padding: 0;
		width: auto;
	}
	.dropoutBody aside.sidebar {
		margin-left: 0;
		float: none;
		display: block;
		width: auto;
	}
}