<style>

.blank { /*This is here just so the module header will work. Do not use or remove.*/
}

.course_header {/*This is the course graphic header. */
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
}

.module_header {  /*This is the module header.*/
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid #999999 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.course_labels { /* This is the style for the course headers. i.e. Lesson Lecture, Supplemental Resources, Lesson Activities*/
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
	padding: 10px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}

.course_sublabels { /* This is the style for the course subheaders used for sections within the main labels. This is used on a case by case basis.*/
	font-size: 10pt;
	font-weight: bold;
	color: #777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	}

.page_header { /*This is the style for Compose a Webpage headers. It should contain the resource title and be used primarily for Objectives and Introduction pages and Internet Resource pages.*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	font-size: 20pt;
	font-color: #000000;
	line-height: 28pt;
	border-bottom: solid #CECECE 2px;
	border-top: solid #CECECE 2px;
	border-left: solid #CECECE 2px;
	border-right: solid #CECECE 2px;
	padding: 30px 0px 7px 10px;
	margin: 0px 0px 0px 0px;
}

.page_container {/*This is the style for Compose a Webpage background. It should contain all content under the page header.*/
	background: #FFFFFF; /* for non-css3 browsers */
	padding: 20px;
	border-bottom: solid #CECECE 2px;
	border-left: solid #CECECE 2px;
	border-right: solid #CECECE 2px;
}

.page_subheader { /*This style should be used for subheadings in the Compose a Webpage resource. It should be used as headers to break up the content. For example, Objectives or Introduction.*/
	font-size: 14pt;
	font-weight: bold;
	color: #777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.content_container { /*This style should be used for actual content in the Compose a Webpage resource. Content includes things such as the actual list of objectives or an introduction paagraph*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}


h1.in_course { /*This is the style used for the Heading 1 element*/
	font-size: 20pt; 
	color: #000000; 
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid #CECECE 1px;
}
	
h2.in_course { /*This is the style used for the Heading 2 element*/
	font-size:16pt;
	color: #777777;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
	
h3.in_course { /*This is the style used for the Heading 3 element*/
	font-size: 14pt;  
	color: #555555;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style:italic;
}
	
h4.in_course { /*This is the style used for the Heading 4 element*/
	font-size: 12pt; 
	color: #333333; 
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style:italic;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 900px;
	height: 100%;
	max-height: 550px;
}

.video_frame { /* Video frame with standard width */
	max-width: 640px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.school_resources {
   margin: 5px 0px 5px 0px;
}

.school_resources .icon {
    height: 50px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}
.school_resources .link {
    display: inline-block;
	font-family: 'Arial';
	font-size: 1em;
    vertical-align: middle;
	padding-left: 3px;
	width: 120px;
}

ol.a {
	list-style-type: lower-alpha;
	font-size: inherit;
}

ol.i {
	list-style-type: lower-roman;
	font-size: inherit;
}

ul {
	list-style-type: disc;
	font-size: inherit;
}


/*SAMPLE 1*/

.course_header_1 {/*This is the course graphic header.*/
	background-image: url(http://content.learninghouse.com/clients/hlg/redesign/course_header_title.png);
    background-color:#545454;
    background-repeat:no-repeat;
    background-size: 100%;
    color: #FFFFFF;
    text-align: left;
    font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
    font-size: 14pt;
    font-variant:small-caps;
    font-weight: lighter;
    padding: 12px 10px 10px 30px;
    margin: -10px 0px 0px 0px;
    overflow:visible;
}

.module_header_1 {  /*This is the module header.*/
	color: #73272A;
	font-size: 20px;
	font-weight: bold;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	border-bottom: solid #CCCCCC 1px;
	padding: 10px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

.course_labels_1 { /* This is the style for the course headers. i.e. Lesson Lecture, Supplemental Resources, Lesson Activities*/
	font-size: 12pt;
	font-weight: bold;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	color: #1C273C;
	background: #F2F2F2;
	border-left: solid #1C273C 5px;
	padding: 5px 0px 5px 10px;
	margin: 10px 0px 0px 0px;
	}

.course_sublabels_1 { /* This is the style for the course subheaders used for sections within the main labels. This is used on a case by case basis.*/
	font-size: 10pt;
	font-weight: bold;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	color: #73272A;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	}

.page_header_1 { /*This is the style for Compose a Webpage headers. It should contain the resource title and be used primarily for Objectives and Introduction pages and Internet Resource pages.*/
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) #16213c; /* Old browsers */
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) -moz-linear-gradient(top,  #16213c 0%, #213058 100%); /* FF3.6+ */
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16213c), color-stop(100%,#213058)); /* Chrome,Safari4+ */
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) -webkit-linear-gradient(top,  #16213c 0%,#213058 100%); /* Chrome10+,Safari5.1+ */
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) -o-linear-gradient(top,  #16213c 0%,#213058 100%); /* Opera 11.10+ */
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) -ms-linear-gradient(top,  #16213c 0%,#213058 100%); /* IE10+ */
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) linear-gradient(to bottom,  #16213c 0%,#213058 100%); /* W3C */
	filter: url(http://content.learninghouse.com/clients/hlg/redesign/page_header.png) progid:DXImageTransform.Microsoft.gradient( startColorstr='#16213c', endColorstr='#213058',GradientType=0 ); /* IE6-9 */
	background-repeat:no-repeat;
    background-size: 100%;
	background-position: top center;
	font-size: 20pt;
	color: #ffffff;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	border-bottom: solid #1C294C 2px;
	border-top: solid #1C294C 2px;
	border-left: solid #1C294C 2px;
	border-right: solid #1C294C 2px;
	padding: 30px 0px 7px 10px;
	margin: 0px 0px 0px 0px;
}

.page_container_1 {/*This is the style for Compose a Webpage background. It should contain all content under the page header.*/
	background: #F2F2F2; /* for non-css3 browsers */
	padding: 0px 20px 0px 20px;
	color: #000000;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	border-bottom: solid #CCCCCC 2px;
	border-left: solid #CCCCCC 2px;
	border-right: solid #CCCCCC 2px;
}

.page_subheader_1 { /*This style should be used for subheadings in the Compose a Webpage resource. It should be used as headers to break up the content. For example, Objectives or Introduction.*/
	font-size: 14pt;
	font-weight: bold;
	color: #500000;
	border-bottom: solid #1C294C 1px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.content_container_1 { /*This style should be used for actual content in the Compose a Webpage resource. Content includes things such as the actual list of objectives or an introduction paagraph*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
}


h1.in_course_1 { /*This is the style used for the Heading 1 element*/
	font-size: 20pt; 
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	color: #500000; 
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid #CCCCCC 1px;
}
	
h2.in_course_1 { /*This is the style used for the Heading 2 element*/
	font-size:16pt;
	font-weight: 500;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	border-bottom: solid #31466C 2px;
	color: #000000;
	padding: 3px 5px 3px 5px;
	margin: 0px -10px 0px -10px;
}
	
h3.in_course_1 { /*This is the style used for the Heading 3 element*/
	font-size:14pt;
	background: #1C273C;
	font-weight: 500;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	color: #ffffff;
	padding: 3px 5px 3px 5px;
	margin: 0px -10px 0px -10px;
}
	
h4.in_course_1 { /*This is the style used for the Heading 4 element*/
	font-size:14pt;
	background: #500000;
	font-weight: 500;
	font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;
	color: #ffffff;
	padding: 3px 5px 3px 5px;
	margin: 0px -10px 0px -10px;
}

/*SAMPLE 2*/

.course_header_2 {/*This is the course graphic header.*/
	background: #1C273C;
	color: #FFFFFF;
	text-align: center; 
	font-family:"Times New Roman";
	font-size: 18pt;
	font-weight: 400;
	border-top: solid #500000 3px;
	padding: 10px 10px 10px 23px;
	margin: -10px 0px 0px 0px;
}

.module_header_2 {  /*This is the module header.*/
	color: #FFFFFF;
	background: #500000;
	font-size: 18pt;
	font-weight: 400;
	font-family:"Times New Roman";
	border-bottom: solid #1C273C 3px;
	padding: 7px 10px 7px 10px;
	margin: 0px 0px 0px 0px;
}

.course_labels_2 { /* This is the style for the course headers. i.e. Lesson Lecture, Supplemental Resources, Lesson Activities*/
	font-size: 14pt;
	font-weight: 400;
	color: #1C273C;
	background: #F2F2F2;
	font-family:"Times New Roman";
	padding: 7px 10px 7px 10px;
	margin: 10px 0px 0px 0px;
	}

.course_sublabels_2 { /* This is the style for the course subheaders used for sections within the main labels. This is used on a case by case basis.*/
	font-size: 12pt;
	font-weight: 400;
	font-family:"Times New Roman";
	color: #500000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	}

.page_header_2 { /*This is the style for Compose a Webpage headers. It should contain the resource title and be used primarily for Objectives and Introduction pages and Internet Resource pages.*/
	font-size: 20pt;
	background: #500000;
	color: #FFFFFF;
	font-family:"Times New Roman";
	border-bottom: solid #1C273C 2px;
	padding: 20px 0px 7px 10px;
	margin: 0px 0px 0px 0px;
}

.page_container_2 {/*This is the style for Compose a Webpage background. It should contain all content under the page header.*/
	padding: 0px 20px 0px 20px;
	font-family:"Times New Roman";
	border-bottom: solid #1C273C 10px;
	border-right: solid #1C273C 1px;
	border-left: solid #1C273C 1px;
	background: url(http://content.learninghouse.com/clients/hlg/redesign/page_bgd.png);
	background-repeat:no-repeat;
	background-position: right bottom;
}

.page_subheader_2 { /*This style should be used for subheadings in the Compose a Webpage resource. It should be used as headers to break up the content. For example, Objectives or Introduction.*/
	font-size: 14pt;
	font-weight: bold;
	color: #500000;
	border-bottom: solid #1C273C 1px;
	font-family:"Times New Roman";
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.content_container_2 { /*This style should be used for actual content in the Compose a Webpage resource. Content includes things such as the actual list of objectives or an introduction paagraph*/
	font-family:"Times New Roman";
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}


h1.in_course_2 { /*This is the style used for the Heading 1 element*/
	font-size: 20pt; 
	font-family:"Times New Roman";
	color: #600000; 
	font-weight: 400;
	padding: 10px 0px 0px 0px;
	margin: -10px 0px -10px 0px;
	border-bottom: solid #E9E9E9 1px;
}
	
h2.in_course_2 { /*This is the style used for the Heading 2 element*/
	font-size:16pt;
	font-family:"Times New Roman";
	font-weight: 400;
	background: #F2F2F2;
	color: #1C273C;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px -10px 0px;
}
	
h3.in_course_2 { /*This is the style used for the Heading 3 element*/
	font-size: 14pt;  
	font-family:"Times New Roman";
	font-weight: 400;
	color: #500000;
	padding: 10px 10px 0px 10px;
	margin: -10px 0px -20px 0px;
	font-style:italic;
}
	
h4.in_course_2 { /*This is the style used for the Heading 4 element*/
	font-size: 12pt; 
	font-family:"Times New Roman";
	font-weight: 400;
	color: #000000; 
	padding: 10px 10px 0px 10px;
	margin: -5px 0px -10px 0px;
	font-style:italic;
}


</style>