/* Scholastic Overides */
html {}
body {padding:0; margin:0; color:#666; width:100%; background:#fff; display:table; font: 1em/150% Arial, Helvetica, sans-serif;}
a {color: #669;	text-decoration: none;}
a:hover {text-decoration: underline;}

/* Star Reader Page*/
#src_holder {width:100%; border-bottom:15px solid #c27f04;}
#src_container-hdr {width:100%; position:relative; margin:0 auto; background:#fff;}
#src_container-hero {width:100%; position:relative; margin:0 auto; background:#f29f05;}
#src_header {width:1020px; height:116px; overflow:hidden; position:relative; margin:0 auto;}
#src_header h1 {margin:0; padding:0; position:absolute; left:36px; top:40px;}
#src_header h2 {margin:0; padding:0; position:absolute; right:58px; top:40px;}
#src_hero {width:1020px; min-height:218px; overflow:hidden; position:relative; background:url(../images/form_prek-hero.png) left center no-repeat; margin:0 auto;}
#src_hero-text {width:540px; position:relative; margin-left:404px; padding:25px 0;}
#src_hero-text1 {margin:0; padding:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color:#555555;}
#src_hero-text2 {margin:0; padding:0; font-family:BrandonText-Medium, sans-serif; font-weight:400; font-size:24px; line-height:28px; color:#fff;}

#src_bv {width:1020px; overflow:auto; position:relative; margin:0 auto;}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	padding:0;
	width:1020px;
	margin:0 auto;
}
#content {background:#fff; padding:5px;}
#callout {width:310px; float:left; margin-left:30px;}
.callout_image { text-align:center}
.callout_disclaimer {font-size:11px; line-height:normal}
#BVSubmissionContainer {margin-right:32px;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
#src_holder {width:100%;}
#src_holder2 {width:100%;}
#src_container-hdr {width:100%;}
#src_container-hero {width:100%;}
#src_header {width:100%; height:160px;}
#src_header h1 {left:0px; top:10px; width:100%; text-align:center; display:block;}
#src_header h2 {left:0px; top:75px; width:100%; text-align:center; display:block;}
#src_header {width:100%;}
#src_hero {width:100%; position:relative; min-height:2px;}
#src_hero-text {width:50%; position:relative; margin-left:0; right:4px; float:right; padding:15px 0;}
#src_hero-text1 {font-size:18px; line-height:22px; padding-bottom:10px;}
#src_hero-text2 {font-size:20px; line-height:24px;}
#src_bv {width:100%;}
#pagewrap {width:100%;}
#content {width:100%;}
#callout {display:none;}

#BVSubmissionContainer {margin-right:0 !important;}

/* for 770px or less */
@media screen and (max-width: 770px) {
#src_hero {background:none;}
#src_hero-text {width:100%; float:none; right:0;}
#src_hero-text1 {padding-left:15px; padding-right:15px;}
#src_hero-text2 {padding-left:15px; padding-right:15px;}
#content {width: auto; float: none;}
#pagewrap {}	
}


/* for 700px or less */
@media screen and (max-width: 700px) {
#pagewrap {}	

}


/* for 560px or less */
@media screen and (max-width: 560px) {
#src_header h2 img {width:300px;}
#src_header h2 {top:95px;}
#pagewrap {}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
#pagewrap {width:360px;}

}