/* Imports */ 
@import url("reset.css");
@import url("menu.css");

/*
Headline 1 - 1.25em (16 x 1.25 = 20)
Headline 2 - 1.125em (16 × 1.125 = 18)
Headline 3 - 1em (1em = 16px)
Main text - 0.875em (16 x 0.875 = 14)
0.8125em = 13
Sub text - 0.75em (16 x 0.75 = 12)
Footnotes - 0.625em (16 x 0.625 = 10)
*/

html, body {
    /*overflow-x: hidden; */

}
html {
	font-size: 62.5%; /* 16px */
}

body {
	font-size: 14px; font-size: 1.4rem;
	font-family: arial, helvetica,sans-serif;
	background: #fff url('images/background-page.jpg') 0 0 repeat-x;
}

body.home {
	background: #fff url('images/background-home.jpg') 0 0 repeat-x;
}

/* base styles */
h1 { 
	font-family: "museo-sans-n3", "museo-sans",arial, sans-serif;
	font-weight: light;
	font-size: 35px; font-size: 3.5rem;  
	color: #474747;
	border-bottom: 3px solid #474747;
	margin-top: 35px; margin-top: 3.5rem;
	margin-bottom: 35px; margin-bottom: 3.5rem;
	padding-bottom: 24px;
	line-height: 35px; line-height: 3.5rem;
}

h1:first-child {
	margin-top: 0;
}

h2 { 
	font-size: 24px; font-size: 2.4rem;
	font-weight: normal;
	color: #000;
	margin-top: 24px; margin-top: 2.4rem;
	margin-bottom: 24px; margin-bottom: 2.4rem;
}

h3 {
	font-size: 20px; font-size: 2rem;
	font-weight: normal;
	color: #deb408;	
	margin-top: 20px; margin-top: 2.0rem;
	margin-bottom: 10px; margin-bottom: 1.0rem;
	padding-bottom: 10px; padding-bottom: 1.0rem;
	border-bottom: 1px dashed #dadbdb;
	
}

h4 {
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	color: #000;	
	margin-top: 18px; margin-top: 1.8rem;
	margin-bottom: 18px; margin-bottom: 1.8rem;
}

h5 {
	font-size: 18px; font-size: 1.8rem;
	font-weight: normal;
	color: #000;	
	margin-top: 18px; margin-top: 1.8rem;
	margin-bottom: 18px; margin-bottom: 1.8rem;
}

h6 {
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	color: #000;	
	margin-top: 16px; margin-top: 1.6rem;
	margin-bottom: 16px; margin-bottom: 1.6rem;
}

p {
	margin: 14px 0; margin: 1.4rem 0;
}

i,em,cite {
	font-style: italic;
}

b,strong {
	font-weight: bold;
}

p, ul,ol, td {
	font-family: arial, helvetica,sans-serif;
	line-height: 21px;	line-height: 2.1rem;	
}

a { color: #00457c; text-decoration: none; }
a:hover { color: #deb408; text-decoration: underline;}
a:visited { color: #6600cc; }

sup { vertical-align: super; }
sub { vertical-align: sub; }
pre, tt, code, kbd, samp { font-family: 'Andale Mono', 'Lucida Console', monospace; }

pre *, tt *, code *, kbd *, samp * { font-family: 'Andale Mono', 'Lucida Console', monospace; }

blockquote {
  font-size: 12px;  font-size: 1.2rem;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  line-height: 12px; line-height: 1.8rem;
} 

dt {
	font-weight: bold;
}
dd {
	padding-left: 50px;
}

li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}

table {
	margin-bottom:1.4em;
}

table caption {
	font-size: 16px; font-size: 1.6rem;
	text-decoration: underline;
}

th {
	font-weight:bold;
}
th, td, caption {
	padding:4px 10px 4px 5px;
	vertical-align: top;
}
tfoot {
	font-style:italic;
}

img {
	vertical-align: middle;
}

/* end base styles */

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 118px;
}

#header-logo {
	width: 280px;
	height: 64px;
	position: absolute;
	top: 30px;
	left: 30px;
}

#header-phone {
	position: absolute;
	top: 40px;
	left: 545px;
	background: url('images/icon-phone.png') top left no-repeat;
	padding: 10px 0 10px 50px;
	height: 42px;
	font-family: "museo-sans-n3", "museo-sans",arial, sans-serif;
	font-weight: light;
	font-size: 21px; font-size: 2.1rem;
	color: #3f4450;
}

#header-announcement {
	position: absolute;
	top: 40px;
	left: 545px;
	background: url('images/icon-teachag.png') top left no-repeat;
	padding: 10px 0 10px 50px;
	height: 42px;
	font-family: "museo-sans-n3", "museo-sans",arial, sans-serif;
	font-weight: light;
	font-size: 21px; font-size: 2.1rem;
	color: #3f4450;
}

#print-header {
	display: none;
}

#nav-wrapper {
	height: 44px;
	background: url('images/background-nav.png') repeat-x;	
	padding: 4px 0 3px 0;
	min-width: 960px;
	margin: 0 auto;
}

#nav {
	width: 960px;
	margin: 0 auto;
	height:43px;
}

div#feature {
	width: 960px;
	height: 320px;
	position: relative;
	margin: 12px auto;
}

div#feature.home div {
	position: absolute;
	bottom: 0;
	height: 90px;
	padding: 5px 26px;
	left: 0;
}

div#feature.home div h1 {
	font-family: "museo-sans-n5", "museo-sans",arial, sans-serif;
	font-weight: medium;
	font-size: 24px;  font-size: 2.4rem;
	color: #deb408;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

div#feature.home div p {
	font-family: "museo-sans-n5", "museo-sans",arial, sans-serif;
	font-weight: medium;
	font-size: 13px;  font-size: 1.3rem;
	color: #fff;
	line-height: 15px; line-height: 1.5rem;
	margin-top: 3px;
}

div#feature.home div p a {
	font-style: italic;
	color: #fff;
}

#content-outer {
	padding-top: 35px;
}

body.teachers-guide #content-outer {
	background-color: #FFF8EE;
}

#content-wrapper {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
}

#content {
}

body.home #content-wrapper {
	margin-top: 0;
}

img[align=right] {
	padding-left: 10px;
	padding-bottom: 10px;
}

img[align=left] {
	padding-right: 10px;
	padding-bottom: 10px;
}

/* Button style */
a.orange-button {
	border: 1px solid #b59856;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF;
	background: url('images/button-gradient.png') repeat-x;
	height: 36px;
	display: inline-block;
	text-decoration: none;
	font-size: 14px; font-size: 1.4rem;
	line-height: 28px; line-height: 2.8rem;
}
a.orange-button:hover {
	background: #debc6f;
}

a.orange-button span {
	text-shadow: 1px 1px 1px #b59856;
	background: transparent url('images/background-triangle.png') 10px center no-repeat;
	padding-left: 20px;
	display: block;
	padding: 4px 10px 3px 30px;
}

/* home page 3-col content */
div.col-3 {
	width: 247px;
	margin: 10px 50px;
	float: left;
}

div.col-3.first {
	margin-left: 0;
}

div.col-3.last {
	margin-right: 0;
}

div.col-3 h2 {
	color: #00457c;
	padding: 0;
	margin: 0;
	padding-bottom: 26px;
	margin-bottom: 8px;
	background: url('images/background-home-headers.png') left bottom no-repeat;
}

div.col-3 p {
	line-height: 21px; line-height: 2.1rem;	
	margin-bottom: 10px;
}

#footer-wrap {
	background: url('images/background-footer.png');
	border-top: 7px solid #c49f07;
	min-height: 50px;
	margin-top: 20px;
}

#footer {
	margin: 0 auto;
	padding-top: 50px;
	width: 980px;
	padding-bottom: 50px;
}	

#footer a:hover, #footer a:active,
#footer a {
	color: #fff;
	text-decoration: underline;
}



#footer div.col-3 {
    border-left: 1px solid #004b8a;
    border-right: 1px solid #001e37;
    margin:0;
    padding: 0 50px;
    height: 300px;
}

#footer div.col-3.first {
    border-left: 0;
    margin-left: 0;
    margin-right:0;
    padding-left: 0;
}

#footer div.col-3.last {
    border-right: 0;
    margin-left:0;
    margin-right:0;
    padding-right: 0px;
}

#footer div.col-3 ul {
	list-style-type: none;
	margin: 0;
}

#footer div.col-3 ul li a:hover,
#footer div.col-3 ul li a {
	margin-left: 30px;
	font-family: "museo-sans-n5", "museo-sans",arial, sans-serif;
	font-weight: medium;
	font-size: 18px;  font-size: 1.8rem;
	color: #fff;
	text-decoration: none;
	line-height: 2em;
}

#footer div.col-3 img {
	margin-bottom: 20px;
}	

#footer div.col-3 ul li a:hover {
	text-decoration: underline;
}	

#footer p.copyright {
	font-size: 10px;  font-size: 1rem;
	color: #fff;
	margin-top: 10px;
	margin-left: 30px;
	line-height: 1.5em;
}

#footer h2 {
	font-family: "museo-sans-n3", "museo-sans",arial, sans-serif;
	padding: 0;
	background: none;
	color: #fff;
	font-size: 25px;  font-size: 2.5rem;
	font-weight: light;
	margin-bottom: 10px;
}

#footer input {
	border-radius: 5px;
	padding: 10px 10px;
	margin: 3px 0;
	border: 0;
	width: 220px;
}	
#footer #footer-signup-btn {
	width:79px; height:33px;margin-left: 0; padding: 0
}


#footer #signup label {
	display: none;
}

#footer div.col-3.last p {
	margin-left: 0;
}

/* Page templates */
.two-col-left {
	width: 750px;
}

/* Right Subnav */
div.right-subnav-wrapper {
	float: right;
	width: 204px;
}

div.right-subnav {
	border: 1px solid #caccce;
	padding: 1px;
	width: 200px;
	margin-bottom: 10px;
}

div.right-subnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.right-subnav ul li {
	background-color: #ebebec;
}

div.right-subnav ul li a {
	display: block;
	padding: 8px 8px 8px 18px;
	text-decoration: none;
	color: #000;
	border-top: 1px solid #fff;	
}

div.right-subnav ul li a.active {
	font-weight: bold;
}

div.right-subnav ul li a:hover {
	font-weight: bold;
}

div.right-subnav ul li.navtitle {
	padding: 8px 8px 8px 18px;
	font-weight: bold;
}

div.right-subnav a.link-search-engine {
	padding-right: 25px;
	background-position: 170px center;
	margin-right: 0;
}

div.right-subnav a.link-glossary {
	padding-right: 25px;
	background-position: 170px center;
	margin-right: 0;
}

div.right-subnav a.link-cc {
	padding-right: 25px;
	background-position: 170px center;
	margin-right: 0;
}

/* misc */

/* brown gradient */
.brown-gradient {
	background: #d5cea6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Y2VhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2M5YzE5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2FkNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-8 */
}
/* end brown gradient;

/* Page components */

div.sub-links {
	margin-top: -20px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #dadbdb;
	padding-bottom: 12px;
}

div.sub-links a {
	font-size: 18px; font-size: 1.8rem;
	color: #00457c;
}

a.link-search-engine {
	padding: 4px 25px 4px 0;
	background: url('images/icon-search.png') right center no-repeat;
	margin-right: 22px;
}

a.link-glossary {
	padding: 4px 25px 4px 0;
	background: url('images/icon-glossary.png') right center no-repeat;
	margin-right: 22px;
}

a.link-cc {
	padding: 4px 25px 4px 0;
	background: url('images/icon-glossary.png') right center no-repeat;
	/* margin-right: 22px; */
}

div.menu-units {
	border: 1px solid #e7e7e7;
	background-color: #f7f7f7;
	padding: 15px;
}

div.menu-units ul {
	margin-top: 5px;
	list-style-type: disc;
}

div.menu-units ul li {
	float: left;
	padding-right: 30px;
}

div.clear {
	clear: both;
	height: 0;
}

/* End page components */

/* Page specific styles */

	/* Global Style Overrides */
	p.head br {
		display: none;
	}
	
	table.mainFont {
		width: 100% !important;
	}
	
	span.head {
		color: #525252;
		font-weight: bold;
	}

	span.head.large {
		font-size: 16px; font-size: 1.6rem;
	}
	span.news-announcement {
		color: #deb408;
	}
	
	center h2 {
		text-align: left;
	}
	
	/* End Global Style Overrides */

	/* Lesson Libraires */
	ul.lesson_libraries {
		float: left;
		width: 40%;
		margin-right: 5%;
		list-style-type: none;
		font-size: 12px; font-size: 1.2rem;
		line-height: 18px; line-height: 1.8rem;
	}
	
	ul.lesson_libraries li h4 {
		line-height: 18px; line-height: 1.8rem;
		margin-bottom: 6px;
	}
	/* End Lesson Libraires */
	
	/* Lesson Menus */
	div.lessons-menu h2 b,
	div.lessons-menu h2 {
		color: #deb408;
		font-weight: normal;
	}
	div.lessons-menu h2 {
		background: url('images/icons-lesson-menu-header.png') right center no-repeat;
		padding: 5px 0;
		font-size: 20px; font-size: 2.0rem;
	}
	div.lessons-menu ul.lessons-list {
		list-style-type: none;
		margin: 0 0 30px;
	}
	div.lessons-menu ul.lessons-list li {
		padding: 5px 15px;
		/*text-align: right;*/
		height: 25px;
		position: relative;
	}	
	div.lessons-menu ul.lessons-list li:nth-child(2n+1) {
		background-color: #e3e3e3;
	}
	div.lessons-menu ul.lessons-list li a.lessons-mov {
		position: absolute;
		right: 125px;
	}

	div.lessons-menu ul.lessons-list li a.lessons-ppt {
		position: absolute;
		right: 90px;
	}
	div.lessons-menu ul.lessons-list li a.lessons-crossword {
		position: absolute;
		right: 55px;
	}
	div.lessons-menu ul.lessons-list li a.lessons-word {
		position: absolute;
		right: 20px;
	}
	div.lessons-menu ul.lessons-timely-topics {
		list-style-type: none;
		margin: 0 0 30px;
	}
	div.lessons-menu h4 {
		padding-bottom: 0.5em;
		border-bottom: 1px dashed #dadbdb;
	}
	
	/* End Lesson Menus */
	
	/* Lesson pages */
	div.lesson-submenu {
		border: 1px dashed #DADBDB;
		border-left: 0;
		border-right: 0;
		height: 25px;
		font-size: 12px; font-size: 1.2rem;
		padding: 5px 0;
	}
	div.lesson-submenu center {
		text-align: left;
		display: inline-block;
		margin-right: 10px;
	}	
	
	div.news-page span.head,
	div.lesson-page span.head,
	div.teachers-guide span.head,
	div.exercise-test span.head {
		/*color: #DEB408;	*/
		font-weight: bold;
	}

	div.lesson-page h1,
	div.teachers-guide h1,
	div.exercise-test h1 {
		margin-bottom: 0;
	}
	
	div.lesson-page h2,
	div.teachers-guide h2 {
		margin-top: 12px; margin-top: 1.2rem;
		margin-bottom: 12px; margin-bottom: 1.2rem;
	}
	
	div.exercise-test h2 {
		margin-top: 12px; margin-top: 1.2rem;
		margin-bottom: 12px; margin-bottom: 1.2rem;
		padding-bottom: 10px; padding-bottom: 1.0rem;
		border-bottom: 1px dashed #dadbdb;

	}
	
	div.teachers-guide h3,
	div.exercise-test h3 {
		font-size: 20px; font-size: 2.0rem;
		font-weight: bold;
		color: #000;	
		margin-top: 18px; margin-top: 1.8rem;
		margin-bottom: 18px; margin-bottom: 1.8rem;	
		padding-bottom: 0px; padding-bottom: 0rem;
		border-bottom: 0px dashed #dadbdb;
		
	}
	/* End Lesson Pages */
	
	/* AgEd Today */
	
	hr {
		border: 0px solid #D7D7D7;
		height: 1px;
		background-color: #D7D7D7;
	}
	span.news {
		background-color: #ebd985;
	}
	
	/* End AgEd Today */
/* End Page specific styles */