/* Global Reset
==================================================================================== */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
	abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong,
	sub, sup, tt, var, b, u, i, center, dl, dt, dd,
	ol, ul, li, fieldset, form, label, legend, table,
	caption, tbody, tfoot, thead, tr, th, td, article,
	aside, canvas, details, embed, figure, figcaption,
	footer, header, hgroup, menu, nav, output, ruby,
	section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	article, aside, details, figcaption, figure, footer,
	header, hgroup, menu, nav, section {
		display: block;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* Generic Page Elements
==================================================================================== */

	html {
		-webkit-text-size-adjust: none;		
	}

	body {
		text-align: center;
		font-family: 'Work Sans', 'helvetica', 'sans-serif';
		font-size: 30px;
		line-height: 40px;		
		font-weight: 300;
		color: #000000;
		background-color: #4B5CA9;
	}

	strong {
		font-weight: 700;
	}
	
	em {
		font-style: italic;
	}
	
	a:link,
	a:visited,
	a:hover,
	a:active {
		cursor: pointer;
	}
	
	a:link,
	a:visited {
		text-decoration: none;
		color: #4B5CA9;
	}
	
	a:hover,
	a:active {
		text-decoration: underline;
	}

	h1,
	h2,
	p,
	ul {
		margin-bottom: 40px;
	}
	
	h1 {
		text-align: center;
		font-size: 100px;
		line-height: 110px;
	}
	
	h2 {
		font-size: 40px;
		line-height: 50px;
		font-weight: 700;
		line-height: 1;
		opacity: 0.5;	
	}
	
	li {
		margin-bottom: 20px;
	}

/* Header Styles
==================================================================================== */

	#header_container {
		background: #FFFFFF;
		position: relative;
	}

	#header_bkgrnd {
		height: 70px;
		background-color: #4B5CA9;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	#header img {	
		width: 302px;
		height: auto;
		vertical-align: middle;
	}
	
	#main #header_bkgrnd {
		height: 120px;		
	}
	
	#main #header img {
		width: 610px;
	}

/* Nav Styles
==================================================================================== */

	.nav_btn:link,
	.nav_btn:visited {
		text-decoration: none;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100px auto;	
		width: 100px;
		height: 100px;
		margin: 0px 20px;
		display: inline-block;
		vertical-align: middle;
	}

	.nav_btn:hover,
	.nav_btn:active {
		background-position: center bottom;
	}
	
/* Content Styles
==================================================================================== */

	#content_container {
		background-color: #FFFFFF;
	}

	#content {
		text-align: left;
	}
	
	.sidebar {
		font-size: 20px;
		line-height: 30px;
		background-color: #EEEEEE;
		margin-bottom: 40px;
		padding: 40px 40px 1px 40px;
		display: block;
		border-radius: 40px;		
	}

	.link_nav {
		background-color: #EEEEEE;
		padding: 40px;
		display: block;
		border-radius: 40px;
	}

	.link_nav:link,
	.link_nav:visited {
		text-decoration: none;
		color: #000000;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 350px auto;	
	}

	.link_label {
		font-size: 40px;
		line-height: 1;
		font-weight: 700;
		opacity: 0.6;
		width: 630px;
		padding: 10px 0px;
		float: left;
	}

	.link_icons {
		text-align: right;
		width: 280px;
		float: right;
	}
	
	.link_phone,
	.link_tablet,
	.link_computer,
	.link_download {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 60px auto;	
		width: 60px;
		height: 60px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.link_phone {
		background-image: url("/images/mm_icon_small@2x_phone.png");		
	}

	.link_tablet {
		background-image: url("/images/mm_icon_small@2x_tablet.png");		
	}

	.link_computer {
		background-image: url("/images/mm_icon_small@2x_computer.png");		
	}
	
	.link_download {
		background-image: url("/images/mm_icon_small@2x_download.png");		
	}		
	
/* Footer Styles
==================================================================================== */

	#footer {
		color: #FFFFFF;
	}
	
	#footer .author {
		font-weight: 700;
		color: #000000;
		opacity: 0.4;
		margin-top: 10px;
		display: block;
	}

/* Main Page Styles
==================================================================================== */

	.main_nav {
		padding: 40px;
		display: block;
		border-radius: 40px;		
	}

	.main_nav:link,
	.main_nav:visited,
	.main_nav:hover,
	.main_nav:active {
		text-decoration: none;
	}

	.main_nav:link .main_icon,
	.main_nav:visited .main_icon {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 140px auto;	
		width: 140px;
		height: 140px;
		float: left;
	}

	.main_nav:hover .main_icon,
	.main_nav:active .main_icon {
		background-position: center bottom;
	}

	.main_label {
		font-size: 60px;
		line-height: 1;
		font-weight: 700;
		color: #FFFFFF;
		width: 320px;
		padding: 40px 0px;				
		float: right;
	}

/* Reading Color Change Styles
==================================================================================== */	

	#reading,
	#reading #header_bkgrnd,
	.main_reading,
	#reading .link_nav:hover,
	#reading .link_nav:active {
		background-color: #EE3324;
	}

	#reading h1,
	#reading h2 {
		color: #EE3324;
	}

	.main_reading .main_icon {
		background-image: url("/images/mm_circle_large@2x_reading.png");		
	}

	.reading_nav {
		background-image: url("/images/mm_circle_small@2x_reading.png");		
	}

	#reading .link_nav {
		background-image: url("/images/mm_link_bkgrnd@2x_reading.png");		
	}

/* Writing Color Change Styles
==================================================================================== */	

	#writing,
	#writing #header_bkgrnd, 
	.main_writing,
	#writing .link_nav:hover,
	#writing .link_nav:active {
		background-color: #F47B20;
	}

	#writing h1,
	#writing h2 {
		color: #F47B20;
	}

	.main_writing .main_icon {
		background-image: url("/images/mm_circle_large@2x_writing.png");		
	}

	.writing_nav {
		background-image: url("/images/mm_circle_small@2x_writing.png");		
	}

	#writing .link_nav {
		background-image: url("/images/mm_link_bkgrnd@2x_writing.png");		
	}

/* Math Color Change Styles
==================================================================================== */	

	#math,
	#math #header_bkgrnd,
	.main_math,
	#math .link_nav:hover,
	#math .link_nav:active {
		background-color: #EBDE00;
	}

	#math h1,
	#math h2 {
		color: #EBDE00;
	}
	
	#math #footer {
		color: #000000; /* Darker due to yellow readability. */
	}

	.main_math .main_icon {
		background-image: url("/images/mm_circle_large@2x_math.png");		
	}

	.math_nav {
		background-image: url("/images/mm_circle_small@2x_math.png");		
	}

	#math .link_nav {
		background-image: url("/images/mm_link_bkgrnd@2x_math.png");		
	}
	
/* Science Color Change Styles
==================================================================================== */	

	#science,
	#science #header_bkgrnd, 
	.main_science,
	#science .link_nav:hover,
	#science .link_nav:active {
		background-color: #079045;
	}

	#science h1,
	#science h2 {
		color: #079045;
	}

	.main_science .main_icon {
		background-image: url("/images/mm_circle_large@2x_science.png");		
	}

	.science_nav {
		background-image: url("/images/mm_circle_small@2x_science.png");		
	}

	#science .link_nav {
		background-image: url("/images/mm_link_bkgrnd@2x_science.png");		
	}

/* Social Studies Color Change Styles
==================================================================================== */	

	#social-studies,
	#social-studies #header_bkgrnd, 
	.main_social-studies,
	#social-studies .link_nav:hover,
	#social-studies .link_nav:active {
		background-color: #4B5CA9;
	}

	#social-studies h1,
	#social-studies h2 {
		color: #4B5CA9;
	}

	.main_social-studies .main_icon {
		background-image: url("/images/mm_circle_large@2x_social-studies.png");		
	}

	.main_social-studies .main_label {
		padding: 10px 0px;		
	}

	.social-studies_nav {
		background-image: url("/images/mm_circle_small@2x_social-studies.png");		
	}

	#social-studies .link_nav {
		background-image: url("/images/mm_link_bkgrnd@2x_social-studies.png");		
	}

/* Parents Color Change Styles
==================================================================================== */	

	#parents,
	#parents #header_bkgrnd, 
	.main_parents,
	#parents .link_nav:hover,
	#parents .link_nav:active {
		background-color: #792879;
	}

	#parents h1,
	#parents h2 {
		color: #792879;
	}

	.main_parents .main_icon {
		background-image: url("/images/mm_circle_large@2x_parents.png");		
	}

	.parents_nav {
		background-image: url("/images/mm_circle_small@2x_parents.png");		
	}

	#parents .link_nav {
		background-image: url("/images/mm_link_bkgrnd@2x_parents.png");		
	}
			
/* Miscellaneous Styles
==================================================================================== */

	.page_bkgrnd {
		background-image: url("/images/mm_bkgrnd@2x.png");		
		background-position: center center;
		background-repeat: repeat-x;
		background-size: 20px auto;	
		height: 10px;
		margin: 20px 0px 40px 0px;
	}

	.small_circle_btn:link,
	.small_circle_btn:visited {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100px auto;		
		width: 100px;
		height: 100px;
		margin: 0px auto;
		display: block;
		vertical-align: middle;
	}

	.large_circle_btn:link,
	.large_circle_btn:visited {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 140px auto;		
		width: 140px;
		height: 140px;
		margin: 0px auto;
		display: block;
		vertical-align: middle;
	}
	
	.small_circle_btn:hover,
	.small_circle_btn:active,
	.large_circle_btn:hover,
	.large_circle_btn:active {
		text-decoration: none;
		background-position: center bottom;		
	}
	
	.circle_email {
		background-image: url("/images/mm_circle_small@2x_email.png");
	}

	.circle_newsletter {
		background-image: url("/images/mm_circle_large@2x_newsletter.png");
	}
		
	.clear {
		clear: both;
	}