* { margin: 0; padding: 0; }
div#preContent { margin-bottom: 0; }
div#globalBase {
	background-color: #d6d6d6;
	font-family:Arial, Helvetica, sans-serif;
}
 
body {
	background-color: #d6d6d6 !important;
}

#main-header {
	height: 108px;
	background-image: url(../images/read-to-succeed.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: -6px;
	position: relative;
}
#main-header h1 {
	text-indent: -10000px;
	overflow: hidden;
	height: 90px;
	width: 485px;
	top: 10px;
	left: 200px;
	position: absolute;
}
#main-header .login-nav {
	position: absolute;
	top: 65px;
	right: 20px;
}
#main-header .login-nav li {
	padding: 1px 0;
	font-size: 11px;
	font-weight: bold;
	/*letter-spacing: -0.3px;*/
	list-style-image: url(../images/small-arrow.gif);
}
#main-header .login-nav li a {
	text-decoration: none;
	color: #06c;
}
#main-header .login-nav li a:hover {
	text-decoration: underline;
}

/*main header 2 starts */
#main-header2 {
	height: 108px;
	background-image: url(../images/read-to-succeed2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: -6px;
	position: relative;
}
#main-header2 h1 {
	text-indent: -10000px;
	overflow: hidden;
	height: 90px;
	width: 485px;
	top: 10px;
	left: 200px;
	position: absolute;
}
#main-header2 .login-nav {
	position: absolute;
	top: 65px;
	right: 20px;
}
#main-header2 .login-nav li {
	padding: 1px 0;
	font-size: 11px;
	font-weight: bold;
	/*letter-spacing: -0.3px;*/
	list-style-image: url(../images/small-arrow.gif);
}
#main-header2 .login-nav li a {
	text-decoration: none;
	color: #06c;
}
#main-header2 .login-nav li a:hover {
	text-decoration: underline;
}
/*main header 2 ends*/
#main-content {
	overflow: hidden;
	padding: 0 7px;
	background-position: top;
	background-repeat: repeat-x;
	border-top: 1px solid #666;
	background-color: white;
}
#left-col {
	width: 595px;
	margin: 10px 11px;
	float: left;
	position: relative;
}
.intro h2 {
	height: 205px;
	text-indent: -10000px;
	overflow: hidden;
}
.intro .tagline {
	color: #666;
	font-size:25px;
	height:90px;
	left:385px;
	/*letter-spacing:-0.5px;*/
	line-height:30px;
	position:absolute;
	text-align:center;
	top:11px;
	width:180px;
	/*word-spacing:-3px;*/
}
.intro .tagline em {
	color: #480;
	font-style:normal;
	font-weight:bold;
}
#left-col .blurb {
	color:white;
	font-size:15px;
	line-height:20px;
	margin:15px 25px;
}
#left-col .blurb .first-line {
	font-size: 15px;
	font-weight: bold;
	/*letter-spacing:-0.2px;*/
	line-height:19px;
}
#right-col {
	float: left;
	width: 326px;
	margin-top: 10px;
}
.side-item {
	position: relative;
	background-image: url(../images/right-col.jpg);
	margin-bottom: 11px;
}
.side-item h2 {
	color: white;
	font-weight: bold;
	font-size:23px;
}
.side-item p {
	color: black;
	font-size: 13px;
	/*letter-spacing: -0.5px;*/
}
p span{
	font-weight: bold;
}
.six-near-you {
	height: 171px;
	background-position: left top;
}
.six-near-you h2 {
	height: 32px;
	line-height: 32px;
	font-size: 19px;
	padding: 0 10px;
}
.six-near-you p {
	margin: 12px;
	width: 195px;
}
.six-near-you strong {
	font-weight: bold;
	display: block;
}
.six-near-you .find-yours {
	position: absolute;
	bottom: 10px;
	text-transform: uppercase;
	color: black;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	left:66px;
	background-image: url(../images/arrow-sprites.gif);
	background-repeat: no-repeat;
	background-position: 100% 66.667%;
	height: 16px;
	padding:2px 24px 0 0;
}
.six-near-you .find-yours:hover {
	background-position: 100% 100%;
}
input.placeholder {
	font-style: italic;
	color: #808080;
}
#de-logo-link {
	display:block;
	height:35px;
	overflow:hidden;
	position:absolute;
	left:685px;
	text-indent:-10000px;
	top:10px;
	width:125px;
}
#sixflags-logo-link {
	display:block;
	height:90px;
	overflow:hidden;
	position:absolute;
	left:10px;
	text-indent:-10000px;
	top:10px;
	width:190px;
}
ul#nav {
	height: 32px;
	/*padding-left: 50px;*/
	background-color: #f33;
	background-image: url(../images/redgrad.gif);
	background-position: top;
	background-repeat: repeat-x;
	border-top: 1px solid #666;
}
ul#nav li {
	float: left;
	margin: 0 10px;
	list-style: none;
}
ul#nav li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 27px;
	line-height: 32px;
	color: white;
	font-variant: small-caps;
	text-decoration: none;
}
ul#nav ul.loginNav li a,
ul#nav ul.programNav li a {
	line-height: 18px;
		/*//height:26px;*/
		padding-top:6px;
				padding-bottom:6px;

} 

ul#nav li.active {
	background-image:url("../images/flag.png");
	background-position:left center;
	background-repeat:no-repeat;
}
ul#nav li a:hover,
ul#nav li.active > a {
	color: yellow;
}
ul#nav ul {
	position: absolute;
	width: 157px;
	z-index: 1000;
	margin-left: -10px;
	border-top: 1px solid #666;
	padding-bottom:6px;
	left: -10000px;
	background: url(/images/bg_nav.png) bottom no-repeat;
}

ul#nav ul.programNav {margin-left:-30px;}
ul#nav ul.loginNav {margin-left:-5px;}

ul#nav li:hover ul {
	left: auto;
}
ul#nav ul li {
	float:none;
	margin:0;
	padding:1px 0 0;
	margin:0 6px 0 2px;
	text-align:center;
}
ul#nav ul li:hover {
	background-color: white;
}
ul#nav ul li a {
	text-transform: none;
	color: black;
	text-shadow: 1px 1px white;
	font-variant: normal;
}
ul#nav ul li a:hover {
	color: #337bbf;
	font-weight: bold;
	background-image: url(../images/red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 27px 12px;
}

/*orange nav starts*/
ul#nav2 {
	height: 32px;
	/*padding-left: 50px;*/
	background-color: #FF9900;
	background-image: url(../images/orangegrad.gif);
	background-position: top;
	background-repeat: repeat-x;
	border-top: 1px solid #666;
}
ul#nav2 li {
	float: left;
	margin: 0 10px;
	list-style: none;
}
ul#nav2 li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 27px;
	line-height: 32px;
	color: white;
	font-variant: small-caps;
	text-decoration: none;
}
ul#nav2 ul.loginNav li a,
ul#nav2 ul.programNav li a {
	line-height: 18px;
		/*//height:26px;*/
		padding-top:6px;
				padding-bottom:6px;

} 

ul#nav2 li.active {
	background-image:url("../images/flag2.png");
	background-position:left center;
	background-repeat:no-repeat;
}
ul#nav2 li a:hover,
ul#nav2 li.active > a {
	color: yellow;
}
ul#nav2 ul {
	position: absolute;
	width: 157px;
	z-index: 1000;
	margin-left: -10px;
	border-top: 1px solid #666;
	padding-bottom:6px;
	left: -10000px;
	background: url(/images/bg_nav.png) bottom no-repeat;
}

ul#nav2 ul.programNav {margin-left:-30px;}
ul#nav2 ul.loginNav {margin-left:-5px;}

ul#nav2 li:hover ul {
	left: auto;
}
ul#nav2 ul li {
	float:none;
	margin:0;
	padding:1px 0 0;
	margin:0 6px 0 2px;
	text-align:center;
}
ul#nav2 ul li:hover {
	background-color: white;
}
ul#nav2 ul li a {
	text-transform: none;
	color: black;
	text-shadow: 1px 1px white;
	font-variant: normal;
}
ul#nav2 ul li a:hover {
	color: #337bbf;
	font-weight: bold;
	background-image: url(../images/red-arrow.gif);
	background-repeat: no-repeat;
	background-position: 27px 12px;
}
/*orange nav ends*/
.intro {
	background-image: url(../images/intro-box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 361px;
	position: relative;
}
.more {
	color:lime;
	font-size:13px;
	font-weight:bold;
	top:320px;
	left:470px;
	position:absolute;
	text-decoration:none;
	text-transform:uppercase;
}
.more:hover {
	text-decoration: underline;
}

.faqlink {
	color:lime;
	font-weight:bold;
	text-decoration:none;
}
.faqlink:hover {
	text-decoration: underline;
}

a .arrow {
	background-color: #2ea5fa;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid white;
	height:15px;
	overflow:hidden;
	position:absolute;
	right:-22px;
	text-indent:-1000px;
	top:1px;
	width:14px;
}

a:hover .arrow {
	background-color: blue;
}

a .arrow2 {
	background-color: #2ea5fa;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid white;
	height:15px;
	overflow:hidden;
	position:absolute;
	left:-22px;
	text-indent:-1000px;
	top:0px;
	width:14px;
}

a:hover .arrow2 {
	background-color: blue;
}

a .arrow3 {
	background-color: #ff9900;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid white;
	height:15px;
	overflow:hidden;
	position:absolute;
	left:-22px;
	text-indent:-1000px;
	top:0px;
	width:14px;
}

a:hover .arrow3 {
	background-color: blue;
}


a .arrow-down {
	background-color: #2ea5fa;
	border:1px solid white;
	overflow:hidden;
	position:absolute;
	right:-22px;
	text-indent:-1000px;
	top:1px;
	width: 13px;
	height: 14px;
	background-image: url(../images/arrow2.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
a:hover .arrow-down {
	background-color: blue;
}
a .arrow-red,
a .arrow-green {
	background-repeat: no-repeat;
	overflow:hidden;
	position:absolute;
	text-indent:-1000px;
	background-image:url("../images/arrow-sprites.gif");
	background-position:0 0;
	height:18px;
	right:10px;
	top:8px;
	width:20px;
}
a .arrow-red {
	background-position:0 66.667%;
	right:-25px;
	top:5px;
}
a:hover .arrow-green {
	background-position:0 33.333%;
}
a:hover .arrow-red {
	background-position:0 100%;
}
.grade-bands {
	overflow: hidden;
	margin: 11px 0;
	color: white;
}
.grade-bands .grade h2 {
	font-size:23px;
	font-weight:bold;
	margin:12px 9px 0;
	text-transform:uppercase;
}
.grade-bands .grade p {
	font-size:13px;
	font-weight:bold;
	/*letter-spacing:-0.1px;*/
	line-height:16px;
	margin:0 11px;
	/*word-spacing:-1.5px;*/
}
.go {
	position:absolute;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
	font-size:13px;
	letter-spacing:-1px;
}
.form-wrap .go { color:#2ea5fa; padding-left:10px; padding-bottom:3px;}
.go:hover {
	text-decoration: underline;
}
.grade-bands .grade .go {
	right:32px;
	top:96px;
}
.grade-bands .grade {
	margin: 0;
	width: 193px;
	float: left;
	height: 284px;
	position: relative;
	background-image: url(../images/gradebands.jpg);
	background-repeat: no-repeat;
}
.grade-bands .gradeK-2 {
	background-position: 0 0;
}
.grade-bands .grade3-4 {
	margin: 0 10px;
	width: 189px;
	background-position: -193px 0;
}
.grade-bands .grade5-6 {
	background-position: -382px 0;
}
.free-dvd {
	background-position: 0 -171px;
	height: 195px;
}
.special-offer {
	background-position: 0 -637px;
	height: 195px;
}
.mini-dvd {
	background-position: 0 -1671px;
	height: 131px;
	margin-top: 25px;
}
.mini-dvd h2{
	line-height:25px;
	padding:5px 7px;
	text-align:right;
	text-transform:uppercase;
}
.mini-dvd p{
	float:right;
	font-size:13px;
	font-weight:bold;
	/*letter-spacing:-0.1px;*/
	line-height:18px;
	margin:9px 5px;
	width:174px;
	/*word-spacing:-1px;*/
	color: black;
}
.special-offer h2,
.free-dvd h2 {
	padding: 6px 24px;
	text-align:right;
	text-transform:uppercase;
	line-height: 27px;
}
.special-offer p,
.free-dvd p {
	float:right;
	font-size:13px;
	font-weight:bold;
	/*letter-spacing:-0.1px;*/
	line-height:20px;
	margin:12px 5px;
	width:130px;
	/*word-spacing:-1px;*/
	color: black;
}
.special-offer .go,
.free-dvd .go {
	font-size:13px;
	right:32px;
	top:164px;
}
.now-open h2 {
	padding: 6px 20px;
	text-align:right;
	text-transform:uppercase;
	line-height: 27px;
	letter-spacing:-1px;
}
.now-open p {
	float:right;
	font-size:13px;
	font-weight:normal;
	line-height:19px;
	margin:12px 5px;
	width:205px;
	color: white;
}
.now-open a {
	color: white;
	width: 120px;
}
.now-open p .flow-control {
	float: left;
	width: 45px;
	height: 20px;
}
.now-open {
	background-image: url(../images/now-open2.jpg);
	height: 195px;
}

/* new sidebar small starts */
.now-open2 h2 {
	padding: 6px 11px;
	text-align:right;
	text-transform:uppercase;
	line-height: 27px;
	letter-spacing:-1px;
}
.now-open2 p {
	float:right;
	font-size:13px;
	font-weight:normal;
	line-height:19px;
	margin:12px 0px;
	width:200px;
	color: white;
}
.now-open2 a {
	color: white;
	width: 120px;
}
.now-open2 p .flow-control {
	float: left;
	width: 45px;
	height: 20px;
}
.now-open2 {
	background-image: url(../images/now-open2sm.jpg);
	height: 195px;
}
/* new sidebar small ends */


/* Homeschool small starts */
.home-register h2 {
	padding: 6px 20px;
	text-align:left;
	line-height: 24px;
	font-size: 20px;
	letter-spacing: -1px;
}
.home-register p {
	font-size:14px;
	line-height:16px;
	margin:12px 0 0 265px;
	width:360px;
	color: black;
}
.home-register a {
	color: white;
	width: 175px;
}

.home-register .go {
	position:absolute;
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-size:21px;
}

.home-register .go:hover {
	text-decoration:underline;
}

.home-register p .flow-control {
	float: left;
	width: 45px;
	height: 20px;
}
.home-register {
	background-image: url(../images/bg_home-register.jpg);
	height: 235px;
}
/* Homeschool sidebar small ends */

/* Homeschool FAQ block starts */
.home-faq h2 {
	padding: 8px 0px;
	text-align:left;
	line-height: 24px;
	font-size: 26px;
	color: #FF6600;
}
.home-faq p {
	font-size:14px;
	line-height:16px;
	margin-top: 20px;
	color: black;
}
.home-faq a {
	width: 175px;
}

.home-faq .go {
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-size:19px;
	text-transform: none;
}

.home-faq .go:hover {
	text-decoration:underline;
}

.home-faq p .flow-control {
	float: left;
	width: 45px;
	height: 20px;
}
.home-faq {

}
/* Homeschool FAQ block ends */

.parents {
	background-position: 0 -366px;
	height: 271px;
}
.parents h2 {
	color: #f63;
	padding:18px 21px 1px;
	text-align:left;
	text-transform:uppercase;
	line-height: 27px;
}
.parents p {
	color:black;
	float:left;
	font-size:12px;
	font-weight:bold;
	/*letter-spacing:-0.4px;*/
	line-height:20px;
	margin:0 24px;
	width:170px;
}
.parents p .flow-control {
	float: right;
	width: 20px;
	height: 135px;
}
.parents .go {
	color:black;
	right:180px;
	top:223px;
}

/*Webinar sidebar*/
/* Homeschool FAQ block ends */

.webinar {
	background-position: 0 -1802px;
	height: 271px;
}
.webinar h2 {
	color: #C33500;
	padding:18px 21px 1px;
	text-align:left;
	text-transform:uppercase;
	font-size: 26px;
}
.webinar p {
	color:black;
	float:left;
	font-size:13px;
	line-height:20px;
	margin:0 24px;
}
.webinar p .flow-control {
	float: right;
	width: 20px;
	height: 135px;
}
.webinar .go {
	color:white;
	right:178px;
	top:190px;
}



.login {
	position: absolute;
	right: 26px;
	top: 112px;
	line-height: 26px;
}
.login input:focus, .login .not-empty {
	z-index: 1;
	background-color: white;
	position: relative;
}
.username,
.password {
	width: 106px;
	height: 18px;
	margin: 0 4px;
}
.img-submit {
	vertical-align: top;
	margin-top: 3px;
}
.login label {
	position: absolute;
	margin-left: 10px;
	color: #999;
	font-style: italic;
	font-size: 11px;
}
.login label:after {
	display: none;
}
#primary {
	width: 620px;
	float: left;
	margin-right: 14px;
	margin-top: 15px;
	padding-left: 10px;
}

.heirarchy a {
	color: #2F72B8;
	text-decoration: none;
}

.heirarchy a:hover {
	text-decoration: underline;
}

.heirarchy h2 {
	font-size:26px;
	margin: 9px 2px;
	color: #6c0;
	font-weight: normal;
}

.heirarchy h2 a {
	color: #390;
	font-weight: bold;
}
/*.resource-page .heirarchy h2 {
	font-size:26px;
	margin: 9px 2px;
	color: #339900;
	font-weight: normal;
}*/
.heirarchy h3 {
	color: #6c0;
	font-size:17px;
	margin:20px 3px 0;
	font-weight: normal;
	clear: both;
}
.heirarchy h3 a {
	color: #390;
	font-weight: bold;
}
.heirarchy h4 {
	color: black;
	font-size: 13px;
	margin: 3px;
}
.heirarchy ul {
	font-size:14px;
	margin-left:57px;
	margin-top:13px;
}
.heirarchy ul li ul {
	margin-left:27px;
	margin-top:7px;
}
.heirarchy ul li {
	list-style-type: square;
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	color: black;
	margin-bottom: 9px;
}
.heirarchy p {
	color: black;
	/*font-family:sans-serif;*/
	font-size:14px;
	/*letter-spacing:-0.1px;*/
	line-height:20px;
	margin:1px 0 20px 4px;
}

.heirarchy2 a {
	text-decoration: none;
}

.heirarchy2 a:hover {
	text-decoration: underline;
}

.heirarchy2 h2 {
	font-size:26px;
	margin: 9px 2px;
	color: #ff6600;
	font-weight: bold;
}

.heirarchy2 h2 a {
	color: #ff9900;
	font-weight: bold;
}

.heirarchy2 p {
	color: black;
	/*font-family:sans-serif;*/
	font-size:14px;
	/*letter-spacing:-0.1px;*/
	line-height:20px;
	margin:1px 0 20px 4px;
}

.heirarchy2 .ico_pdf {display:block; padding: 5px 0 5px 40px; background: url(../images/ico_pdf.png) no-repeat scroll 0 5px transparent;}

#right-sidebar {
	margin-top: 69px;
	width: 300px;
	float: left;
}
.sidebar-item {
	background-image: url(../images/sidebar.jpg);
	margin-bottom: 10px;
	position: relative;
	background-repeat: no-repeat;
}
.sidebar-item h2 {
	color: white;
	font-size:19px;
	/*letter-spacing:-1px;*/
	padding:3px 16px;
	/*word-spacing:-1.5px;*/
}
.sidebar-item p {
	font-size:13px;
	/*letter-spacing:-0.3px;*/
	line-height:17px;
	margin:10px 18px;
	width:200px;
	/*word-spacing:-1px;*/
	color: black;
}
.sidebar-item .go {
	font-size:12px;
}
.sidebar-item .arrow {
	background-color: #f90;
}
.contact-us {
	height: 113px;
	background-position: 0 -841px;
}
.contact-us strong {
	display: block;
	width: 150px;
}
.contact-us h2 {
	padding: 5px 16px;
}
.faq {
	height: 170px;
	background-position: 0 -671px;
}
.faq h2 {
	padding: 6px 16px;
}
.faq p {
	margin: 10px 15px;
}
.faq .go {
	right:207px;
	top:130px;
	color: #060;
}
.sign-up {
	height: 178px;
	background-position: 0 -493px;
}
.sign-up .go {
	right:223px;
	top:149px;
}
.faq-page #primary {
	width: auto;
	float: none;
	padding-top: 1px;
}

.faq-left {
	padding-right: 290px;
	background-position: right bottom;
	background-image: url(../images/faq.jpg);
	background-repeat: no-repeat;
	margin-right: 6px;
	margin-bottom: -50px;
}
ul.toc {
	text-align: center;
	line-height: 11px;
	min-height: 76px;
	
	padding:55px 0;
	margin:-40px 30px 0;
}
ul.toc li {
	display: inline-block;
	border-left: 1px solid #f66;
	padding-left: 5px;
	margin: 3px 1px;
}
ul.toc li a {
	text-decoration: none;
	font-size: 12px;
	color: #2f72b8;
}
ul.toc li a:hover {
	text-decoration: underline;
}
.question {
	border:1px solid #ccc;
	padding:3px 36px;
	margin:6px 0 12px 4px;
	border:1px solid #ccc;
	-moz-box-shadow:0 1px 2px #b2b2b2;
	-webkit-box-shadow:0 1px 2px #b2b2b2;
	box-shadow:0 1px 2px #b2b2b2;
	background-image: url(../images/question-arrow.gif);
	background-repeat: no-repeat;
	background-color: white;
	background-position: 4px -15px;
	position: relative;
	cursor:pointer;
}
.question p{
	font-size: 12px;
	margin: 20px 0;
}
.question .close {
	position: absolute;
	color:#2F72B8;
	font-size:10px;
	font-weight:bold;
	padding:3px 5px 3px 15px;
	text-decoration:none;
	text-transform:uppercase;
	background-image: url(../images/close.gif);
	background-position: left center;
	background-repeat: no-repeat;
	bottom: 5px;
	right: 5px;
}
.closed {
	background-position: 6px 4px;
	background-color: #f3f3f3;
}
.closed p {
	display: none;
}
.closed .close {
	display: none;
}
.question h4 {
	color: #2f72b8;
	font-size:14px;
	margin: 0;
}
.to-top {
	color:#2F72B8;
	float:right;
	font-size:10px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-transform:uppercase;
	position: relative;
	top: -7px;
	background-image: url(../images/back-top.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#grade-container {
	margin:17px 10px 10px 3px;
	padding: 1px;
	background-color: #f3f3f3;
	-moz-box-shadow: 0 4px 5px #999;
	-webkit-box-shadow: 0 4px 5px #999;
	box-shadow: 0 4px 5px #999;
}
#primary #grade-container {
	margin:17px 2px 10px 4px;
	background-image: url(../images/coaster.jpg);
	background-position: left top;
	background-repeat: no-repeat
}
#grade-container h3 {
	margin: 17px 0 0 98px;
}
#grade-container p {
	margin: 0 0 0 98px;
}
#grade-container .grade {
	height:74px;
	margin:10px;
	position: relative;
	padding: 15px 12px 15px 228px;
	background-image: url(../images/grade-rows.jpg);
	background-repeat: no-repeat;
}
#grade-container .gradeK-2 {
	background-position: 0 0;
}
#grade-container .grade3-4 {
	background-position: 0 -104px;
}
#grade-container .grade5-6 {
	background-position: 0 -208px;
}
#grade-container .grade h2{
	color: white;
	font-size:19px;
	text-transform:uppercase;
	margin: 0;
}
#grade-container .grade p{
	color: white;
	font-size:12px;
	font-weight:bold;
	margin:4px 0;
	line-height: 14px;
}
#grade-container .grade .go {
	bottom:13px;
	right:34px;
	font-size:11px;
}
#grade-container .grade .overflow {
	position: absolute;
	top: -30px;
	background-image: url(../images/head-tops.png);
	height: 30px;
	left: 0px;
	width: 99px;
}
#grade-container .gradeK-2 .overflow {
	background-position: 0 0;
}
#grade-container .grade3-4 .overflow {
	background-position: 0 -30px;
}
#grade-container .grade5-6 .overflow {
	background-position: 0 -60px;
}
.parents-left {
	background-image: url(../images/parents.jpg);
	height:258px;
	margin: 0 10px 1px 3px;
	position: relative;
	padding:5px 175px 5px 10px;
}
.parents-left h2 {
	color: #c00;
	font-size:25px;
	margin:13px 12px 0;
}
.parents-left p {
	color:black;
	font-size:14px;
	line-height:18px;
	margin:2px 15px;
}
.parents-left .go {
	border:3px double #f90;
	bottom:6px;
	font-size:11px;
	height:31px;
	left:10px;
	line-height:14px;
	padding:2px 60px 2px 6px;
	width:320px;
	background-color: #f33;
}

.free-ticket {
	background-image: url(../images/right-col.jpg);
	background-position: 0 -1136px;
	height:245px;
	padding-right:160px;
	position: relative;
	margin-bottom: 11px;
}
.free-ticket h2 {
	line-height:25px;
	padding:11px 0 9px 17px;
}
.free-ticket p {
	font-size:12px;
	line-height:16px;
	margin:10px 19px;
}
.free-ticket h3 {
	color: black;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.free-ticket ul {
	margin: 3px 0;
}
.free-ticket ul li {
	border-left:2px solid #666;
	display:inline;
	list-style:none outside none;
	padding-left:5px;
}
.free-ticket ul li:first-child {
	padding-left: 0;
	border-left: none;
}
.free-ticket ul li a {
	color: #06c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.free-ticket .reading-log {
	left:211px;
	position:absolute;
	top:199px;
}
.free-ticket .parent-letter {
	left:54px;
	position:absolute;
	top:199px;
}
.six-community {
	background-image: url(../images/right-col.jpg);
	background-position: 0 -832px;
	height: 304px;
	position: relative;
}
.six-community h2 {
	font-size:19px;
	padding:5px 10px;
}
.six-community p {
	color: black;
	margin:7px 10px 10px 10px;
	font-size: 11px;
	line-height:11px;
}
.six-community .go {
	bottom:11px;
	color:black;
	font-size:13px;
	left:2px;
	line-height:14px;
	text-align:right;
	width:134px;
}
.six-community ul {
	margin: 10px 1px 0 0;
}
.six-community .more-events  {
	-moz-border-radius:0 0 7px 7px;
	background-color:#FF9933;
	color:white;
	float:left;
	font-size:9px;
	font-weight:bold;
	margin:-10px 11px 0;
	padding:4px 8px 3px 24px;
	text-decoration:none;
	text-transform:uppercase;
	background-image: url(../images/tiny-arrow.gif);
	background-position: 6px 5px;
	background-repeat: no-repeat;
}
.six-community ul li {
	border: 1px solid #f93;
	height:58px;
	margin:8px 11px;
	padding-left:79px;
	position: relative;
	background-color: white;
	list-style: none;
	background-image: url(../images/event-pic.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.six-community ul .fright-fest {
	background-position: left top;
}
.six-community ul .season-pass {
	background-position: 4px -58px;
}
.six-community ul .walkpark {
	background-position: 4px -122px;
}

.six-community ul .frightfest {
	background-position: 4px -180px;
}

.six-community ul .gotogether {
	background-position: 4px -237px;
}

.six-community ul li .learn-more {
	position: absolute;
	right: 8px;
	bottom: 3px;
	text-decoration: none;
	color: #408cd9;
	font-size: 11px;
}
.student-cert {
	height: 210px;
	background-position: 0 0;
}
.student-cert h2 {
    font-size: 18px;
    padding: 3px 2px;
    text-align: center;
}
.student-cert p {
	color: white;
	width: auto;
	margin-right: 8px;
}
.student-cert .flow-control {
	float:left;
	height:100px;
	margin:5px;
	width:150px;
}
.student-cert .go {
    bottom: 37px;
    font-size: 14px;
    left: 183px;
    line-height: 17px;
    padding-left: 20px;
    width: 85px;
}
.student-cert .high-res{
    bottom: 15px;
}
.student-cert .arrow {
    background-color: transparent !important;
    background-image: url("../images/icon-pdf.gif");
    border: medium none;
    bottom: 0;
    height: 16px;
    left: 0;
    right: auto;
    top: auto;
    width: 16px;
}

.about-program {
	height: 210px;
	background-position: 0 0;
}
.about-program p {
	color: white;
	width: auto;
	margin-right: 8px;
}
.about-program .flow-control {
	float:left;
	height:100px;
	margin:5px;
	width:150px;
}
.about-program .go {
	bottom:17px;
	font-size:14px;
	left:219px;
	line-height:17px;
	width:43px;
}
.about-program .arrow {
	top: auto;
	bottom: 0px;
	background-color: #06c;
}
.join-rts {
	height: 170px;
	background-position: 0 -210px;
}
.join-rts h2 {
	padding: 6px 16px;
}
.join-rts p {
	width: 125px;
}
.join-rts .go {
	bottom:26px;
	color:#006600;
	left:13px;
}
.teacher-tips {
	position:relative;
	height: 113px;
	background-position: 0 -380px;
}
.teacher-tips p { line-height:16px;}
.teacher-tips .go {
	bottom:12px;
color:#FF6B01;
position:absolute;
right:88px;
}
.teacher-tips .arrow { background-color:#ff6b01}
#link_programResources { position:absolute; bottom:8px; right:8px; height:70px; width:70px;}

.teacher-tips h2 {
	padding: 5px 16px;
}
#top-header {
	height:270px;
	margin:10px 12px 0 14px;
	position: relative;
	background-image: url(../images/grade-bg.jpg);
	background-repeat: no-repeat;
}
.kid-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/kids.png);
	background-repeat: no-repeat;
	z-index: 5;
	height: 170px;
}
.gradebandK-2 .kid-overlay {
	background-position: 0 0;
	width: 100px;
}
.gradebandK-2 #top-header {
	background-position: 0 0;
}
.gradebandK-2 .featured-book h3,
.gradebandK-2 #top-header h2 {
	color:#357ec3;
}
.gradebandK-2 .featured-book {
	background: url(/images/bg_feat_k-2.png) repeat;
	border-top-color: #15324c;
}
.gradeband3-4 .kid-overlay {
	background-position: -237px 0;
	width: 136px;
}
.gradeband3-4 #top-header {
	background-position: 0 -270px;
}
.gradeband3-4 .featured-book h3,
.gradeband3-4 #top-header h2 {
	color:#f90;
}
.gradeband3-4 .featured-book {
	background: url(/images/bg_feat_3-4.png) repeat;
	border-top-color: #630;
}
.gradeband5-6 .kid-overlay {
	background-position: -100px 0;
	width: 137px;
}
.gradeband5-6 #top-header {
	background-position: 0 -540px;
}
.gradeband5-6 .featured-book h3,
.gradeband5-6 #top-header h2 {
	color:#63c;
}
.gradeband5-6 .featured-book {
	background: url(/images/bg_feat_5-6.png) repeat;
	border-top-color: #4e2cbe;
}
#top-header h2 {
	font-size:25px;
	padding:20px 0 0 348px;
}
#top-header p {
	font-size:13px;
	line-height:16px;
	margin:6px 0 15px 350px;
	width:365px;
}
#top-header .featured-book {
	color:white;
	font-size:12px;
	padding:11px 100px 11px 183px;
	position: absolute;
	border-top-width: 1px;
	border-top-style: solid;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
}
#top-header .featured-book h3 {
	font-size:16px;
	font-weight:bold;
	left:775px;
	position:absolute;
	bottom:224px;
}
#top-header .featured-book .featured-book-box {
	bottom:182px;
	color:#330000;
	font-size:12px;
	left:762px;
	position:absolute;
	text-align:center;
	width:143px;
}
#top-header.compact .featured-book .featured-book-box {
	bottom:143px;
	color:#330000;
	font-size:12px;
	left:762px;
	position:absolute;
	text-align:center;
	width:143px;
}
#top-header .featured-book .featured-book-box b {
	line-height:13px;
}
#top-header .featured-book .featured-book-box cite {
	display:block;
}
#top-header .featured-book img {
	height:180px;
	overflow:hidden;
	position:absolute;
	right:31px;
	bottom:29px;
	-moz-transform:rotate(5deg);
	-moz-box-shadow: 1px 4px 4px rgba(0,0,0,0.5);
	border: none;
}
#top-header .featured-book .book {
	font-weight: bold;
	font-style: normal;
	display: block;
	text-decoration: none;
	color: white;
}
#top-header .featured-book cite {
	font-weight: normal;
	font-style: italic;
	display: inline;
}
#top-header .featured-book p {
	/*letter-spacing:-0.2px;*/
	line-height:16px;
	margin:0;
	width: auto;
	/*word-spacing:-1px;*/
}
#top-header.compact {
	height: 229px;
}
#top-header.compact h2 {
	padding:17px 0 0 317px;
}
#top-header.compact p {
	line-height:15px;
	margin:0 0 15px 320px;
	width:414px;
}
#top-header.compact .featured-book img {
	bottom: 14px;
}
#top-header.compact .featured-book h3 {
	bottom:186px;
	font-size:14px;
	left:786px;
}
#top-header.compact .featured-book p {
	margin: 0;
	padding-bottom: 5px;
	width: auto;
}
ul.subjects {
	border:2px solid #5ccd24;
	margin:18px 10px 10px 3px;
	padding:17px 10px 16px 342px;
	background-color: #390;
	-moz-box-shadow:0 7px 7px rgba(0, 0, 0, 0.7) inset;
	-webkit-box-shadow:0 7px 7px rgba(0, 0, 0, 0.7) inset;
	box-shadow:0 7px 7px rgba(0, 0, 0, 0.7) inset;
	background-image: url(../images/activity.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.subjects li {
	border:1px solid #5df015;
	list-style:none outside none;
	margin:12px;
	background-color: white;
	-moz-box-shadow: 0 5px 7px -2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.5);	
	box-shadow: 0 4px 7px #030;
}
ul.subjects li a {
	position:relative;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:23px;
	line-height:23px;
	padding:0 37px;
	text-decoration:none;
	text-transform:uppercase;
}
ul.subjects li a .arrow {
	right:3px;
	top:4px;
}
ul.subjects li .icon {
	left:3px;
	position:absolute;
	top:2px;
}
.icon {
	height:20px;
	width:23px;
	background-image: url(../images/icons.gif);
	background-repeat: no-repeat;
}
.lan .icon {
	background-position: 0 0;
}
.soc .icon {
	background-position: 0 -20px;
}
.sci .icon {
	background-position: 0 -40px;
}
.mat .icon {
	background-position: 0 -60px;
}
.art .icon {
	background-position: 0 -80px;
}
.for-students h2,
.for-parents h2 {
	font-size:19px;
	padding:5px 10px;
}
.for-students h2 {
	background-image: url(../images/right-col.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.for-students p {
	margin:12px 16px;
}
.for-parents p {
	line-height:16px;
	margin:14px 13px;
	width:165px;
}
.for-students {
	background-image: url(../images/repeat-y.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	border-bottom: 1px solid #fc3;
}
.for-students ul {
	margin-top: 13px;
}
.for-students ul li {
	list-style: none;
	border: 1px solid #fc6;
	padding: 15px 87px;
	margin:11px 10px 11px 13px;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: white;
}
.for-students ul li.puzzles {
	background-image: url(../images/puzzles.gif);
	background-position: 18px 50%;
}
.for-students ul li.booklist {
	background-image: url(../images/booklist.gif);
	background-position: 13px 50%;
}
a.download {
	color: #06c;
	text-decoration: none;
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:23px;
	background-image: url(../images/download.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
a.download:hover {
	text-decoration: underline;
}
.for-parents {
	height:193px;
	background-position: 0 -1381px;
}
.for-parents .go {
	bottom:21px;
	color:black;
	font-size:12px;
	left:14px;
	padding:2px 0 0 21px;
}
.for-parents .arrow {
	right: auto;
	left: 0;
}
.for-parents img {
	border:1px solid white;
	height:116px;
	left:181px;
	position:absolute;
	top:50px;
	width:131px;
}
.grade-id {
	color:white;
	font-size:100px;
	font-weight:bold;
	left:8px;
	position:absolute;
	text-shadow:0 0 20px black;
	top:-12px;
	text-transform: uppercase;
}
.compact .grade-id {
	font-size:81px;
	left:129px;
	top:-7px;
}
ul.subject-tabs {
	padding: 2px 0 6px 15px;
	margin: 0 12px 5px 14px;
	background-color: #390;
	overflow: hidden;
}
ul.subject-tabs li {
	float: left;
	margin: 4px;
	border: 1px solid #5df015;
	list-style: none;
	-moz-box-shadow: 0 5px 7px -2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.5);	
	box-shadow: 0 4px 7px #030;
	background-color: white;
}
ul.subject-tabs li.active,
ul.subject-tabs li:hover {
	border-color: black;
	background-color: #e5e5e5;
}
ul.subject-tabs li a {
	width: 170px;
	position:relative;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:23px;
	line-height:23px;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center;
	color: #2f72b8;
}
ul.subject-tabs li.active a {
	color: black;
}
ul.subject-tabs li .icon {
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -3px;
}
.download-activity {
	float: right;
	width: 71px;
	height: 94px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #06c;
	background-image: url(../images/download2.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 13px;
	margin: 10px;
	position: relative;
	top: -70px;
	font-weight: bold;
}
.vidplayer {
	background-position: 0 -1574px;
	margin-top: 16px;
	padding-top: 4px;
}
.vidplayer h2 {
	float:left;
	font-size:12px;
	line-height:22px;
	padding: 3px 8px 1px 14px;
	text-transform:uppercase;
	background-image: url(../images/right-col.jpg);
	background-position: 100% -1645px;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}
.vidplayer .video-container {
	background-image:url("../images/repeat-y.gif");
	background-position: -326px 0;
	background-repeat: repeat-y;
	border-top:1px solid black;
	clear:both;
	padding-bottom:1px;
}
.vidplayer .video-container .vid-title {
	color:white;
	font-size:12px;
	font-weight:normal;
	margin:3px 13px 4px 16px;
}
.vidplayer .video-container .video-placeholder {
	background-color:rgba(0, 128, 0, 0.7);
	height:207px;
}
.vidplayer .video-container ul.playlist {
	border-top:1px solid black;
	margin:20px 0;
}
.vidplayer .video-container ul.playlist li {
	background-image:url("../images/repeat-y.gif");
	background-position: -652px 0;
	background-repeat: repeat-y;
	border-bottom:1px solid black;
	list-style:none outside none;
}
.vidplayer .video-container ul.playlist li a {
	color: #036;
	display:block;
	line-height:19px;
	list-style:none outside none;
	padding-left:15px;
	text-decoration:none;
	
}
.vidplayer .video-container ul.playlist li a span.after {
	/*content: 'Play Video';*/
	text-transform: uppercase;
	border:1px solid white;
	font-size:9px;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	line-height:11px;
	width:75px;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#f63;
}

.vidplayer .video-container ul.playlist li.on {
	background:#036;
}
.vidplayer .video-container ul.playlist li.on a {
	color: #fff;
}



.vidplayer .video-container ul.playlist li a:hover:after,
.vidplayer .video-container a:hover .arrow{
	background-color:#f33;
}
.vidplayer .video-container .go {
	bottom:3px;
	font-size:13px;
	padding-right:20px;
	right:10px;
	text-transform: none;
}
.vidplayer .video-container .arrow {
	right: 0;
	background-color: #f63;
}
.form-bg {
	background-image: url(../images/reg-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin: 0 -8px;
	padding:2px 3px 1px 0;
}
.blur-bg {
	background-image: url(../images/reg-bg.jpg);
}
.form-bg p a {
	color: white;
	text-decoration: underline;
}
.form-bg form {
	border: 1px solid #ccc;
	padding: 22px;
	position: relative;
	margin:10px 95px;
	width:734px;
	overflow:hidden;
	background-color: #4e9400;
	/*-moz-box-shadow:0 2px 5px #333333;
	-webkit-box-shadow:0 2px 5px #333333;
	box-shadow:0 2px 5px #333333;
	background-image: -moz-linear-gradient(-135deg, #175200 0, #4e9400 515px);
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #175200), color-stop(0.35, #4e9400));*/
}
.form-bg .float-box {
	float: right;
	padding:11px 16px;
	width:187px;
	margin: 7px;
	margin:6px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color: #239300;
	background-image: -moz-linear-gradient(45deg, #43af00, #239300);
	background-image: -webkit-gradient(linear, left bottom, right top, from(#43af00), to(#239300));
}
.form-bg .float-box h3 {
	margin: 0;
	padding: 0;
	border: none;
}
.form-bg p {
	color:white;
	font-size:16px;
	line-height:20px;
	margin:6px 0;
	text-shadow: 1px 1px #060;
}
.form-bg .float-box p {
	color:white;
	font-size:12px;
	line-height:16px;
	margin:6px 0;
	text-shadow: none;
}
.form-bg h2 {
	color: #9f0;
	font-size:21px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom: 24px;
}
.form-bg h2 a {
	font-weight: bold;
	text-transform: none;
	color: #9f0;
}
.form-bg h3 {
	color: #9f0;
	font-size:18px;
	font-weight:normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #9f0;
	clear:left;
	margin:18px 0;
}
.form-bg .info {
	color: #9f0;
	float:right;
	font-size:12px;
	font-style:italic;
	margin-top:-6px;
}
.form-bg h3 a {
	font-weight: bold;
	color: #9f0;
}
.form-bg label {
	clear:left;
	color:white;
	float:left;
	font-size:17px;
	margin:5px 15px;
	text-align:right;
	width:250px;
	font-weight: normal;
	/*letter-spacing:-0.5px;*/
}
.form-bg label.error {
	/*color: #9f0;*/
	color: red;
	float: left;
	text-align:left;
	padding:0 0 0 283px;
	margin:0 0 6px 0;
	width: 400px;
	font-size: 13px;
	/*text-shadow: 1px 1px #060;*/
	text-shadow: 1px 1px maroon;
}
.form-bg .buttons label.error {
	padding:4px 0 0 0;
	display:block;
	float:none;
	width:auto;
	text-align:center;
} 

.form-bg label em {
	font-weight: normal;
	font-style: normal;
	color: #9f0;
}
.form-bg label span {
	font-size: 14px;
	display: block;
	font-style: italic;
}
.buttons {
	text-align: center;
	clear: left;
}
.form-bg .buttons input,
.form-bg .buttons button,
.form-wrap .buttons input {
	background-color:#2EA5FA;
	background-image:url("../images/arrow-padded.gif");
	background-position:right center;
	background-repeat:no-repeat;
	border:1px solid white;
	color:white;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	float:none;
	font-size:17px;
	margin-left:9px;
	padding:1px 22px 1px 10px;
	text-align:left;
	margin-top: 20px;
}
.form-wrap .buttons input {
	border-color:#02609e;
}
.form-bg select,
.form-bg input {
	float: left;
	margin:5px 8px 5px 0;
}
.form-bg select,
.form-bg input.text {
	width:255px;
}
.form-bg input.num3 {
	width: 95px;
}
.form-bg select.month {
	width: 100px;
}
.form-bg select.day {
	width: 55px;
}
.form-bg select.year {
	width: 85px;
}
.form-bg label.radio-label {
	clear:none;
	margin:5px 20px 0 0;
	width:auto;
}
.form-bg input.num4 {
	width: 75px;
}
.form-bg div.schoolInfo {color:#99FF00;}
.form-bg label.checkbox-label {
	float:left;
	font-size:15px;
	margin: 24px 0 24px 140px;
	text-align:left;
	width:520px;
	text-shadow: 1px 1px #060;
}
.form-bg label.inline {
	clear:none;
	float:left;
	margin:0;
	width:350px;
}
div.error { margin: 5px; color: #f30; font-size: 1.2em; }
.form-bg label.inline label.error { margin-left:0; padding-left:0; width:180px;}
div.schoolList-wrap td.radius250 { text-align:center; font-weight:bold; padding:30px; color:#ff0000}
.coordinatorWrap {
	-moz-border-radius:10px 10px 10px 10px;
	background-color:#239300;
	background-image:-moz-linear-gradient(45deg, #43AF00, #239300);
	margin:6px 0 0 80px;
	padding:11px 0;
	width:630px;
}
.form-bg .coordinatorWrap label {
	width:170px;
}
.form-bg .coordinatorWrap input {
	margin-top:8px;
}
.form-bg .coordinatorWrap div.schoolInfo {width:390px;}

.columnator {
	width: 496px;
}
.columnator .buttons button {
	margin-left: 0;
}
.lb-overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 1000;
}
.lb-overlay .lb-content {
	width: 780px;
	margin: 50px auto;
	min-height: 100px;
	background-color: #2ea5fa;
	background-image: -moz-linear-gradient(-135deg, #015c97 0, #2ea5fa 515px);
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #015c97), color-stop(0.35, #2ea5fa));
	border: 1px solid #ccc;
	color: white;
	text-shadow: 1px 1px #015c97;
}

.ico_pdf {display:block; padding: 5px 0 5px 40px; background:url(/images/ico_pdf.png) no-repeat;}
.ico_computer {display:block; padding: 0px 0 5px 43px; background:url(/images/ico_computer.png) no-repeat;}

#main-content.resource-page {background-image:url(/images/bg_resources2.jpg); background-position:center bottom; height:805px; position:relative;}

.resources { position:absolute; width:308px; color:#541416;}
.heirarchy .resources p {color:#541416;}

#res1 { top:220px; left:140px;}
#res2 {top:220px; left:515px;}
#res3 {top:488px; left:515px;}

.resources  h3 { visibility:hidden; position:absolute;}

.resources .ico_pdf {float:left; font-size:13px; font-weight:bold; margin:1px 10px 0 5px;}

.resources .ico_computer {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 1px 10px 0 5px;
}

.resource-page a {color:#2e73b8;} 
.resource-page a:hover {color:#518fd6; text-decoration:none;}
.resource-page #primary {
	width: auto;
	float: none;
	padding-top: 1px;
}


/*Reset Password Form*/
.reset-pw ul, .reset-pw ul li { list-style:none;}
.reset-pw #primary {
	width: auto;
}
.reset-pw p {
	width: 650px;
}


.dashboard {
    border: 1px solid #ccc;
    margin: 10px 24px 20px;
    padding: 18px 30px;
    position: relative;
	overflow: hidden;
	background-color: #1398c3;
	background-image: -moz-linear-gradient(center top, #015e9c, #1398c3 315px);
	-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
}
.dashboard h2 {
	color: white;
    font-size: 22px;
	font-weight: normal;
}
.dashboard h2 span {
	font-weight: bold;
}
.dashboard #view-profile {
	color: white;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 27px;
}
.dashboard #view-dashboard {
	color: white;
    font-size: 12px;
    font-weight: bold;
    float: right;
	background-image: url(../images/d-icons.png);
	background-repeat: no-repeat;
	background-position: -27px -220px;
	padding-left: 24px;
	margin-bottom: 8px;
	margin-top: -6px;
}
dl.info-bar {
	background-color: #14b6ea;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    margin: 11px -30px 14px;
    border-width: 4px 21px;
	border-color: #14b6ea;
	border-style: solid;
	overflow: hidden;
	-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
}
dl.info-bar dt {
	display: inline-block;
	color: white;
	border-left: 1px solid white;
	padding-left: 10px;
	margin-left: -1px;
}
dl.info-bar dd {
	display: inline-block;
	color: black;
	margin: 0 8px 0 4px;
	height: 1.3em;
	max-width: 225px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}
dl.info-bar dd a {
	color: #039;
	text-transform: uppercase;
}
.status {
	font-size: 13px;
    font-weight: bold;
	margin-bottom: 19px;
	color: #6cf;
}
.note {
	font-size: 13px;
    font-style: italic;
	color: #fff;
	position: relative;
	top: -10px;
}
.note a {
	color: #ff3;
}
.status strong {
	font-weight: inherit;
	text-transform: uppercase;
}
.status em {
	text-transform: uppercase;
	font-style: inherit;
	color: #cf9;
}
.status a {
	text-decoration: none;
	color: white;
}
.dashboard .left-sidebar {
    float: left;
    margin-right: 23px;
    width: 265px;
	-moz-border-radius: 14px;
	background-color: white;
}
.dashboard .left-sidebar h4 {
	border-top: 1px solid #bfbfbf;
    color: black;
    font-size: 14px;
    margin: 14px 3px 0;
    padding-top: 18px;
    text-indent: -3px;
}
.dashboard .left-sidebar a.download {
	color: #06C;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    line-height: 25px;
    margin: 10px 2px 4px;
	background-image: url(../images/v-icons.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
a.download span.pdf {
	display: block;
    padding-left: 30px;
	background-image: url(../images/v-icons.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	height: 23px;
}
.dashboard .container {
	font-size: 12px;
    line-height: 18px;
    padding: 15px;
}
.dashboard .left-sidebar h3 {
	background-color: #f90;
	background-image: -moz-linear-gradient(left center,#f63,#f90 215px);
}
.dashboard .left-sidebar h3 span {
	background-position: 2px -151px;
}
.dashboard h3 {
	background-color: #4e9400;
	background-image: -moz-linear-gradient(left center,#185400,#4e9400 215px);
}
.dashboard .reading-list h3 span {
	background-position: 2px -112px;
}
.dashboard a {
	text-decoration: none;
}
.dashboard a:hover {
	text-decoration: underline;
}
.dashboard h3 {
    color: white;
    font-size: 19px;
    line-height: 35px;
    padding: 4px 0 2px 17px;
	-moz-border-radius: 14px 14px 0 0;
}
.dashboard h3 span {
	display: block;
	padding-left: 48px;
	background-image: url(../images/d-icons.png);
	background-repeat: no-repeat;
	margin-left: -17px;
}
.dashboard .reading-list {
    float: left;
    width: 557px;
	position: relative;
	background-color: white;
	-moz-border-radius: 14px;
	padding-bottom: 24px;
	margin-bottom: 10px;
}
ul.action-links {
    position: absolute;
    right: 15px;
    top: 3px;
}
ul.action-links li {
	display: inline-block;
	list-style: none;
}
ul.action-links li a {
	color: white;
    display: block;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
	background-image: url(../images/d-icons.png);
	background-repeat: no-repeat;
}
ul.action-links a.add-students {
    padding-left: 50px;
	background-position: 0 2px;
}
ul.action-links a.disable-addstudents {
    padding-left: 50px;
	background-position: 0 2px;
}
ul.action-links a.edit-profile {
    padding-left: 29px;
	background-position: -22px -189px;
}
ul.action-links a.view-dashboard {
    padding-left: 22px;
	background-position: -27px -220px;
	line-height: 14px;
	margin: 5px;
}
ul.action-links a.summary {
    background-position: -12px -60px;
    padding-left: 35px;}
ul.action-links a.print {
    background-position: -19px -31px;
    padding-left: 33px;
}

.dashboard table {
	border-collapse: collapse;
	width: 100%;
	-moz-border-radius: 0 0 14px 14px;
	border: none;
}

.dashboard table tbody{
    overflow-x: hidden;
    overflow-y: auto;
}
.dashboard table tbody tr {
	height: 32px;
}
.dashboard table tbody tr.student {
	height: 16px;
	background-color: transparent !important;
}
.dashboard table tbody tr.student td {
	font-weight: normal;
}
.dashboard table tbody tr.student.first {
	height: 22px;
	vertical-align: bottom;
}
.dashboard table tbody tr:nth-child(even) {
	background-color: rgba(204,255,255, 0.5);
}
.dashboard table tfoot tr {
	border-top: 1px solid #e7e7e7;
}
.dashboard table th.short {
	width: 38px;
	text-align: left;
}
.dashboard table th.mid-short {
	width: 88px;
}
.dashboard table th.name {
	width: 123px;
	text-align: left;
}
.dashboard table th.long {
	width: 290px;
	text-align: left;
}
.dashboard table th.med {
	width: 230px;
	text-align: left;
}
.dashboard table .x-long {
	width: 450px;
	text-align: left;
}
.dashboard table th {
	background-color: #cf9;
	color: black;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 20px 2px 6px;
	text-align: left;
	border-left: 1px solid white;
	border-right: none;
	border-bottom: 1px solid white;
	height: 28px;
}
.dashboard table td {
	border-left: 1px solid #e7e7e7;
	font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
	vertical-align: top;
	padding: 10px 10px 0;
}
.dashboard table td.center {
	text-align: center;
}
.dashboard table td a {
	color: #06C;
}
.dashboard table td.manage {
	text-align: center;
}
.manage a {
	display: inline-block;
	background-image: url(../images/d-icons.png);
	background-repeat: no-repeat;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
	margin: 0 6px 3px;
}
.dashboard table tfoot td.manage a {
	cursor: default;
	opacity: 0.5;
}
table td.trickle-down:hover {
	background-color: rgba(204,204,204,0.1);
}
.manage a.view {
	background-position: 0 -64px;
	width: 12px;
}
.manage a.edit {
	background-position: 0 -189px;
	width: 16px;
}
.manage a.delete {
	background-position: 0 -93px;
	width: 14px;
}
.dashboard table td:first-child {
	border: none;
}
.dashboard table th:first-child {
	border-left: none;
}
.dashboard table.student-expand {
	width:290px;
	margin: -10px -10px 0 0;
	float: right;
	border-left: 1px solid #e7e7e7;
}
.dashboard table.student-expand tbody {
	background-color: white;
}
.dashboard table.student-expand th.student-name {
	width: 208px;
}
.dashboard table.student-expand th.student-grade {
	width: 72px;
}
.dashboard table.student-expand td.pending {
	font-weight: normal;
	color: #f33;
}
.dashboard table.student-expand td.complete {
	font-weight: bold;
}
.full-width { position: relative; clear: both; background-color: white; -moz-border-radius: 14px; padding-bottom: 25px; }
dl.profile-info {
    font-size: 14px;
    line-height: 27px;
    margin: 14px auto;
    width: 80%;
}
dl.profile-info dt {
    display: inline-block;
    font-weight: bold;
    text-align: right;
    width: 48%;
	vertical-align: top;
}
dl.profile-info dd {
    display: inline-block;
    margin-left: 25px;
    width: 45%;
	vertical-align: top;
}
.full-width a.button {
    background-color: #4E9400;
    border: none;
    color: white;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    margin: 26px auto 0;
    text-transform: uppercase;
    width: 143px;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
}
.coordinator-info {
	border-bottom: 1px solid #ccc;
    margin: 0 3px 26px;
    padding-bottom: 20px;
	overflow: hidden;
}
.coordinator-info div {
	color: black;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}
.coordinator-info .school {
	width: 358px;
	padding-left: 36px;
}
.coordinator-info .school a {
	color: #09C;
}
.coordinator-info .school h4 {
	margin-left: -35px;
}
.coordinator-info .park {
	width: 300px;
	margin-left: 25px;
}
.coordinator-info h4 {
	color: #4E9400;
    font-size: 13px;
    margin-bottom: 11px;
}
.coordinator-opt {
	margin-bottom: 36px;
}
.coordinator-opt p {
	color: #99CCFF;
    font-weight: bold;
    margin: 10px 0 5px;
}
.coordinator-opt label {
	color: white;
	font-size: 16px;
	font-weight: bold;
}
.coordinator-opt label.radio input {
	margin: 5px;
}
.rows label {
    clear: both;
    color: white;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 9px 30px 13px 0;
    text-align: right;
    width: 40%;
	line-height: 17px;
}
.rows label.checkbox {
	clear: none;
	width: auto;
	margin: 9px 16px 0 0;
}
.rows label.checkbox input {
	margin-right: 5px;
}
.rows label span {
	display: block;
	font-weight: normal;
	font-style: italic;
}
.rows > input {
    border: 1px solid #ccc;
    float: left;
    height: 20px;
    margin: 6px 0 9px;
	padding: 1px 3px;
	width: 20em;
}
.rows > select {
    border: 1px solid #ccc;
    float: left;
    height: 20px;
    margin: 6px 0 9px;
	padding: 1px 3px;
	width: 20em;
}
.dashboard .buttons input {
	background-color: #4E9400;
    border: 1px solid #FFFFFF;
    color: white;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 26px;
    margin-right: 11px;
    padding-bottom: 2px;
    text-transform: uppercase;
    width: 84px;
}
.dashboard .buttons input.green-arrow {
	width: auto;
	background-image: url(../images/green-arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 25px 2px 15px;
}
.dashboard .buttons a {
	background-color: #25D5F1;
    border: 1px solid #FFFFFF;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0;
    text-decoration: none;
    vertical-align: top;
    width: 82px;
}
.dashboard .buttons { padding: 14px 6px 18px 0; }
.teacher-info {
	color: #6cf;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-top: -6px;
}
.teacher-info a { color:white; font-weight: normal; }
.full-width h3 span {
	background-position: 3px -110px;
	margin-bottom: 15px;
}
.t-summary h3 span {
    background-position: 12px -234px;
    margin-bottom: 7px;
	margin-top: 5px;
    padding-top: 4px;
	padding-left: 68px;
}
.total-entries { 
	color: white;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 18px;
    top: 33px;
}
p.final-note {
	font-size: 12px;
	line-height: 14px;
	color: white;
	margin: 8px 0;
}
.total-total {
	text-transform: uppercase;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: black;
    padding: 16px 37px;
}
.ui-dialog-titlebar {
	-moz-border-radius: 9px 9px 0 0;
    background-color: #4E9400;
    color: white;
    font-size: 14px;
	font-weight: bold;
    line-height: 24px;
    padding: 2px 0 0 24px;
}
.ui-dialog {
	-moz-border-radius: 12px;
	border: 1px solid #4E9400;
	background-color: white;
	-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
}
.ui-dialog dl.profile-info {
	width: 100%;
}
.ui-dialog dl.profile-info dt {
	width: 25%;
}
.ui-dialog dl.profile-info dd {
	width: 70%;
}
a.ui-dialog-titlebar-close {
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	color: white;
	margin-right: 12px;
}
.ui-dialog-content {
	padding: 16px 0px 15px 15px;
}
.ui-dialog-content h4 {
	color: black;
	font-size: 14px;
	font-weight: bold;
}
.ui-dialog-content input {
	border: 1px solid #ccc;
    height: 20px;
    margin: -4px 0 -4px -4px;
	width: 20px;
}
.ui-dialog-content input.long {
	width: 150px;
}
.ui-dialog-content label {
    color: black;
    display: inline-block;
    font-size: 12px;
    line-height: 19px;
    /*margin: 13px 1px 0 2px;*/
	padding: 13px 1px 0 2px;
    width: 75px;
}
.ui-dialog-content label.radio-wide {
	width: auto;
	display: block;
	line-height: 1.3em;
	margin: 5px;
	font-weight: bold;
}
.ui-dialog-content label.radio-wide input {
	height: auto;
	margin: 3px;
}
.ui-dialog-content label.wide-label {
	font-weight: bold;
    line-height: 1.2em;
    margin: 10px 0 4px;
    width: auto;
}
.radio-center {
	text-align: center;
	margin-bottom: 4px;
    padding: 8px;
}
.radio-center label.radio {
	color: #4E9400;
    font-size: 1.375em;
    font-weight: bold;
    margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.radio-center label.radio input {
	height: auto;
	margin: 0;
}
.black label.radio {
	color: black;
}
.black label.radio input {
	margin: 5px;
}
.ui-dialog-content label em {
	font-style: inherit;
	color: #4e9400;
	position: relative;
	left: -5px;
	margin-right:-5px;
}
.ui-dialog-content label.mi {
	width: 20px;
}
.ui-dialog-content hr {
	height: 1px;
	border: none;
	background-color: #ccc;
	margin: 14px 0;
}
.ui-dialog-content p {
	font-size: 12px;
    line-height: 15px;
    margin: 1px 0;
}
.ui-dialog-content .add-entry {
	float: left;
    font-size: 12px;
    margin-top: -10px;
    padding-left: 22px;
	color: #06c;
	background-image: url(../images/d-icons.png);
	background-repeat: no-repeat;
	background-position: -28px -92px;
	height: 16px;
}
.ui-dialog-content .total {
	clear: both;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 25px;
    text-align: right;
    text-transform: uppercase;
}
.ui-dialog-content .total span {
    text-transform: none;
	color: #4E9400;
    font-size: 15px;
}
.ui-dialog-content .buttons input {
    border: none;
    color: white;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: bold;
    height: 26px;
    margin: 0 11px;
    width: 84px;
	text-transform: uppercase;
}
.ui-dialog-content input.green {
	background-color: #4E9400;
}
.ui-dialog-content input.orange {
	background-color: #FF6600;
    background-image: url("../images/orange-arrow.gif");
	background-position: right center;
	background-repeat: no-repeat;
    color: white;
	padding: 0 24px 0 10px;
    text-transform: uppercase;
    width: auto;
}
.ui-dialog-content .buttons {
	margin-top: 11px;
}
.ui-dialog-content .buttons button {
    text-transform: uppercase;
	background-color: #25D5F1;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    height: 26px;
    width: 84px;
}
.ui-dialog-buttonset {
	text-align: center;
}
.ui-dialog-buttonset button {
    border: none;
	background-color: #4E9400;
    color: white;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    height: 26px;
    width: 84px;
	margin: 10px;
}
.faux-label {
	background-color: #cf9;
    color: black;
    font-weight: bold;
    line-height: 18px;
    margin: 18px 0 10px;
	padding-left: 10px;
}
.faux-label span {
	display: inline-block;
}
.faux-row {
	height: 24px;
	margin: 6px 0;
	padding-top: 1px;
}
.faux-row select {
	margin-right: 10px;
}
.faux-row a {
	display: inline-block;
	height: 0;
	width: 16px;
	padding-top: 16px;
	margin: 5px 6px 0 0;
	overflow: hidden;
	background-image: url(../images/d-icons.png);
}
.faux-row a.delete {
	background-position: 0 -93px;
	width: 14px;
}
.faux-row a.add {
	background-position: 0 -47px;
	width: 16px;
}
.faux-row a.add-inactive {
	background-position: 0 -31px;
	width: 16px;
	cursor: default;
}
.reading-material {
	width: 150px;
}
.duration {
	width: 70px;
}
a.expand {
	background-image: url(../images/d-icons.png);
	background-position: -15px -96px;
	background-color: rgba(0,0,255,0.8);
	width: 10px;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;
	margin: 0 9px;
	vertical-align: middle;
}
a.expand.open {
	background-position: 0 -81px;
}
p.after-note {
	clear: both;
    color: #000;
	background-color: #fff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 1px 290px;
    padding: 10px 15px;
    position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
p.after-note button {
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid white;
	background-color: #999;
    background-image: url("../images/gray-arrow.gif");
    color: #CCC;
    font-size: 17px;
    font-weight: bold;
    height: 26px;
    padding: 0 16px 3px 0;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    width: 106px;
}
p.after-note button.active {
	background-color: #f60;
    background-image: url("../images/orange-arrow.gif");
    color: white;
}
.val-error {
	border-color: #f33;
	color: #f33 !important;
}
.val-error:after {
	content:attr(title);
	display: block;
	font-size: 0.875em;
}
.red { color: #f33; }
p.warning {
	background-image: url(../images/warning.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px;
    padding-left: 35px;
}
dl.steps {
	margin: 35px 65px;
}
dl.steps dd {
	color: white;
    font-size: 1.2em;
    margin: 1px;
}
dl.steps dd ul li { list-style-position: inside }
dl.steps dt {
	color: #9cf;
    font-size: 1.5em;
    font-weight: bold;
    margin: 30px 0 15px;
}
.dashboard .buttons a.green-arrow {
	background-color: #4e9400;
	margin: 5px 0 0 10px;
    padding: 0 30px 0 15px;
    text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/green-arrow.gif);
	width: auto;
}
th.header {
	background-image: url(../images/sortable.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
th.headerSortUp {
	background-image: url(../images/sort-up.gif);
}
th.headerSortDown {
	background-image: url(../images/sort-down.gif);
}
p.quick-note{ margin: 0 10px;}
p.security-note { color: #fff; font-weight: bold; }
.rows label em, p.security-note em {
	font-style: inherit;
	color: #f33;
	position: relative;
	left: -2px;
	font-weight: normal;
}
.checkbox-group {
	float: left;
	width: 450px;
}
.view-details { display: none; }
tr.click-active { cursor: pointer; }
tr.click-active:hover { background-color: #cdd !important; }
tfoot label { display: block; }
.now-closed h2 {
    color: white;
    font-size: 18px;
    line-height: 19px;
    padding: 12px 0;
    text-align: center;
}
.view-rules { display: none; }
tr.click-active { cursor: pointer; }
tr.click-active:hover { background-color: #cdd !important; }
tfoot label { display: block; }
.now-closed h2 {
    color: white;
    font-size: 18px;
    line-height: 19px;
    padding: 12px 0;
    text-align: center;
}
.now-closed p {
    color: white;
    font-size: 12px;
    line-height: 17px;
    padding: 7px 0 0 24px;
    width: 140px;
}
.now-closed a.go {
	top: 171px;
	left: 86px;
}
.now-closed {
	height: 210px;
	background-image: url(/images/closed.jpg);
	background-position: 0 0;
}
.ticket-complete {
	height: 195px;
	background-image: url(/images/closed.jpg);
	background-position: 0 -210px;
}
.ticket-complete h2 {
	color: white;
	font-size: 18px;
    line-height: 20px;
    padding: 23px 25px;
    width: 200px;
}
.ticket-complete p {
	color: white;
	font-weight: bold;
    line-height: 19px;
    padding: 9px 25px;
}
.ticket-complete p .flow-control {
	width: 120px;
	float: right;
	height: 10px;
}
#left-col .program-closed {
    font-size: 13px;
    line-height: 17px;
}
#left-col .program-closed .first-line {
	display: block;
	font-size: 16px;
}
