@charset "utf-8";
 
/* ///////////////////////////

@import rules

/////////////////////////// */

@import url("reset.css");

/* ///////////////////////////

Global Overrides

/////////////////////////// */

body {
	background-color: #FFF;
	font: normal 14px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #534741;
}

h1 {
	
}

h2 {
	margin-bottom: 1em;
	font: bold 160% Georgia;
}

h3 {
	margin-bottom: 1em;
	font: bold 140% Georgia;
}
a {
	text-decoration: none;
}

p {
	margin-bottom: 1em;
}
b, strong {
	font-weight: bold;
}

label {
	float: left;
	width: 140px;
	text-align: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ///////////////////////////

ID Declarations

/////////////////////////// */
#site {
	position: relative;
	width: 980px;
	margin: 1em auto;
	-moz-box-shadow: 0 0 8px #333;
	-webkit-box-shadow: 0 0 8px #333;
	box-shadow: 0 0 8px #333;
	-moz-border-radius-topright: 18px;
	border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	border-top-left-radius: 18px;
}


#header {
	position: relative;
	margin: 0 auto;
	height: 150px;
	width: 980px;
	min-width: 980px;
	vertical-align: bottom;
	background: #91c7e7; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c7e7', endColorstr='#0a72ad'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#91c7e7', EndColorStr='#0a72ad')";
	background: -webkit-gradient(linear, left top, left bottom, from(#91c7e7), to(#0a72ad)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #91c7e7,  #0a72ad); /* for firefox 3.6+ */
	-moz-border-radius-topright: 18px;
	border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	border-top-left-radius: 18px;
}

#header h1 {	
	text-align: left;
	font: 18px "Georgia";
	position: absolute;
	left: -9999px;
}

#masthead {
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
	padding: 0 0 0 24px;
}

#main-nav {
	position: relative;
	width: 980px;
	min-width: 980px;
	height: 36px;
	margin: 0 auto;
	margin-top: 22px;
	color: #000;
}
#main-nav ul {
	height: 36px;
}
#main-nav li {
	display: inline;
	margin-left: 12px;
	padding: 8px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #e5b12e; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4e69d', endColorstr='#e5b12e'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4e69d', EndColorStr='#e5b12e')";
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e69d), to(#e5b12e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f4e69d,  #e5b12e); /* for firefox 3.6+ */
	border-top: 1px solid #eb9423;
	border-right: 1px solid #eb9423;
	border-bottom: none;
	border-left: 1px solid #eb9423;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}
#main-nav .climate {
	position: relative;
	margin-left: 20px;	
	background: #c1272d; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1272d', endColorstr='#a61417'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1272d', EndColorStr='#a61417')";
	background: -webkit-gradient(linear, left top, left bottom, from(#c1272d), to(#a61417)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #c1272d,  #a61417); /* for firefox 3.6+ */
	border-top: 1px solid #efdae2;
}
#main-nav .climate img {
	position: absolute;
	top: -3px;
	left: -18px;
}
#main-nav.ms .climate.current {
	background: #c1272d; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1272d', endColorstr='#a61417'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1272d', EndColorStr='#a61417')";
	background: -webkit-gradient(linear, left top, left bottom, from(#c1272d), to(#a61417)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #c1272d,  #a61417); /* for firefox 3.6+ */
	border-top: 1px solid #efdae2;
}

#main-nav .climate a {
	padding-left: 18px;
	padding-right: 5px;
	color: #FFF;
}
#main-nav .outreach {
	position: relative;
	margin-left: 60px;	
	background: #006f3b; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a9b31', endColorstr='#006f3b'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6a9b31', EndColorStr='#006f3b')";
	background: -webkit-gradient(linear, left top, left bottom, from(#6a9b31), to(#006f3b)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6a9b31,  #006f3b); /* for firefox 3.6+ */
	border-top: 1px solid #95cc68;
	border-right: 1px solid #95cc68;
	border-bottom: none;
	border-left: 1px solid #95cc68;
}
#main-nav .outreach a {
	color: #FFF;
}
#main-nav.overview li.current {
	background: #754c24; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a67c52', endColorstr='#754c24'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#a67c52', EndColorStr='#754c24')";
	background: -webkit-gradient(linear, left top, left bottom, from(#a67c52), to(#754c24)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a67c52,  #754c24); /* for firefox 3.6+ */
	border-top: 1px solid #d8bc9c;
	border-right: 1px solid #d8bc9c;
	border-bottom: none;
	border-left: 1px solid #d8bc9c;
}
#main-nav.es li.current {
	background: #006f3b; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a9b31', endColorstr='#006f3b'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6a9b31', EndColorStr='#006f3b')";
	background: -webkit-gradient(linear, left top, left bottom, from(#6a9b31), to(#006f3b)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6a9b31,  #006f3b); /* for firefox 3.6+ */
	border-top: 1px solid #95cc68;
	border-right: 1px solid #95cc68;
	border-bottom: none;
	border-left: 1px solid #95cc68;
}
#main-nav.ms li.current {
	background: #eb9423; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eebd38', endColorstr='#eb9423'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eebd38', EndColorStr='#eb9423')";
	background: -webkit-gradient(linear, left top, left bottom, from(#eebd38), to(#eb9423)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eebd38,  #eb9423); /* for firefox 3.6+ */
	border-top: 1px solid #eebd38;
	border-right: 1px solid #eebd38;
	border-bottom: none;
	border-left: 1px solid #eebd38;
}
#main-nav.hs li.current {
	background: #71273d; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#905365', endColorstr='#71273d'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#905365', EndColorStr='#71273d')";
	background: -webkit-gradient(linear, left top, left bottom, from(#905365), to(#71273d)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #905365,  #71273d); /* for firefox 3.6+ */
	border-top: 1px solid #efdae2;
	border-right: 1px solid #efdae2;
	border-bottom: none;
	border-left: 1px solid #efdae2;
}
#main-nav li a {
	min-height: 35px;	
	color: #000;
}
#main-nav li.current a {	
	color: #FFF;
}
#main-nav-bar {
	position: relative;
	width: 980px;
	margin: 0 auto;
	height: 36px;
	padding: 18px 0 0 0;
	-moz-box-shadow: 0 0 8px #333;
	-webkit-box-shadow: 0 0 8px #333;
	box-shadow: 0 0 8px #333;
}
#main-nav-bar.overview {
	background: #754c24; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#754c24', endColorstr='#4c2a11'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#754c24', EndColorStr='#4c2a11')";
	background: -webkit-gradient(linear, left top, left bottom, from(#754c24), to(#4c2a11)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #754c24,  #4c2a11); /* for firefox 3.6+ */
	border-top: 1px solid #d8bc9c;
	
}
#main-nav-bar.es {
	background: #006f3b; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006f3b', endColorstr='#004b21'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#006f3b', EndColorStr='#004b21')";
	background: -webkit-gradient(linear, left top, left bottom, from(#006f3b), to(#004b21)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #006f3b,  #004b21); /* for firefox 3.6+ */
	border-top: 1px solid #95cc68;	
}
#main-nav-bar.ms {
	background: #eb9423; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9423', endColorstr='#e07112'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eb9423', EndColorStr='#e07112')";
	background: -webkit-gradient(linear, left top, left bottom, from(#eb9423), to(#e07112)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eb9423,  #e07112); /* for firefox 3.6+ */
	border-top: 1px solid #eebd38;	
}
#main-nav-bar.hs {
	background: #71273d; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71273d', endColorstr='#4d1423'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#71273d', EndColorStr='#4d1423')";
	background: -webkit-gradient(linear, left top, left bottom, from(#71273d), to(#4d1423)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #71273d,  #4d1423); /* for firefox 3.6+ */
	border-top: 1px solid #efdae2;	
}

#main-nav-bar li {
	display: inline;
	margin-left: 12px;
	padding: 8px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #d8bc9c;
}
#main-nav-bar.overview li a {
	color: #d8bc9c;
}
#main-nav-bar.es li a {
	color: #95cc68;
}
#main-nav-bar.ms li a {
	color: #f4e69d;
}
#main-nav-bar.hs li a {
	color: #d6bfc6;
}
#main-nav-bar li a.current {
	color: #FFF;
}
#font-size {
	position: absolute;
	right: 30px;
	top: 110px;
}
#font-size p {
	font-size: 10px;
	color: white;
	margin-bottom: 3px;
}
#font-size img {
	float: left;
	vertical-align: bottom;
	margin-right: 7px;
}
#font-size img:hover {
	cursor: pointer;
}
#dropdown-menu {
	position: absolute;
	top: 205px;
	left: 140px;
	width: 220px;
	background-color: #efe8bc;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-left-radius: 12px;
	-moz-box-shadow: 0 3px 8px #333;
	-webkit-box-shadow: 0 3px 8px #333;
	box-shadow: 0 3px 8px #333;
}
#dropdown-menu li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #e6d279;
	padding: 8px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#dropdown-menu li.current {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8bc', endColorstr='#eadb95'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#efe8bc', EndColorStr='#eadb95')";
	background: -webkit-gradient(linear, left top, left bottom, from(#efe8bc), to(#eadb95)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efe8bc,  #eadb95); /* for firefox 3.6+ */
}
#dropdown-menu li a {
	color: #413433;
}
#dropdown-menu li a.current {
	color: #000;	
}
#page {
	width: 980px;
	margin: 0 auto;
	background-color: #f4e69d;
}
#content-login {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	margin-bottom: 24px;
	padding-bottom: 12px;
}
#content {
	float: right;
	width: 660px;
	min-width: 660px;
	margin: 0 0 0 -20px;
	background-color: #FFF;
}
#content-title {
	min-height: 51px;
	border-bottom: 1px solid #998675;
	background: #dadada; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dadada'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#dadada')";
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dadada)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #dadada); /* for firefox 3.6+ */
}
#content-title img {
	margin: -6px 5px 0 30px;
}
#content-title h1 {
	margin: 18px 0 18px 60px;
	font: italic bold 24px Georgia, "Times New Roman", Times, serif;
}
#content.overview #content-title h1 {
	color: #603813;
}
#content.es #content-title h1 {
	color: #006f3b;
}
#content.ms #content-title h1 {
	color: #eb9423;
}
#content.hs #content-title h1 {
	color: #71273d;
}
#article {
	height: 560px;
	overflow: auto;
	padding: 15px 30px 15px 60px;
	background: #efe8bc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8bc', endColorstr='#FFFFFF'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#efe8bc', EndColorStr='#FFFFFF')";
	background: -webkit-gradient(linear, left top, left bottom, from(#efe8bc), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #efe8bc, #fff); /* for firefox 3.6+ */
}
#article ul {
	list-style: disc;
}
#article ul, #article ol {
	margin: 1em 0 1.5em 1.5em;
}
#article ul li, #article ol li {
	margin-bottom: .7em;
}
#article-content p {
	line-height: 1.7em;
}
#resource-list {
	list-style: none;
}
#resource-list li, #resource-list li p {
	display: inline;
}
#resource-list li {
	margin-right: 48px;
}
#tabs {
	width: 950px;
	margin: 18px auto 0;
	float: none;
}
#ejourneys {
	margin-bottom: 2em;
}
#ejourneys li {
	display: inline;
	margin-right: 36px;
}
/*
#fragment-1 {
	background: transparent url(../../imgs/bg-account.jpg) no-repeat scroll 100% 100%;
}

#fragment-2 {
	background: transparent url(../../imgs/bg-overview.jpg) no-repeat scroll 100% 100%;
}
#fragment-3 {
	background: transparent url(../../imgs/bg-message.jpg) no-repeat scroll 100% 100%;
}
#fragment-4 {
	background: transparent url(../../imgs/bg-why-study.jpg) no-repeat scroll 100% 100%;
}
*/
#sidebar {
	float: left;
	width: 340px;
	height: 100%;
	color: #000;
}
#sidebar a, #sidebar a:visited, #sidebar a:link {
	color: #000;
}
#sidebar-content {
	margin: -10px 0 0 0;
}
#sidebar a {
	display: block;
}
#sidebar.es a.current {
	font-style: italic;
	font-weight: bold;
	color: #006f3b;
	padding-left: 1.7em;
	margin-left: -1.7em;
	background: transparent url(../../imgs/checkmark.png) no-repeat scroll 0% 0%;
}
#sidebar.ms a.current {
	font-style: italic;
	font-weight: bold;
	color: #eb9423;
	padding-left: 1.7em;
	margin-left: -1.7em;
	background: transparent url(../../imgs/checkmark.png) no-repeat scroll 0% 0%;
}
#sidebar.hs a.current {
	font-style: italic;
	font-weight: bold;
	color: #71273d;
	padding-left: 1.7em;
	margin-left: -1.7em;
	background: transparent url(../../imgs/checkmark.png) no-repeat scroll 0% 0%;
}

#unit-header, #footer-title {
	background-color: #534741;
	margin: 0;
	padding: 12px;
	display: none;
	-moz-box-shadow: 0 3px 3px #888;
	-webkit-box-shadow: 0 3px 3px #888;
	box-shadow: 0 3px 3px #888;
}
img.icon-new {
	position: absolute;
	left: 205px;
	margin-top: -38px;
}

#unit-header h3, #footer-title h3 {
	margin: 0;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;	
}
.header-tab {
	margin: 0 0 0 320px;
}
.lesson-header {
	width: 284px;
}

.lesson-header, #footer-title {
	padding: 10px 18px;
}

.lesson-header.current {
	background-color: #e9cf61;
	
}
.lesson-menu-wrapper {
	
}

.lesson-menu {
	width: 264px;
	padding: .6em 0 1.2em 4em;
	background-color: #fcf8e1;
	-moz-box-shadow: inset 0 0 12px #e9cf61;
	-webkit-box-shadow: inset 0 0 12px #e9cf61;
	box-shadow: inner 0 0 12px #e9cf61;
	border-bottom: 1px solid #e9cf61;
}

.lesson-menu li, #sidebar-footer li {
	padding-top: .6em;
}
#footer-title {
	margin: 3em 0 0 0;
}
#footer-menu {
	margin: -30px 0 1em 1em;
	padding: 12px;
}
#footer-menu li {
	margin-left: 12px;
}
#related-links {
	margin: 15px 15px 0 15px;
	border-right: 1px solid #E4E4E4;
}

#related-links li {
	margin-bottom: 5px;
	padding: 3px;
	font: italic 14px Georgia;
	font-weight: bold;
}

#specific {
	background-color: #366;
}

#footer {
	width: 980px;
	min-width: 980px;
	min-height: 50px;
	margin: 0 auto;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #534741; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#534741', endColorstr='#1a1a1a'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#534741', EndColorStr='#1a1a1a')";
	background: -webkit-gradient(linear, left top, left bottom, from(#534741), to(#1a1a1a)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #534741, #1a1a1a); /* for firefox 3.6+ */
}
#footer.overview {
	border-top: 5px solid #603813;
}
#footer.es {
	border-top: 5px solid #006f3b;
}
#footer.ms {
	border-top: 5px solid #eb9423;
}
#footer.hs {
	border-top: 5px solid #71273d;
}

#footer-nav, #footer p {
	width: 300px;
	float: left;
	margin: 12px 15px 0 15px;
	color: #8a8887;
}

#footer p {
	float: right;
	text-align: right;
}

#footer-nav ul {
	padding: 0 0 2px 8px;
}

#footer-nav li {
	display: inline;
	padding: 3px;
	
}
#footer-nav li a {
	color: #8a8887;
}

#legal {
	margin: 0 15px;
	text-align: center;
}

#legal ul {
		
}

#legal li {
	display: inline;
	padding: 3px;
	font: 9px Arial, Helvetica, sans-serif;
}

/* ///////////////////////////

Custom Classes

/////////////////////////// */
.clear-both {
	height: 0px;
	clear: both;
}

.no-margin, #content.no-margin {
	margin:0;
}

.one-col {
	width: 100%;
}

.two-col {
	width: 49%;
	background: #CCC;
}

.three-col {
	width: 32%;
	background: #9CF;
}

.four-col {
	width: 24%;
	background: #069;
}

.five-col {
	width: 19%;
}

.two-col, .three-col, .four-col, .five-col {
	float: left;
	margin: 0 0 10px 10px;
}

#content {
	
}

#sidebar.first-col, .first-col {
	margin: 0 0 10px 0;
}

.feature {
	padding: 3px;
}

.logo {
	float: left;
	color: #FFF;
}

.search {
	float: right;
	color: #FFF;
}
.search a {
	text-decoration: none;
	color: #FFF;
}
.search a:hover {
	text-decoration: underline;
}
.flash-button {
	margin-left: 24px;
	padding: 3px 5px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #e5b12e; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4e69d', endColorstr='#e5b12e'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4e69d', EndColorStr='#e5b12e')";
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e69d), to(#e5b12e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f4e69d,  #e5b12e); /* for firefox 3.6+ */
	border: 1px solid #eb9423;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.search a.flash-button {
	color: #000;
}

.logo {
	width: 210px;
	height: 75px;
	padding: 12px 20px 15px 0;
}
.srp-logo {
	position: absolute;
	top: 20px;
	left: 260px;
}
.search {
	width: 340px;
	margin: 20px 40px 0 0;
	padding: 12px 0 15px 20px;
}
.search-login {
	width: 390px;
	padding: 24px 40px 15px 20px;
	float: right;
	color: #FFF;
}

.search input, .search-login input {
	margin-bottom: 5px;
}

.link-sm {
	color: #FFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.link-sm:hover {
	text-decoration: underline;
}