<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: #24604F;
	font-family: "Times New Roman";
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: -14px 0px 0px 0px;
}

.course_header h2{/*This is the course graphic header. */
	color: #24604F;
	font-family: "Times New Roman";
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 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;
}

.module_header h3{  /*This is the module header.*/
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0px 5px 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 0px 0px;
	margin: 0px 0px 0px 0px;
}

.course_labels h3{ /* 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: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.course_labels h4{ /* 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: 0px 0px 0px 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;
}

.course_sublabels h5{ /* 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 0px;
}

.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;
	color: #000000;
	border-bottom: solid #CECECE 2px;
	border-top: solid #CECECE 2px;
	border-left: solid #CECECE 2px;
	border-right: solid #CECECE 2px;
	padding: 20px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}

.page_header h2{ /*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;
	color: #000000;
	padding: 5px 0px 5px 0px;
	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: 5px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.content_container h3:first-child{ /*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: -5px 0px 0px -10px;
}

.content_container h3{ /*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: 10px 0px 0px -10px;
}

.content_container h4{ /*This is the style used for the Heading 4 element*/
	font-size: 14pt;  
	color: #555555;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style:italic;
}
	
.content_container h5{ /*This is the style used for the Heading 5 element*/
	font-size: 12pt; 
	color: #333333; 
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style:italic;
}

.content_container p{
/*This is the paragraph tag for the content container*/
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.content_container ol{
/*This is the ordered list tag for the content container*/
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

.content_container ul{
/*This is the ordered list tag for the content container*/
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

.video_frame { /* Video frame with standard width */
	max-width: 640px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/*TABLE*/
.content_container table { 
 	border: solid #000000 1px;
 	border-collapse: collapse;
 	max-width: 800px;
}

.content_container th { 
 	border: solid #000000 1px;
	color: #FFFFFF !important;
	padding: 5px 5px 5px 5px !important;
	vertical-align:top;
	background: #ffffff !important;
}

.content_container th[scope=col]  { /*use this for the headers of columns, tells screen readers what order to read things*/
 	border: solid #000000 1px;
	padding: 5px 5px 5px 5px !important;
	vertical-align:top;
	background: #777777 !important;
}

.content_container td { 
 	border: solid #000000 1px;
	padding: 5px 5px 5px 5px !important;
	vertical-align:top;
}

.content_container tr.alt  { 
 	border: solid #000000 1px;
	padding: 5px 5px 5px 5px !important;
	vertical-align:top;
	background: #CACACA;
}

.content_container tr.footer { /*Last row*/
 	border: solid #000000 1px;
	padding: 5px 5px 5px 5px !important;
	vertical-align:top;
	background: #595959;
	font-weight: bold;
}

.content_container td.alt  {  /*Alternate table cell shading. Mostly for alternate columns*/
 	border: solid #000000 1px;
	padding: 5px 5px 5px 5px !important;
	vertical-align:top;
	background: #cacaca;
}

/* END TABLE*/

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;
}

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;
}

/* NEW CSS DESIGN */
	
.course_header_1 {/*This is the course graphic header.*/
	color: #FFFFFF;
	background: #00583d;
	border-bottom: solid #C3C3C3 3px;
	font-family: Georgia;
	font-size: 24pt;
	padding: 20px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-variant:small-caps;
}

.module_header_1 {  /*This is the module header.*/
	background: #ffffff;
	padding: 5px 80px 5px 10px;
	font-size: 20pt;  
	color: #8e0c3a; 
	text-align: left; 
	font-family: Georgia;
	border-bottom: solid #00583d 1px;
	font-variant:small-caps;
	}
	
	/*border-top: solid #00583d 1px;
	border-right: solid #00583d 1px;
	border-left: solid #00583d 5px;
	background-image:url('http://content.learninghouse.com/clients/william_woods/redesign/wwu_module_image.png');
	background-repeat:no-repeat;
	background-position:right bottom;*/


.course_labels_1 { /* This is the style for the course headers. i.e. Lesson Lecture, Supplemental Resources, Lesson Activities*/
	font-size: 14pt;
	font-family: Georgia;
	color: #00583d;
	padding: 10px 0px 9px 15px;
	margin: 0px 0px 0px 20px;
	background-image:url('http://content.learninghouse.com/clients/william_woods/redesign/wwu_label_image.png');
	background-repeat:no-repeat;
	background-position: left center;
	font-variant:small-caps;
	}

.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: 12pt;
	font-family: Georgia;
	color: #8e0c3a;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 40px;
	background-image:url('http://content.learninghouse.com/clients/william_woods/redesign/wwu_sublabel_image.png');
	background-repeat:no-repeat;
	background-position: left center;
	font-variant:small-caps;
	}

.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.*/
	font-family: Georgia;
	background-color: #00583d;
	font-size: 26pt;
	color: #FFFFFF;
	border-bottom: solid #00583d 4px;
	padding: 25px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-variant:small-caps;
}

.page_container_1 {/*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 #00583d 1px;
	border-left: solid #00583d 1px;
	border-right: solid #00583d 1px;
	background-image:url('http://content.learninghouse.com/clients/william_woods/redesign/wwu_webpage_image.png');
	background-repeat:no-repeat;
	background-position:right bottom;
}

.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-family: Georgia;
	font-size: 13pt;
	font-weight: bold;
	color: #8e0c3a;
	border-bottom: solid #8e0c3a 1px;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-variant:small-caps;
	}

.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: Georgia;
	padding: 15px 100px 0px 10px;
	margin: 0px 0px 0px 0px;
}


.h1_1 { /*This is the style used for the Heading 1 element*/
	font-family: Georgia;
	font-size: 20pt; 
	color: #00583d; 
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid #999999 1px;
	font-variant:small-caps;
}
	
.h2_1 { /*This is the style used for the Heading 2 element*/
	font-family: Georgia;
	font-size:16pt;
	color: #8d0e39;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-variant:small-caps;
}
	
.h3_1 { /*This is the style used for the Heading 3 element*/
	font-family: Georgia;
	font-size: 14pt;  
	color: #00583d;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style:italic;
	font-variant:small-caps;
}
	
.h4_1 { /*This is the style used for the Heading 4 element*/
	font-family: Georgia;
	font-size: 12pt; 
	color: #999999; 
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style:italic;
	font-variant:small-caps;
}

.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;
}

.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: 150px;
}

</style>