.titlehead h3 {font-weight: 400; font-size: 2.2em; font-family: 'Titillium Web', arial, verdana, sans-serif;}
.subtitle {color: #369; font-size: 18px; font-weight: bold; margin: 10px 0px 10px 0px;}
.subtitle a {color: #369; text-decoration: none;}
.subtitle a:visited {color: #369; text-decoration: none;}
.subtitle a:hover {color: #900; text-decoration: underline;}

.sectionhead {font-size: 16px; font-weight: normal; margin: 10px 0px 10px 0px;}
.sectionhead a {color: #000; text-decoration: none;}
.sectionhead a:visited {color: #000; text-decoration: none;}
.sectionhead a:hover {color: #369; text-decoration: none;}
img.arrowlist {margin: 0px 20px 4px 0px;}

.listcontent {display:none;}

.subquestion {font-size: 14px; color: #900; font-weight: bold; margin: 0px 0px 0px 42px;}
.subquestion a {color: #900; text-decoration: none;}
.subquestion a:visited {color: #900; text-decoration: none;}
.subquestion a:hover {color: #900; text-decoration: underline;}
.subdesc {font-style: italic; margin: 0px 0px 10px 42px;}

@media screen and (min-width: 0px) and (max-width: 1100px) {

	.teachingtools-headergraphic-mobile {width: 100%; margin: 0 auto;}
	.teachingtools-headergraphic-mobile img {width: 100%;}
	.teachingtools-headergraphic {display: none;}

	@media screen and (min-width: 1024px) and (max-width: 1100px) {
	
		.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}

		.rrh-holder-data {width: 30%; float: left;}
		.rrh-holder-publications {width: 30%; float: left; margin: 0 0px 0 60px;}
		.rrh-holder-resources {width: 30%; float: right;}
	
		.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}
	
		.icon {float: left; width: 25%;}
		.icon img {width: 100%;}
		.desc {float: right; margin: 0px 0px 0px 0px; width: 65%; line-height: 18px;}
	
		.element-icon2 {float: left; width: 25%;}
		.element-icon2 img {width: 100%;}
		.element-text2 {float: right; margin: 0px 0px 0px 0px; width: 65%; line-height: 18px;}
	
		.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
		.element-title a {color: #004c7e; text-decoration: none;}
		.element-title a:visited {color: #004c7e; text-decoration: none;}
		.element-title a:hover {color: #900; text-decoration: none;}
	
		.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
		.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
		.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
		.resourcelist ul li a {color: #900; text-decoration: none;}
		.resourcelist ul li a:visited {color: #900; text-decoration: none;}
		.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
		
		.teachingtools-mobilenav {width: 80%; margin: 30px auto 0 auto; color: #900; font-size: 18px; text-align: center; }
		.teachingtools-mobilenav a {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:visited {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:hover {color: #900; text-decoration: underline;}
		
		.topical-col {width: 30%; float: left; margin: 0px 1% 20px 1%;}
		
		.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px; }
		.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
		
	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {	
		
		@media screen and (min-width: 768px) and (max-width: 1023px) {
			
			
			.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}

			.rrh-holder-data {width: 90%; margin: 0 auto;}
			.rrh-holder-publications {width: 90%; margin: 50px auto;}
			.rrh-holder-resources {width: 90%; margin: 0 auto;}
	
			.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}
	
			.icon {float: left; width: 10%;}
			.icon img {width: 100%;}
			.desc {float: right; margin: 0px 0px 0px 0px; width: 80%; line-height: 18px;}
	
			.element-icon2 {float: left; width: 10%;}
			.element-icon2 img {width: 100%;}
			.element-text2 {float: right; margin: 0px 0px 0px 0px; width: 80%; line-height: 18px;}
	
			.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
			.element-title a {color: #004c7e; text-decoration: none;}
			.element-title a:visited {color: #004c7e; text-decoration: none;}
			.element-title a:hover {color: #900; text-decoration: none;}
	
			.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
			.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
			.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
			.resourcelist ul li a {color: #900; text-decoration: none;}
			.resourcelist ul li a:visited {color: #900; text-decoration: none;}
			.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
			
			.teachingtools-mobilenav {width: 80%; margin: 30px auto 0 auto; color: #900; font-size: 18px; text-align: center; }
		.teachingtools-mobilenav a {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:visited {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:hover {color: #900; text-decoration: underline;}
		
		.topical-col {width: 30%; float: left; margin: 0px 1% 20px 1%;}
			
		.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px;}
		.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		
			.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}

			.rrh-holder-data {width: 90%; margin: 0 auto;}
			.rrh-holder-publications {width: 90%; margin: 50px auto ;}
			.rrh-holder-resources {width: 90%; margin: 0 auto;}
	
			.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}
	
			.icon {float: left; width: 10%;}
			.icon img {width: 100%;}
			.desc {float: right; margin: 0px 0px 0px 0px; width: 85%; line-height: 18px;}
	
			.element-icon2 {float: left; width: 10%;}
			.element-icon2 img {width: 100%;}
			.element-text2 {float: right; margin: 0px 0px 0px 0px; width: 85%; line-height: 18px;}
	
			.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
			.element-title a {color: #004c7e; text-decoration: none;}
			.element-title a:visited {color: #004c7e; text-decoration: none;}
			.element-title a:hover {color: #900; text-decoration: none;}
	
			.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
			.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
			.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
			.resourcelist ul li a {color: #900; text-decoration: none;}
			.resourcelist ul li a:visited {color: #900; text-decoration: none;}
			.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
			
			.teachingtools-mobilenav {width: 80%; margin: 30px auto 0 auto; color: #900; font-size: 18px; text-align: center; }
		.teachingtools-mobilenav a {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:visited {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:hover {color: #900; text-decoration: underline;}
		
		.topical-col {width: 30%; float: left; margin: 0px 1% 20px 1%;}

		.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px;}
		.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
			
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) {
		
		.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}

		.rrh-holder-data {width: 90%; margin: 0 auto;}
		.rrh-holder-publications {width: 90%; margin: 50px auto ;}
		.rrh-holder-resources {width: 90%; margin: 0 auto;}

		.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}

		.icon {float: left; width: 10%;}
		.icon img {width: 100%;}
		.desc {float: right; margin: 0px 0px 0px 0px; width: 85%; line-height: 18px;}

		.element-icon2 {float: left; width: 10%;}
		.element-icon2 img {width: 100%;}
		.element-text2 {float: right; margin: 0px 0px 0px 0px; width: 85%; line-height: 18px;}

		.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
		.element-title a {color: #004c7e; text-decoration: none;}
		.element-title a:visited {color: #004c7e; text-decoration: none;}
		.element-title a:hover {color: #900; text-decoration: none;}

		.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
		.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
		.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
		.resourcelist ul li a {color: #900; text-decoration: none;}
		.resourcelist ul li a:visited {color: #900; text-decoration: none;}
		.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
		
		.teachingtools-mobilenav {width: 80%; margin: 30px auto 0 auto; color: #900; font-size: 18px; text-align: center; }
		.teachingtools-mobilenav a {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:visited {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:hover {color: #900; text-decoration: underline;}
		
		.topical-col {width: 100%; }
		
		.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px;}
		.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
		
		
	}
	
	@media screen and (min-width: 321px) and (max-width: 480px) {
		
		
		.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}

		.rrh-holder-data {width: 90%; margin: 0 auto;}
		.rrh-holder-publications {width: 90%; margin: 50px auto ;}
		.rrh-holder-resources {width: 90%; margin: 0 auto;}

		.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}

		.icon {float: left; width: 15%;}
		.icon img {width: 100%;}
		.desc {float: right; margin: 0px 0px 0px 0px; width: 80%; line-height: 18px;}

		.element-icon2 {float: left; width: 15%;}
		.element-icon2 img {width: 100%;}
		.element-text2 {float: right; margin: 0px 0px 0px 0px; width: 80%; line-height: 18px;}

		.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
		.element-title a {color: #004c7e; text-decoration: none;}
		.element-title a:visited {color: #004c7e; text-decoration: none;}
		.element-title a:hover {color: #900; text-decoration: none;}

		.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
		.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
		.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
		.resourcelist ul li a {color: #900; text-decoration: none;}
		.resourcelist ul li a:visited {color: #900; text-decoration: none;}
		.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
		
		.affiliates-holder {width: 90%; margin: 0 auto;}
		.affiliates-holder img {width: 100%; margin: 10px 0;}
		
		.teachingtools-mobilenav {width: 80%; margin: 30px auto 0 auto; color: #900; font-size: 18px; text-align: center; }
		.teachingtools-mobilenav a {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:visited {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:hover {color: #900; text-decoration: underline;}
		
		.topical-col {width: 100%; }

		.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px;}
		.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 320px) {
		
		.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}

		.rrh-holder-data {width: 90%; margin: 0 auto;}
		.rrh-holder-publications {width: 90%; margin: 50px auto ;}
		.rrh-holder-resources {width: 90%; margin: 0 auto;}

		.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}

		.icon {float: left; width: 15%;}
		.icon img {width: 100%;}
		.desc {float: right; margin: 0px 0px 0px 0px; width: 80%; line-height: 18px;}

		.element-icon2 {float: left; width: 15%;}
		.element-icon2 img {width: 100%;}
		.element-text2 {float: right; margin: 0px 0px 0px 0px; width: 80%; line-height: 18px;}

		.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
		.element-title a {color: #004c7e; text-decoration: none;}
		.element-title a:visited {color: #004c7e; text-decoration: none;}
		.element-title a:hover {color: #900; text-decoration: none;}

		.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
		.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
		.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
		.resourcelist ul li a {color: #900; text-decoration: none;}
		.resourcelist ul li a:visited {color: #900; text-decoration: none;}
		.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
		
		.affiliates-holder {width: 90%; margin: 0 auto;}
		.affiliates-holder img {width: 100%; margin: 10px 0;}
		
		.teachingtools-mobilenav {width: 80%; margin: 30px auto 0 auto; color: #900; font-size: 14px; text-align: center; }
		.teachingtools-mobilenav a {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:visited {color: #900; text-decoration: none;}
		.teachingtools-mobilenav a:hover {color: #900; text-decoration: underline;}
		
		.topical-col {width: 100%; }

		.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px;}
		.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
		
	}
	
}

@media screen and (min-width: 1101px) {

	.teachingtools-headergraphic-mobile {display: none;}
	.teachingtools-headergraphic {width: 100%; text-align: center;}
	
	.teachingtools-container {margin: 40px auto 0 auto; max-width: 1025px;}
	
	.buttons {position: absolute; margin: 52px 0px 0px 710px;}

	.rrh-holder-data {width: 30%; float: left;}
	.rrh-holder-publications {width: 30%; float: left; margin: 0 0px 0 60px;}
	.rrh-holder-resources {width: 30%; float: right;}
	
	.holder {border-bottom: 2px dotted #ccc; padding: 10px 0 10px 0; margin: 10px 0 10px 20px; width: 100%;}
	
	.icon {float: left; width: 25%;}
	.icon img {width: 100%;}
	.desc {float: right; margin: 0px 0px 0px 0px; width: 65%; line-height: 18px;}
	
	
	.element-title {color: #004c7e; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px;}
	.element-title a {color: #004c7e; text-decoration: none;}
	.element-title a:visited {color: #004c7e; text-decoration: none;}
	.element-title a:hover {color: #900; text-decoration: none;}
	
	.resourcelist {margin: 0px 0 0 20px; padding: 0px;}
	.resourcelist ul {margin: 0px 0px 0px 20px; padding: 0px;}
	.resourcelist ul li {margin: 0px 0px 5px 0px; padding: 0px; color: #900;}
	.resourcelist ul li a {color: #900; text-decoration: none;}
	.resourcelist ul li a:visited {color: #900; text-decoration: none;}
	.resourcelist ul li a:hover {color: #000; text-decoration: underline;}
	
	.teachingtools-mobilenav {display: none;}
	
	.topical-col {width: 30%; float: left; margin: 0px 1% 20px 1%;}

	.instruction-data-container {border-bottom: 2px dotted gray; padding: 25px 0px;}
	.instruction-data-file {border-bottom: 1px solid gray; padding-bottom: 5px;}
	
}