@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}
.masterHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; font-size:16px; overflow-x:hidden; overflow-y:auto; max-width:2400px; display:inline-block;
}
.subTilesHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; max-width:1280px; background-color:#FFFFFF; display:inline-block;
}
.subTiles {
	position:relative; left:0px; top:0px; width:95%; height:auto; background-color:#e3e9f7; max-width:1212px; display:inline-block; overflow: hidden;
}
.subTile {
	position:relative; left:0px; top:0px; width:25%; height:auto; float:left; vertical-align:top; text-align:center;
}
.subTitles3 .subTile {
	width:33%;
}
.subTile img {
	position:relative; left:0px; top:0px; width:100%; height:auto; max-width:250px; max-height:206px; display:inline-block; border:none !important;
}
.subTileText {
	position:relative; left:0px; top:0px; width:95%; height:4.2em; max-width:230px; display:inline-block; font-family: 'MuseoSans-500'; color:#282829; font-size:1em; line-height:1.25em; 
}
.subTileButton {
	position:relative; left:0px; top:0px; width:80%; height:auto; background-color:#e82331; display:inline-block; margin-bottom:30px; text-align:center; font-family: 'MuseoSans-700'; font-size:.875em; color:#FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; letter-spacing:1.1px; max-width:145px; line-height:2em; padding-top:.2em; padding-bottom:.2em;
}

.arrowControls {
	position:absolute; left:0px; top:50%; margin-top:-1.5em; width:3em; height:3em; background-color:#666; cursor:pointer;
}

.leftscroll {
	background-image:url(eximages/rightarrow.png); background-size:100% 100%; -webkit-filter: drop-shadow(4px 4px 0px rgba(0,0,0,0.2)); filter: drop-shadow(4px 4px 0px rgba(0,0,0,0.2));
}

.rightscroll {
	left:100%; margin-left:-3em; background-image:url(eximages/leftarrow.png); background-size:100% 100%; -webkit-filter: drop-shadow(-4px 4px 0px rgba(0,0,0,0.2)); filter: drop-shadow(-4px 4px 0px rgba(0,0,0,0.2));
}

.masterHolder a {
	text-decoration:none !important;
}

.pageHeader {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:left; background-color:#2ba0ff; max-width:1280px; display:inline-block;
}

.pageHeaderLogo {
	position:relative; left:0px; top:0px; width:200px; height:88px; float:left; background-color:#f4f4f4; text-align:center;
}

.pageHeaderLogo img {
	position: relative; left:0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:168px; height:19px; margin-top:auto; margin-bottom:auto; display:inline-block;
}

.pageHeaderTitle {
	position:relative; left:0px; top:0px; width:auto; height:88px; float:left; font-family: 'MuseoSans-100'; color:#FFFFFF; font-size:1.9em; text-indent:28px; line-height:88px; background-color:#2ba0ff;
}

.pageHeaderTitle strong {
	font-family: 'MuseoSans-500'; font-weight:normal;
}

.bannersHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; max-width:1280px; background-color:#FFFFFF; display:inline-block;
}

.banners {
	position:relative; left:0px; top:0px; width:95%; height:auto; background-color:#e3e9f7; max-width:1212px; display:inline-block;
}

.bannerText {
	position:absolute; left:5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:6.5em; height:auto; text-align:left; font-size:100px;
}

.bannerTextHeaderCopy {
	position:relative; left:0px; top:0px; width:auto; height:auto; font-family: 'MuseoSans-300'; font-size:.36em; color:#000; letter-spacing:1.1px;
}

.bannerTextHeaderCopy strong {
	font-weight:normal; font-family: 'MuseoSans-700';
}

.bannerTextHeaderSubcopy {
	position:relative; left:0px; top:0px; width:auto; height:auto; font-family: 'MuseoSans-300'; font-size:.26em; color:#000;
}

.bannerTextHeaderHighlightCopy {
	position:relative; left:0px; top:0px; width:auto; height:auto; font-family: 'MuseoSans-300'; font-size:.22em; color:#000;  padding-top:.7em; padding-bottom:.7em; padding-left:.7em; padding-right:.7em; background-color:#ffcf00; text-align:center;
}

.bannerTextHeaderHighlightCopy strong {
	font-weight:normal; font-family: 'MuseoSans-700';
}

.bannerTextHeaderSubcopySmall {
	position:relative; left:0px; top:0px; width:auto; height:auto; font-family: 'MuseoSans-300'; font-size:.14em; color:#000; margin-top:.5em; letter-spacing:.5px;
}

.bannerTextHeaderSubcopy strong {
	font-weight:normal; font-family: 'MuseoSans-700';
}

.headerButton {
	position:relative; left:0px; top:0px; width:auto; height:auto; background-color:#e82331; display:inline-block; text-align:center; font-family: 'MuseoSans-700'; font-size:.16em; color:#FFF; -moz-border-radius: 15px; -webkit-border-radius: 30px; border-radius: 30px; letter-spacing:1.2px; padding-top:1.4em; padding-bottom:1.4em; padding-left:1.85em; padding-right:1.85em; margin-top:1.5em; margin-bottom:2.3em;
}

.colorLine {
	height:5px; display:inline-block;
}

.bannerSpecialText {
	font-family: 'MuseoSans-700'; font-size:20px; color:#000; letter-spacing:3px; margin-top:28px; margin-bottom:28px;
}

.bannerSpecialText  .seeAll {
	color:#e82134; font-family: 'MuseoSans-500'; font-size:14px; font-style:italic; text-decoration:underline !important; letter-spacing:normal;
}

.bannerSpecialText div {
	display:inline-block; padding-left:10px;  padding-right:10px;
}

.banner2 .banners {
	background-color:#9AF0D5;
}

.banner2 .bannerText {
	left:43%; width:5em;
}

.banner2 .headerButton {
	margin-bottom:0px;
}

.swapImage .smallImage {
	display:none;
}

.banner2 .smallImage {
	max-width:600px; float:right;
}

.banner3 .banners {
	background-color:#FDE87B
}

.subTileAlt {
	background-color:#f1f5fe;
}

.subTilesHolderYellow .subTileAlt {
	background-color:#fff3b4;
}

.subTilesHolderTeachers2 .subTileAlt {
	background-color:#d5faff;
}

.spacerBar {
	position:relative; left:0px; top:0px; width:100%; height:2em;
}

.bottomNav {
	position:relative; left:0px; top:0px; width:100%; height:auto; padding-top:2em; padding-bottom:2em; background-color:#bfe4f5; text-align:center; display:inline-block; max-width:1280px;  line-height:35px;
}

.bottomNavGroup {
	position:relative; left:0px; top:0px; width:auto; height:auto; padding-left:25px; padding-right:25px; display:inline-block; font-family: 'MuseoSans-500'; font-size:12px; color:#404041; text-decoration:none; vertical-align:middle; line-height:16px;
}

.splitter {
	position:relative; left:0px; top:0px; width:auto; height:auto; width:1px; height:5px; overflow:hidden; background-color:#404041; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px; display:inline-block; vertical-align:middle;
}

.bottomNavGroup a {
	color:#404041 !important; text-decoration:none;
}

.bottomNavGroup a:hover {
	text-decoration:underline !important;
}

.teachers2 .banners {
	background-color:#BFF6FF;
}

.teachers2 .bannerText {
	left:50%; width:5em;
}

.subTilesHolderTeachers2 .subTiles {
	background-color:#900
}

.printablesBanner .bannerText {
	width:7.5em;
}


.teacherButtonGroup {
	position:relative; left:0px; top:0px; width:100%; height:auto; max-width:1280px; background-color:#FFFFFF; display:inline-block;
}

.teacherButtons {
	position:relative; left:0px; top:0px; width:95%; height:auto; background-color:#fff3b4; max-width:1212px; display:inline-block; padding-top:33px; padding-bottom:33px;
}

.teacherButtons a {
	position:relative; left:0px; top:0px; width:230px; height:auto; display:inline-block; text-align:center; font-family: 'MuseoSans-700'; font-size:1em; color:#000000; -moz-border-radius: 15px; -webkit-border-radius: 30px; border-radius: 30px; letter-spacing:.5px; padding-top:1.2em; padding-bottom:1.2em; margin:5px; border:solid; border-width:1px; border-color:#000;
}

.teacherButtons a:hover {
	border-color:#E82331; background-color:#E82331; color:#FFF;
}

.gradeButtonGroup {
	position:relative; left:0px; top:0px; width:100%; height:auto; max-width:1280px; background-color:#FFFFFF; display:inline-block;
}

.gradeButtons {
	position:relative; left:0px; top:0px; width:95%; height:auto; background-color:#e3e9f7; max-width:1212px; display:inline-block; padding-top:33px; padding-bottom:33px;
}

.gradeButtonsHolder {
	position:relative; left:0px; top:0px; width:80%; height:auto; display:inline-block;
}

.gradeButtons a {
	position:relative; left:0px; top:0px; width:auto; height:auto; display:inline-block; text-align:center; font-family: 'MuseoSans-700'; font-size:1em; color:#000000; -moz-border-radius: 15px; -webkit-border-radius: 30px; border-radius: 30px; letter-spacing:.5px; padding-top:1.2em; padding-bottom:1.2em; margin:5px; border:solid; border-width:1px; border-color:#000; padding-left:20px; padding-right:20px;
}

.gradeButtons a:hover {
	border-color:#E82331; background-color:#E82331; color:#FFF;
}

.dualHeader {
	position:relative; left:0px; top:0px; width:95%; height:auto; background-color:#9eeed4; max-width:1212px; display:inline-block; overflow: hidden;
}

.dualBanner {
	position:relative; left:0px; top:0px; width:46%; height:auto; background-color:#c2f8e6; display:inline-block; margin-left:1%; margin-right:1%; margin-top:33px; margin-bottom:33px; text-align:center; vertical-align:top;
}

.dualBanner .bannerText {
	padding-top:.35em; padding-bottom:.2em; width:90%; position:relative; left:0px; top:0px; -webkit-transform: none; transform: none; height:auto; text-align:left; display:inline-block;
}

.dualBanner .bannerTextHeaderCopy {
	font-size:.32em; letter-spacing:0px;
}

.dualBanner .headerButton {
	margin-bottom:.5em;
}

/*new elements*/

.sliderTab {
	position:relative; left:0px; top:0px; width:11em; height:auto; font-family: 'MuseoSans-900'; font-size:.2em; color:#000; background-color:#6AEAEA; text-align:center; letter-spacing:.15em; padding-top:.6em; padding-bottom:.4em; margin-left:-3.8em; margin-bottom:1.5em;
}

.bannerLeftTab .banners {
	background-color:#DAFFFF;
}

.badgeIcon {
	position:absolute; left:57.7%; top:21%; width:10.7%; height:auto; max-width:132px;
}

.subTilesHolderOffers1 .subTiles .subTileText {
	 font-family: 'MuseoSans-700'; font-size:1.4em;
}

.bannerTextTop {
	position:absolute; left:5%; top:0px; -webkit-transform: none; transform: none; width:6.5em; height:auto; text-align:left; font-size:100px; margin-top:.2em;
}

.dualBannerTop {
	position:relative; left:0px; top:0px; width:50%; height:auto; background-color:#c2f8e6; display:inline-block; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; text-align:center; vertical-align:top; float:left;
}

.dualBannerTop .bannerText {
	left:5%; top:0px; -webkit-transform: none; transform: none;
}

.tabOffersHide {
	margin-top:-10%;
}

.offerSubType {
	position:absolute; left:0px; top:155%; width:50%; font-family: 'MuseoSans-500'; font-size:.13em; color:#000; font-style:italic; text-align:left;
}

.tabOffersShow {
	display:none;
}

.breakShow {
	display:none;
}

.theTruck {
	vertical-align:middle;
}
.readingClubLogo {
	width:45%; height:auto; max-width:259px; margin-bottom:.1em; min-width:250px;
}

@media only screen and (max-width:1200px) {
	.printablesBanner .bannerText {
		width:7em;
	}
}

@media only screen and (max-width:1100px) {
	.bannerText {
		font-size:92px;
	}
}

@media only screen and (max-width:1050px) {
	.bannerText {
		font-size:87px;
	}
}

@media only screen and (max-width:1000px) {
	.bannerText {
		font-size:83px;
	}
	.masterHolder {
		font-size:15px;
	}
	.headerButton {
		margin-top:1em; margin-bottom:1.9em;
	}
	
}

@media only screen and (max-width:950px) {
	.bannerText {
		font-size:79px;
	}
}

@media only screen and (max-width:900px) {
	.bannerText {
		font-size:75px;
	}
}

@media only screen and (max-width:850px) {
	.bannerText {
		font-size:70px;
	}
}

@media only screen and (max-width:800px) {
	.bannerText {
		font-size:66px;
	}
}

@media only screen and (max-width:750px) {
	.bannerText {
		font-size:62px;
	}
	.headerButton {
		margin-top:.5em; margin-bottom:.9em;
	}
}

@media only screen and (max-width:700px) {
	.bannerText {
		font-size:58px;
	}
	
}

@media only screen and (max-width:650px) {
	.bannerText {
		font-size:54px;
	}
	.hideimage img {
		display:none;
	}
	.bannerText {
		position:relative; left:0px !important; top:0px; -webkit-transform:none; transform:none; display:inline-block; width:90% !important; text-align:center; max-width:480px; margin-top:34px; margin-bottom:34px; 
	}
	.bannerTextHeaderCopy {
		font-size:24px;
	}
	.bannerText {
		font-size:75px;
	}
	.bannerTextHeaderSubcopy {
		font-size:16px;
	}
	.swapImage .smallImage {
		display:inline-block;
	}
	.swapImage .bigImage {
		display:none;
	}
	.spacerBarHide {
		display:none;
	}
	.splitterHide {
		display:none;
	}
	.headerButton {
		font-size:14px;
	}
	.subTileButton {
		font-size:14px;
	}
	.breakHide {
		display:none;
	}
	.breakShow {
		display:inline-block;
	}
	.headerButton {
		margin-top:1.5em; margin-bottom:2.3em;
	}
	.dualBanner {
		width:90%; margin-top:0px; margin-top:0px;
	}
	.dualBannerTop {
		width:100%; margin-top:0px; margin-top:0px;
	}
	.dualBanner .bannerText {
		text-align:center; margin-top:0px;
	}
	.dualHeader {
		padding-top:33px;
	}
	.dualHeaderWide {
		padding-top:0px;
	}
	.bottomNavGroup {
		padding-left:10px; padding-right:10px;
	}
	.sliderTab {
		margin-left:0px;
	}
	.badgeIcon {
		display:block !important; left:66%; top:59%; width:83px; min-width:83px;
	}
	.tabOffersShow {
		display:inline-block;
	}
	.tabOffersHide {
		display:none;
	}
	.offerSubType {
		top:97%; font-size:16px; width:85%;
	}
	.theTruck {
		width:65px;
	}
	.imageLimiter {
		position:relative; left:0px; top:0px; width:100%; height:246px; overflow:hidden;
	}
	.imageLimiter img {
		position:absolute; width:1000px; right:0px !important; left:auto !important;
	}
}

@media only screen and (max-width:800px) {
	.masterHolder {
		font-size:14px;
	}
	.subTile {
		width:50%;
	}
	.subTitles3 .subTile {
	width:100%;
}
	.arrowControls {
		font-size:15px;
	}
}

@media only screen and (max-width:400px) {
	.gradeButtonsHolder {
		width:85%; text-align:left;
	}
}


@media only screen and (max-width:600px) {
	.arrowControls {
		font-size:14px;
	}
	.masterHolder {
		font-size:15px;
	}
	.subTile {
		width:100%;
	}
	.subTiles {
		width:100%;
	}
	.pageHeaderLogo {
		width:100%; text-align:center; height:60px;
	}
	.pageHeaderTitle {
		width:100%; text-align:center; text-indent:inherit; font-size:16px; line-height:62px; height:62px;
	}
	.banners {
		width:100%;
	}
	.banner1 {
		margin-top:0px;
	}
	.teacherButtons {
		width:100%;
	}
	.gradeButtons {
		width:100%;
	}
	.dualHeader {
		width:100%;
	}
}