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

<style>
/*NOT REGISTERING SO ADDED TO MAIN FILE JUST BEFORE CLOSING </STYLE> TAG IN HEADER
body {
	width:95% !important;
	padding-top:30px !important;
	line-height: normal !important;
	overflow-x:hidden !important;
	display:block !important;
}
*/

/*Page Layout*/

@page WordSection1
	{size:8.5in 11.0in;
	margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
	{display:block;
	margin-left:25%;
	margin-bottom: 20px !important;
	border-bottom: 1px solid #000 !important;
	z-index:2;
	page:WordSection1;
	}
	
@page WordSection2
	{size:8.5in 11.0in;
	margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection2
	{display:block;
	width:18%;
	max-height:100%;
	overflow-y:auto;
	position:fixed;
	left:0px;
	top:0;
	bottom:0px;
	border-right:dotted 1px #999;
	padding:2% 1% 0 2%;
	opacity:0.4;
	overscroll-behavior: contain;/*Please do not delete. This line was added by sKhan to make selective scrolling work*/
	}
.WordSection2:hover
	{opacity:1.0 !important;}

@page WordSection3
	{size:8.5in 11.0in;
	margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection3 {
	display:block;
	margin-left:28%;
	padding-top:5% !important;
	page:WordSection2;
	}

/*Appearance*/

/*TOC Links*/
.WordSection2 a {
	color:#111 !important;
	text-decoration: none !important;
}

.WordSection2 a:hover {
	text-decoration: underline !important;
}

	
/*Responsive*/

@media screen and (max-width: 1000px) {
	.WordSection1, .WordSection3{
		margin-left:26% !important;
		margin-right:auto !important;
	}
}
		

@media screen and (max-width:800px){
	body {
		overflow-x:auto !important;
	}
	
	.WordSection1, .WordSection3 {
		margin: auto 5% auto 5% !important;
	}

	.WordSection2 {
		position: static !important;
		left:auto !important;
		margin: auto 7% auto 7% !important;
		width:95% !important;
		max-height:none !important;
		opacity:1.0 !important;
	}
	
	.WordSection2 a{
		text-decoration: underline !important;
	}
	
	.WordSection2 a:hover{
		text-decoration: none !important;
	}
}
</style>