body {
	margin:0px;
	font-family: Arial;
	font-size:12px;
}

a:link              { color:#000; text-decoration:underline; }
a:visited           { color:#000; text-decoration:underline; }
a:hover             { color:#000; text-decoration:underline; }
a:active            { color:#000; text-decoration:underline; }

ul li{
	list-style-type:none;
	cursor:pointer;
	
}

#outer {
	width:1020px;	
}
	#header {
	width:1020px;
	height:132px;	
	background:url('../grafx/bar_bg/header_grade_1.jpg') no-repeat;	
}   


.header_txt
{
	display:block;
	font-family:arial;
	font-style:normal;
	font-size:11px;
	color:#fff;
	width:390px;
	height:75px;
	padding-top:12px;
	margin:6px 0px 0px 300px;
	float:left;
}


.header_txt a{
font-family:arial;
font-style:bold;
font-size:13px;
}
#first
{
width:1020px;
}


#content {
	width:1020px;
	height:382;
	float:left;	
	/*background: url('../grafx/bgs/main_bg.jpg') repeat-x;*/
}

.volume_inactive
{
width:140px;
cursor:pointer;
margin:0px;

}

.volume_active
{
	/*background:url('../grafx/bar_bg/unit_active_bg.jpg') left;*/
	background-color:#A9D7EE;
	width:140px;
	height:auto;
	margin:0px;
	color:#ed1c24;
	font-size:14px;
	
}


.col_1 {
	width:140px;
	height:370px;
	*height:370px;
	float:left;
	padding:10px 0 0 0;
	*padding:10px 0 0 0;
	background:url('../grafx/bar_bg/unit_bg.jpg') repeat-y;
	
}


#col_1 {
	width:140px;
	height:298px;
	*height:50px;
	
}

.col_2 {
	float:left;
	width:309px;
	*width:309px;
	height:380px;
	*height:380px;
	*margin-left:7px;
	background:url('../grafx/bgs/col2_bg.gif') right no-repeat;
	
}



#col_2 {
	height:360px;
	*height:360px;
	padding-top:8px;
	*margin-left:0px
	}
	.col_3{
		/*background-image:url('../grafx/bar_bg/character.jpg');
		background-repeat:no-repeat;
		background-position:360px 90px;
		float:left;
		width:560px;*/
		}

	#col_3 {
	
	padding-top:8px;	
	height:298px;
	*height:330px;
	overflow-y: auto;
	overflow-x: hidden;
	
	}

	.strand{
	height: 324px;
	*height:330px;

	}


.top_line {
	display:none;
}

/*#ocl .top_line, #ok6 .top_line {
	display:inline-block;
	position:absolute;
	float:left;
	width:1004px;
	height:7px;
}

.grade {
	display:inline-block;
	float:left;
	width:115px;
	height:103px;
}

#ok6 .grade, #ocl .grade {
	width:241px;
	height:102px;
	background: url('../grafx/hmh_logos/ocllogo_full.png') no-repeat;
	float:left;
	display:inline-block;
}

.miflogo {
	display:inline-block;
	float:left;		
	margin-top:14;
	margin-left:10;
	width:137px;
	height:23px;
	
}

#ok6 .miflogo, #ocl .miflogo {
	font-family: Helvetica, Arial, san-serif;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 1px #094193;
	color:#fff;
	width:100px;
	margin:0px;
	background-image:none;
	position:absolute;
	left:92px;
	top:70px;
}

.toptext {	
	float:left;
	width:540px;
	*width:540px;
	height:40px;
	text-align:left;
	padding-top:21px;
	padding-left:180px;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#fff;
}


.toptext a,a:link, a:visited,a:active,a:hover{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#fff;
text-decoration:none;	
}
#ocl .toptext, #ok6 .toptext {
	width:550px;
	
}
.logo{
width:200px;
float:right;
padding-top:30px;
margin-right:40px;
margin-top:10px;
*margin-top:11px;
*padding-top:30px;
*margin-right:40px;

}*/
.clear{
clear:both;
}
/*.logo ul{
list-style-type:none;
padding-top:10px;
margin-top:10px;
*margin-top:13px;
*padding-top:13px;


}
.logo ul li{
width:137px;
height:23px;
margin-top:5px;
*margin-top:5px;
}
*/
#footer .copyright
{
float:right;
padding-right:15px;
padding-top:30px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#fff;


}

#footer .copyright a
{
font-family:Arial;
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:underline;


}
#footer .copyright a:link
{

font-family:Arial;
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:underline;


}
#footer .copyright a:active
{

font-family:Arial;
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:underline;

}
#footer .copyright a:visited
{

font-family:Arial;
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:underline;

}
#footer .copyright a:hover
{

font-family:Arial;
font-size:11px;
font-weight:normal;
color:#fff;
text-decoration:underline;

}

/*.download_guide a {
display:block;
background:url(../grafx/dl_buttons/download_user_guide_norma.png) no-repeat;
background-position:bottom;
width:135px;
height:21px;

}

.download_guide a:hover{
display:block;
background:url(../grafx/dl_buttons/download_user_guide_hover.png) no-repeat;
background-position:center;
width:135px;
height:21px;

}
.download_guide a:active {
display:block;
background:url(../grafx/dl_buttons/download_user_guide_active.png) no-repeat;
background-position:top;
width:135px;
height:21px;

}


#outer #header .logo .download_inst{
display:block;
width:137px;
height:20px;
padding-top:12px;
}

#outer #header .logo .download_inst a{
display:block;
background:url(../grafx/bgs/download_instru_normal.png) no-repeat;
width:137px;
height:20px;
padding-top:5px;
}

#outer #header .logo .download_inst a:hover{
display:block;
background:url(../grafx/bgs/download_instru_hover.png) no-repeat;
width:137px;
height:20px;
}
#outer #header .logo .download_inst a:active{
display:block;
background:url(../grafx/bgs/download_instru_active.png) no-repeat;
width:137px;
height:20px;
}
#outer #header .logo .download_inst a:visited{
display:block;
background:url(../grafx/bgs/download_instru_active.png) no-repeat;
width:137px;
height:20px;
}

.hmhlogo {
	display:inline-block;
	float:left;
	width:136px;
	height:23px;
	margin-top:21px;
	margin-left:10px;
	background:url('../grafx/bgs/download_instru_normal.png') no-repeat;
}


#ocl .hmhlogo, #ok6 .hmhlogo {
	width:48px;
	height:47px;
	margin-top:15px;
	margin-right:10px;
	background:url('../grafx/hmh_logos/hmhlogo_circle.png') no-repeat;
}

#bar {
	background:url('../grafx/bar_bg/header_bar.jpg') no-repeat;
	width:1020px;
	height:29px;
	margin-top:0px;
	float:left;
}



#mif_k .bar_bg, #mif_1 .bar_bg {
	color:#000;	
}




.download_bg_active {
	cursor:pointer;	
}


#mif_1  .download_bg {
	background:url('../grafx/dl_buttons/dlb_ocl_off.png') no-repeat left;
}




#mif_1  .download_bg_active {
	background:url('../grafx/dl_buttons/dlb_ocl.png') no-repeat left;
}




#mif_1  .chapter_active {
	/*background:url('../grafx/nav_tab/nt_grade_1_big.gif') no-repeat left;*/
	background-color:#66CCFF;
	width:88px;
}



#mif_1  .chapter_active_high {
	background:url('../grafx/nav_tab/nt_grade_1_big_high.gif') no-repeat left;	
}





.bar_heading1 {
	width:86px;
	text-align:center;
	display:table-cell;
	float:left;
	height:20px;
	padding-top:8px;
	
}

#ok6 .bar_heading1 {
	display:none;
}

.bar_heading2 {
	width:461px;
	padding-left:20px;
	display:table-cell;
	float:left;
	height:20px;
	padding-top:8px;
}

.bar_heading3 {
	width:200px;
	padding-left:20px;
	display:table-cell;
	float:left;
	height:20px;
	padding-top:8px;

}


#ocl .volume_active, #ok6 .volume_active {
	background:url('../grafx/nav_tab/nt_ocl.png') no-repeat left;
}

#ocl .download_bg, #ok6 .download_bg  {
	background:url('../grafx/dl_buttons/dlb_ocl_off.png') no-repeat left;	
}
#ocl .download_bg_active, #ok6 .download_bg_active {
	background:url('../grafx/dl_buttons/dlb_ocl.png') no-repeat left;
	cursor:pointer;	
}
#ocl .chapter_active, #ok6 .chapter_active {
	/*background:url('../grafx/nav_tab/nt_ocl_big.png') no-repeat left;*/
	width:66px;
	height:33px;
}
#ocl .chapter_active_high, #ok6 .chapter_active_high  {
	background:url('../grafx/nav_tab/nt_ocl_big_high.png') no-repeat left;
	
}*/

.chapters {
	list-style: none;
	padding-top:9px;
	padding-left:0px;
	margin:0px;
}
.chapters li {
	cursor:pointer;
	width:450px;
	text-align:left;

}
 
.chapter_text {
	padding:0px;
	width:280px;
	vertical-align:middle;
	display:inline-block;
	
}

.chapter_title {
	width:auto;
	display:inline-block;

}

.lesson_text {
	padding:5px;
	width:360px;
	vertical-align:middle;
	display:inline-block;
		border:1px solid red;	

}


.download_button {
	width:77px;
	height:21px;
	margin-left:10px;
	float:left;
}

.chapter_high {
	/*padding-top:5px;
	padding-bottom:4px;*/
}



.volumes1{
	list-style-type: none;
	margin-left:-20px;
	*margin-left:20px;

}

#unit
{
margin-left: -41px;
margin-top:0px;
}

#unit li {	
	width:140px;
	height:auto;
	text-align:left;
}

.lessons a {
	list-style: none;
	
}

.lessons a:link              { color:#000; text-decoration:none; }
.lessons a:visited           { color:#000; text-decoration:none; }
.lessons a:hover             { color:#000; text-decoration:none; }
.lessons a:active            { color:#000; text-decoration:none; }

.lesson_text_coloured {
	color:#1c387d;
}

#footer
{
width:1020px;
height:59px;
color:#fff;
font-family:Arial;
font-size:11px;
font-weight:normal;
background:url('../grafx/bgs/footer.jpg') no-repeat;

}
.clear{
clear:both;
}

.selected {
	background-position: 0 0px;
}
.block {
	width: 100px;
	float: left;
}

#col_1 ul li 
{
vertical-align:middle;
}

		#col_1 ul li label {
		width: 75px;
		height:20px;
		padding-left:0px;		
		*padding-left:0px;
		float:left;
		font-size:12px;
		font-weight:normal;
		text-align:middle;
		padding-top:0;
		*padding-top:0;
		cursor:pointer;
		margin:8px 20px 0px;
		*margin:8px 0px 0px;
	}
	
	#col_3 ul li label {
		width: 400px;
		/*height:20px;*/
		padding-left:0px;		
		*padding-left:6px;
		float:left;
		font-size:12px;
		font-weight:normal;
		text-align:middle;
		padding-top: 7px;
		*padding-top:7px;
		cursor:pointer;
		margin:-4px 25px 0px;
		
		
	}
	.label_2
	{
	}

	#col_2 ul li
	{
	vertical-align:middle;
	}
	
	#col_2 ul li div
	{
		
		margin:0px 10px;
		padding:8px 10px;
	}
	
	#col_2 ul li label {
		width: 260px;
		height:30px;		
		float:left;
		font-size:12px;
		font-weight:normal;		
		cursor:pointer;
		

	}

/*	.lab {
		padding-left:0px;
		*padding-left:6px;
		float:left;
		font-size:12px;
		font-weight:bold;
		text-align:middle;

	}
	.lab2 {
		padding-left:0px;
		*padding-left:6px;
		float:left;
		font-size:12px;
		font-weight:bold;
		text-align:middle;
			padding-top: 0px;
		*padding-top:0px;

	}
	.download_unit{
	margin: 0px 0 0 24px;
	padding: 0 0 0 10px;
	*margin: 60px 0 0 24px;
	*padding: 0 0 0 10px;
	}

	.mydownload{
	*margin: 30px 0 0 3px;
	*padding: 30px 0 0 3px;
	margin: 10px 0px 0px 7px;
	padding: 10px 0px 0px 7px;
	}
	.mydownload1{	
	*margin: 30px 0 0 3px;
	*padding: 30px 0 0 3px;
	margin: 10px 0px 0px 7px;
	padding: 10px 0px 0px 7px;

	}
*/
	.lesson_strand{
		width:550px;
	}
	
	.sizecolor{
		font-size:12px;
		color:#4c4c4c;	
		padding:5px;
	}
	.wdth{
	width:420px;
	color:#000000;
	}
	
	.sizecolor:hover{	
	 color:#d33434;		
	}
b{font-style:bold;}

/* css for Lesson Strands starts */

.red{
color:#dc0e16;
font-size:16px;
font-family:Arial;
font-weight:bold;
}
.sub{
padding-left:5px;
padding-top:10px;
*padding-left:5px;
*padding-top:10px;
font-size:14px;
color:#3399cc;
font-family:Arial;
font-weight:normal;

}

.subtext{
font-size:14px;
color:#0469aa;
font-weight:normal;
font-family:Arial;

}

 /*  .radio2 {
	height: 25px;
	width: 25px;
	clear:left;
	float:left;
	margin: -3px 0 0 5px;
	*margin: -3px 0 0 5px;
	padding: 0px 0 0 5px;
	*padding: 0px 0 0 5px;
	background: url("../grafx/dl_buttons/radioButtonNormal.png");
	background-repeat:no-repeat;
	cursor: pointer;
}
.radio2 input {
	display: none;
}
.radio2 input.show {
	padding:0px;
	*padding:0px;
}*/


#test1
{
padding-left:5px;
margin:0px;

}
#test2
{
padding-left:5px;
margin:0px;

}
#test3
{
padding-left:5px;
margin:0px;

}
#test4
{
padding-left:5px;
margin:0px;

}
#test5
{
padding-left:5px;
margin:0px;

}
#test6
{
padding-left:5px;
margin:0px;

}

#table1{
width:550px;
*width:542px;
}

.strand_inactive
{
	cursor:pointer;
	margin-left:-8px;
    width:307px;
	/*height:29px;*/
	color:#000;

	
}

.strand_active
	{
	cursor:pointer;
	margin-left:-8px;
    width:307px;
	/*height:29px;*/
	   
	}
	/* css for lesson strands end */
	
	/* css for lessons start */
	
	
.red{
color:#dc0e16;
font-size:16px;
font-family:Arial;
font-weight:bold;
}
.lessonsub{
color:#4c4c4c;
padding-left:5px;
padding-top:10px;
*padding-left:5px;
*padding-top:10px;
font-size:12px;
font-family:Arial;
font-weight:normal;


}
.lesson{
padding-left:5px;
padding-top:10px;
*padding-left:5px;
*padding-top:10px;
font-size:12px;
font-family:Arial;
font-weight:bold;
text-align:center;
color:#00000;
}
.subtext{
font-size:14px;
color:#0469aa;
font-weight:normal;
font-family:Arial;

}
/*
   .radio1 {
	height: 25px;
	width: 25px;
	clear:left;
	float:left;
	margin: -2px 0 0 5px;
	*margin: -2px 0 0 5px;
	padding: 0px 0 0 5px;
	*padding: 0px 0 0 5px;
	background: url("../grafx/dl_buttons/radioButtonNormal.png");
	background-repeat:no-repeat;
	cursor: pointer;
}
.radio1 input {
	display: none;
}
.radio1 input.show {
	padding:0px;
	*padding:0px;
}
*/
#test0
{
padding-left:5px;
margin:0px;
}

#tab{
width:310px;
*width:302px;

}

.lesson_inactive
{
	cursor:pointer;
	margin-left: -8px;
    width:300px;
	height:30px;
	color:#000;
}

.lesson_active
	{
	cursor:pointer;
	margin-left: -8px;
	margin-top: 0px;
    width:300px;
	height:30px;
	color:#ed1c24;
	background:url('../grafx/bar_bg/strand_bg.jpg');

	}
	
.lesson_active_big
	{
	cursor:pointer;
	margin-left: -8px;
	margin-top: 0px;
    width:300px;
	height:47px;
	background:url('../grafx/bar_bg/stand_big_image.jpg');
	background-repeat:no-repeat;
	}
	
.lesson_inactive_big {
	cursor: pointer;
	margin-left: -48px;
	margin-top: 0px;
	width: 300px;
	height: 47px;
}
	
	/* css for lessons end */
	
	
	
	/* css for grades start */
	
/*.radio {
	height: 25px;
	width: 25px;
	clear:left;
	float:left;
	margin: 0px 0px 0px 19px;
	*margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 10px;
	*padding: 0px 0px 0px 10px;
	background: url("../grafx/dl_buttons/radioButtonNormal1.png");
	background-repeat:no-repeat;
	cursor: pointer;
}



.radio input {
	display: none;
}
.radio input.show {
	display: inline;
}

*/
.volume_inactive
{
background-position:left;
width:140px;
height:29px;
cursor:pointer;
}

span.indent
{
margin-left:60px;
line-height:20px;
}

span.indent1
{
margin-left:68px;
line-height:20px;
}