@charset "UTF-8";

/* This tells all browsers to forget about their settings and use ours */
* {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}

/*:focus {outline: none;}/*Removes Focus highlight in browsers. See Firefox dotted ouline problem. Decided to apply just to Accordion class - CM*/

body {
background-color:#e5eaf3;

}

body#noLayout {
background-color:#FFFFFF;
background-image:none;
text-align:center; /* because ie doesn't always calculate the auto margins correctly (line 32) */
padding-top:10px;
}

body#noLayout p{
padding-top:8px;
}

div#wrap {
	width:100%;
	background-image:url(/images/layout/backGround.gif);
background-position:top;
background-repeat:repeat-x;
}

div#main {
position:relative;
margin:0 auto;
width:740px;
}

div#branding {
width:740px;
height:128px;
background-image:url(/images/layout/brandingBG.jpg);
background-repeat:no-repeat;
position:relative;
}

div#branding div#brandTopBG {
position:absolute;
width:555px;
height:71px;
/*background-image:url(/images/layout/navTopBG.jpg);*/
background-repeat:no-repeat;
top:0px;
left:179px;
}

div#branding div#brandTopBG div#siteDown {
position:relative;
width:387px;
top:3px;
left:3px;

}

div#branding p a#logo{/*creates a clickable area for the logo "home" button*/
width:157px;
height:65px;
position:absolute;
top:8px;
left:14px;
display:block;
text-indent:-9999px;
overflow:hidden; /*hides text box from browsers when clicked*/
}

div#branding form{/*positioning of the search form in the header*/
position:absolute;
right:14px;
top:20px;
background-image:url(/images/layout/searchInput.png);/*Sets background for search input. Fixes background positioning problems when placed in input itself*/
background-position:left;
background-repeat:no-repeat;
}

div#branding fieldset#searchSet{/*fieldset used to contain and position text input*/
float:left;
width:120px;
height:18px;
margin-top:5px;
margin-right:4px;
border:#fff solid 0px;
}

div#branding input.searchInput{/*Styling for search box*/
width:120px;
height:18px;
text-indent:4px;/*indents text in from left side*/
font-size:12px;/*sets font size in search box*/
padding-top:2px;/*adjusts text down for better positioning in IE, FF, and Safari 3*/
background: transparent;/*makes input transparent rather than being a visible box*/
border:#fff solid 0px;
}

div#branding fieldset#submitSet{/*fieldset used to contain and position submit input*/
float:left;
width:30px;
height:30px;
border:#fff solid 0px;
}

div#branding button.searchSubmit, div#listContainer button.searchSubmit{/*Styling for search box*/
width:30px;
height:30px;
background: transparent;
background-image: url(/images/layout/submitBTN.gif);/*loads gif for i.e. 6 & lower*/
background-repeat: no-repeat;
background-position:0px 0px;
border:#fff solid 0px;
cursor:pointer;/*changes cursor to finger*/
}

html>body div#branding button.searchSubmit{/*Loads transparent PNG for all other browsers since ie 6 doesn't understand parent child selector > */
background-image: url(/images/layout/submitBTN.png);
}

div#branding button.searchSubmit:hover{/*Styling for search box*/
background-position:0px -30px;
}

div#nav{
position:absolute;
top:78px;
left:5px;
height:33px;
width:730px;
z-index:1;/*Needed to prevent navigation from flowing behind page elements*/
}

div#content {
padding-bottom:3px;
}

div#content *{
font-family:Arial, Helvetica, sans-serif;
}

div#content h1, div#listContainer h1{
font-size:20px;
font-weight:bold;
margin-bottom:4px;
color:#4a5363;
}

div#content h2, div#listContainer h2{
font-size:16px;
font-weight:bold;
}

div#content h3, div#listContainer h3{
font-size:14px;
}

div#content p, div#listContainer p{
font-size:12px;
line-height:15px;
margin-bottom:6px;
}

div#content p a, div#listContainer p a, h3 a {
color:#000;
}

div#content li{
font-size:12px;
}

div#content a img{
border:none;
}

div#content .highlight, div#content .highlight a{
color:#ff7b18;
font-weight:bold;
}

div#content .headline, div#content .headline a{
color:#4a5363;
font-weight:bold;
}

div#content .standard_red {
color:#CC0000;
}

div#content .red_bold {
color:#CC0000;
font-weight:bold;
}

div#content .red, div#feed div#feedContent .red {
color:#CC0000;
}

div#content .green_bold {
color:#339933;
font-weight: bold;
}

div#content .small_grey, div#content .small_grey a{
font-size:11px;
font-weight:normal;
line-height:13px;
color:#666666;
}

div#content .small{
font-size:11px;
font-weight:normal;
line-height:13px;
color:#000;
}

div#content h2.new, div#content h2 span.new, div#content h1 span.new, div#content h3 span.new {
font-size:12px;
color:#FFFFFF;
padding:5px;
background-image:url(/images/layout/New.png);
background-position:center;
background-repeat:no-repeat;
}

div#content h2 span.new, div#content h1 span.new {
	padding:6px;
}

div#content h3 span.new {
	padding:8px;
}



div#content h2 a.learnmore{
width:102px;
height:28px;
color:#FFFFFF;
margin:10px auto;
line-height:28px;
background-image:url(/images/layout/LearnMore.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
display:block;
}

div#content h2 a.learnmore:hover{
background-position:center bottom;
}

div#content h2 a.requestmore, h2 a.orderButton{
width:154px;
height:28px;
color:#FFFFFF;
margin:10px auto;
line-height:28px;
background-image:url(/images/layout/RequestMore.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
display:block;
}

div#content h2 a.orderButton{
background-image:url(/order/images/orderButton.png);
width:180px;
}


div#content h2 a.requestmore:hover, h2 a.orderButton:hover{
background-position:center bottom;
}

div#content h3 a.learnmore{
width:90px;
height:24px;
color:#4a5363;
margin:-3px 0px 0px auto;
line-height:24px;
background-image:url(/images/layout/LearnMoreSmall.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
display:inline-block;
}

div#content h3 a.learnmore:hover{
color:#FFFFFF;
background-position:center bottom;
}

div#content h3 a.orderButton{
width:55px;
height:24px;
color:#4a5363;
margin:-3px 5px 0px 0px;
line-height:24px;
background-image:url(/images/layout/orderSmall.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
display:inline-block;
}

div#content h3 a.orderButton:hover{
color:#FFFFFF;
background-position:center bottom;
}

div#content .addBotMargin{
margin-bottom:4px;
}

div#content .pBotMargin{
margin-bottom:12px;
}

div#content .pBotMargin24{
margin-bottom:24px;
}

div#content .addBotPadding{
padding-bottom:12px;
} 

div#content .negTopMargin{
margin-top:-20px;
}

div#content .padLeft{
padding-left:4px;
}

div#content .floatLeft{
float:left;
}

div#content .halfwidth {
	width:49%;
}

div#content .floatRight{
float:right;
}

div#content img.floatRight{
margin-left:6px;
}

div#content .noRightPad{
padding-right:0px;
}

div#content .centerText{
text-align:center;
}

div#content .textRight, .textRight{
text-align:right;
}

div#content .textLeft{
text-align:left;
}

div#content .center{
position:relative;
margin:0 auto;
}

div#content img.imgCenter{
margin:0 auto;
padding:0;
}

div#content img.recycle {
	vertical-align:middle;
}

.hidden {
	display:none;
	visibility:hidden;
}


/*HOME PAGE RELEVANT CODE BEGINS HERE*/
/*HOME PAGE RELEVANT CODE BEGINS HERE*/
/*HOME PAGE RELEVANT CODE BEGINS HERE*/

div#homeLeft{
position:relative;
float:left;
width:550px;
height:493px;
background-image:url(/images/layout/homeLeftBG.gif);
background-repeat:no-repeat;
}

div#homeLeft p {
line-height:1.25em;
}

div#homeLeft div#prodDetail_A{
position:absolute;
width:540px;
height:319px;
background-image:url(/images/layout/prodDetail_A.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
/* visibility:hidden;is set to hidden so fade effect will function to show a 0 to 100 fade when the onClick event fires for the a inside the Tab li. */
}

div#homeLeft div#prodDetail_A div{
position:absolute;
top:70px;
left:10px;
width:180px;
}



div#homeLeft div#prodDetail_B{
position:absolute;
width:540px;
height:319px;
background-image:url(/images/layout/prodDetail_B.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
visibility:hidden;/* is set to hidden so fade effect will function to show a 0 to 100 fade when the onClick event fires for the a inside the Tab li. */
}

div#homeLeft div#prodDetail_B div{
position:absolute;
top:70px;
left:10px;
width:180px;
}

div#homeLeft div#prodDetail_C{
position:absolute;
width:540px;
height:319px;
background-image:url(/images/layout/prodDetail_C.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
visibility:hidden;/* is set to hidden so fade effect will function to show a 0 to 100 fade when the onClick event fires for the a inside the Tab li. */
}

div#homeLeft div#prodDetail_C div{
position:absolute;
top:80px;
left:350px;
width:180px;
}

div#homeLeft div#tab1{
position:absolute;
width:540px;
height:319px;
background-image:url(/images/layout/prodDetail_A.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
/* visibility:hidden;is set to hidden so fade effect will function to show a 0 to 100 fade when the onClick event fires for the a inside the Tab li. */
}

div#homeLeft div#tab1 p.kJournal {
position:absolute;
top:144px;
left:206px;
height:102px;
width:102px;
text-indent:-9999px;
overflow:hidden;
}

div#homeLeft div#tab1 p.kJournal a {
height:102px;
width:102px;
display:block;
background:url(/images/layout/NewKJournalBTN.jpg) top left no-repeat;
}

div#homeLeft div#tab1 p.kJournal a:hover {
background-position:bottom left;
}

div#homeLeft div#tab1 div{
position:absolute;
top:60px;
left:10px;
width:190px;
}


div#homeLeft div#tab2{
position:absolute;
width:540px;
height:319px;
background-image:url(/images/layout/prodDetail_B.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
/* visibility:hidden;is set to hidden so fade effect will function to show a 0 to 100 fade when the onClick event fires for the a inside the Tab li. */
}

div#homeLeft div#tab2 div{
position:absolute;
top:70px;
left:10px;
width:180px;
}

div#homeLeft div#tab3{
position:absolute;
width:540px;
height:319px;
background-image:url(/images/layout/prodDetail_C.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
/*visibility:hidden; is set to hidden so fade effect will function to show a 0 to 100 fade when the onClick event fires for the a inside the Tab li. */
}

div#homeLeft div#tab3 p.earn {
position:absolute;
top:41px;
left:221px;
height:102px;
width:102px;
text-indent:-9999px;
overflow:hidden;
}

div#homeLeft div#tab3 p.earn a {
height:102px;
width:102px;
display:block;
background:url(/images/layout/FundEarn.jpg) top left no-repeat;
}

div#homeLeft div#tab3 p.earn a:hover {
background-position:bottom left;
}

div#homeLeft div#tab3 div{
position:absolute;
top:80px;
left:350px;
width:180px;
}

div#homeLeft h2 a{
text-decoration:none; /*Fixes text underlining problem on tab titles in safari*/
}

div#homeLeft li a{/*Stuctured with Div and other elements inside the A tag so that entire div is active as a roll over and link*/
position:absolute;
width:180px;
height:166px;
text-align:center;
text-decoration:none;
cursor:pointer;
}


div#homeLeft div#tab1 h2, div#homeLeft div#tab1 h2 a {
	margin-top:0px;
}

.TabbedPanelsTab a div h2{
position:absolute;
width:180px;
height:23px;
padding-top:5px;
top:0px;
left:0px;
color:#4a5363;
background-image:url(/images/layout/prodTitleTabs.png);
background-position:0px 0px;
background-repeat:no-repeat;
text-align:center;
}

.TabbedPanelsTabHover a div h2{
color:#FFFFFF;
background-position:0px -28px;
}

.TabbedPanelsTabSelected a div h2{
color:#FFFFFF;
background-position:0px -56px;
}

div#homeLeft li a.pCurrent div h2{
color:#FFFFFF;
background-position:0px -56px;
}


div#homeLeft li a img{
position:absolute;
top:28px;
left:5px;
border:none;
}

/*Positioning of each product selection div*/
div#homeLeft li a#prod_A{
top:0px;
left:0px;
}

div#homeLeft li a#prod_B{
top:0px;
left:180px;
}

div#homeLeft li a#prod_C{
top:0px;
left:360px;
}

.TabbedPanelsTab div h2{
position:absolute;
width:180px;
height:23px;
padding-top:5px;
top:0px;
left:0px;
color:#4a5363;
background-image:url(/images/layout/prodTitleTabs.png);
background-position:0px 0px;
background-repeat:no-repeat;
text-align:center;
}

.TabbedPanelsTabHover div h2{
color:#FFFFFF;
background-position:0px -28px;
}

.TabbedPanelsTabSelected div h2{
color:#FFFFFF;
background-position:0px -56px;
}

div#homeLeft li.pCurrent div h2{
color:#FFFFFF;
background-position:0px -56px;
}

div#homeLeft li img{
position:absolute;
top:28px;
left:5px;
border:none;
}

/*Positioning of each product selection div*/
div#homeLeft li#prod_A{
top:0px;
left:0px;
}

div#homeLeft li#prod_B{
top:0px;
left:180px;
}

div#homeLeft li#prod_C{
top:0px;
left:360px;
}


div#homeRight{
position:relative;
float:right;
width:190px;
height:493px;
background-image:url(/images/layout/homeRightBG.gif);
background-repeat:no-repeat;
}


div#homeRight h2#coverOpt{
color:#FFFFFF;
margin:8px 0px 0px 12px;
}

#rotator {
position:absolute;
top:33px;
left:9px;
height:168px;
width:172px;
text-align:center;
}

#rotator .rotatorContentGroup {
	margin: 0px auto;
	padding: 0px;
	position:relative;
	width:172px;
	height:168px;
	overflow:hidden;
}

#rotator .rotatorPanelsContent {
	text-align:center;
	margin:0px;
	position:relative;
}

#rotator .rotatorPanelsContent h3 {
	color:#4a5363;
}

#rotator .rotatorPanelsContent a {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	text-align:center;
	line-height:142px;
	width:172px;
	height:142px;
	text-decoration:none;
	color:transparent;
	text-indent:-9999px;
	font-weight:bold;
	font-size:16px;
	background-image:url(/images/layout/rotatorLearnMore.png);
	background-position:-9999px center;
	background-repeat:no-repeat;
	}

#rotator .rotatorPanelsContent a:hover {
	text-indent:0px;
	background-position:center center;
	color:#fff;
}

#rotator .rotatorPanelsContent img {
	margin-bottom:3px;
}


#next {
position: absolute; 
bottom:0; 
right:4px; 
height:20px;
width:20px;
text-indent:-9999px;
overflow:hidden;
}

#prev { 
position: absolute;
bottom:0;
left:4px; 
height:20px;
width:20px;
text-indent:-9999px;
overflow:hidden;
}

#prev a, #next a {
height:100%;
display:block;
background:transparent url(/images/layout/rotatorPrevNext.png) 0 0 no-repeat;
text-decoration:none;
}

#prev a {
	background-position: -20px 0px;
}

#prev a:hover {
background-position: -20px -20px;
}

#next a:hover {
	background-position:0px -20px;
}


div#homeRight div#accord_pane{
position:absolute;
top:211px;
left:12px;
height:272px;
width:166px;
}

div.panelPad{
padding:3px 7px 7px 7px;
}

div.panelPad img{
float:right;
}

div#quickLinks{
margin:-3px;
}

div#quickLinks p, div#quickLinks p a{
text-decoration:none;
color:#333333;
padding:1px 0px;
margin:0px;
line-height:13px;
display:block;
text-indent:3px; 
}

div#quickLinks p a:hover{/*Creates roll-over effect for Quick Links*/
background-color:#ff7b18;
color:#FFFFFF;
}

.clear { /* standard practice to have a class or id to automatically clear floats */
clear:both;
}

div#smp {
	position:relative;
	top:0px;
	left:0px;
	display:block;
	height:159px;
	width:740px;
	background-image:url(/images/SMpublishingBanner.jpg);
}

#smp h2 {
	position:absolute;
	text-indent:-9999px;
}

#smp p {
position:absolute;
top:54px;
left:24px;
width:400px;
}

div#smp a{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:90px;
	left:22px;
	height:60px;
	width:370px;
	background-image:url(/images/VisitSMP.jpg);
	background-position:top left;	
}

div#smp a:hover{
	background-position:bottom left;	
}

/*ONE COLLUMN BG LAYOUT BEGINS HERE*/
/*ONE COLLUMN BG LAYOUT BEGINS HERE*/
/*ONE COLLUMN BG LAYOUT BEGINS HERE*/

div#wideCell_cap {
height:7px;
width:740px;
}

div#wideCell {
background-image:url(/images/layout/wideCellBG.png);
background-repeat:repeat-y;
width:740px;
height:auto;
}

div.wideCellPad{
padding:5px 15px;
}

div#wideCell_cap {
height:7px;
width:740px;
background-image:url(/images/layout/wideCellCap.png);
background-repeat:no-repeat;
}

div#wideCell_foot {
height:7px;
width:740px;
}

/*SINGLE CONTAINER STYLING BEGINS HERE*/
/*SINGLE CONTAINER STYLING BEGINS HERE*/
/*SINGLE CONTAINER STYLING BEGINS HERE*/
div#singleContainer {
padding:5px 15px;
width:710px;
height:auto;
}

div#singleContainer h2, div#singleContainer h2 a{
color:#4a5363;
}

div#singleContainer ul{
margin-left:18px;
margin-bottom:12px;
list-style-position:outside;
}

div#singleContainer ol{
margin-left:12px;
list-style-position:inside;
}

div#singleContainer li{
margin-top:6px;
/*list-style:inside;*/
}

div#singleContainer li a{
color:#000000;
}


/*SINGLE WIDE ACCORDIAN STYLING (Planners.asp) BEGINS HERE*/
/*SINGLE WIDE ACCORDIAN STYLING (Planners.asp) BEGINS HERE*/
/*SINGLE WIDE ACCORDIAN STYLING (Planners.asp) BEGINS HERE*/


div#singleAccordContainer{
padding:2px 10px 0px 10px;
width:720px;
}

div#singleAccordContainer h3{
padding-bottom:12px;
}

div.singlePanelPad{
padding:3px 7px 7px 7px;
}

/*TEACHER RESOURCES PAGE STYLING BEGINS HERE*/
/*TEACHER RESOURCES PAGE STYLING BEGINS HERE*/
/*TEACHER RESOURCES PAGE STYLING BEGINS HERE*/

div.teachResources div div{
float:left;
text-align:center;
width:236px;
margin-bottom:10px;
}

div.teachResources div div p, div#content div.teachResources div div p a{
color:#ff7b18;
font-weight:bold;
}

div.teachResources h2, div.download h2{
padding:0px 0px 8px 0px;
}

/*DOWNLOAD CENTER PAGE STYLING BEGINS HERE*/
/*DOWNLOAD CENTER PAGE STYLING BEGINS HERE*/
/*DOWNLOAD CENTER PAGE STYLING BEGINS HERE*/

div#content div.download h3{
margin:0px;
padding:0px;
}

div#content div.download p a{
font-size:14px;
font-weight:bold;
color:#333333;
background-image:url(/images/layout/downloadBTN.png);
background-position:center top;
background-repeat:no-repeat;
padding:3px 9px 3px 9px;
text-align:center;
text-decoration:none;
}

div#content div.download p a:hover{
background-position:center bottom;
color:#FFFFFF;
}

div#content div.download p{
margin-bottom:12px;
padding:0px;
}

div#content div.download h3 a.lastDownload{
margin-bottom:0px;
}

div.download h1{
padding-bottom:8px;
}

div#content div.download p.small_grey{
float:none;
margin-bottom:0px;
}

div.download img{
float:left;
}

/*PLANNERS PAGE STYLING FOR ACCORDION BEGINS HERE*/
/*PLANNERS PAGE STYLING FOR ACCORDION BEGINS HERE*/
/*PLANNERS PAGE STYLING FOR ACCORDION BEGINS HERE*/

div#planQuality, div#foldQuality {
background-position:0px 0px;
background-repeat:no-repeat;
height:410px;
}

div#planQuality, div#foldQuality {
background-image:url(/images/layout/PlannerExplode.jpg);
}

div#foldQuality {
background-image:url(/folders/images/FolderExplode.gif);
}

div.planSelect {
float:right;
width:auto;
padding:0px 10px 0px 0px;
margin:0;
}

#content div.planSelect h2{
color:#4a5363;
}


#content div.allfive {
	height:500px;
}

#content div.allfive div.planSelect h2{
color:#4a5363;
font-size:14px;
margin:6px 0;
}

div.planSelect p{
margin-top:-2px;
padding-bottom:7px;
}

div.planSelect a img{
border:none;
margin:0;
}

#content div.planText {
position:relative;
float:left;
width:225px;
left:10px;
top:10px;
}

#content div.planText p {
margin-bottom:16px;
}

div.planPanel_TwoWide div.pRight{
width:160px;
float:right;
}

div.planPanel_TwoWide div.pDivider{
float:right;
width:5px;
height:340px;
padding-right:16px;
background-image:url(/images/layout/dividerShadowPlanners.png);
background-position:center;
background-repeat:no-repeat;
}

div.planPanel_left{
float:left;
width:346px;
}

div.planPanel_divider{
float:left;
width:12px;
height:340px;
background-image:url(/images/layout/dividerShadowPlanners.png);
background-position:center;
background-repeat:no-repeat;
}

div.planPanel_right{
float:right;
width:346px;
}

div.planParts{
margin-left:5px;
}

div.planParts a img {
border:none;
}

div.planParts ul{
list-style:none;
}

div.planParts ul li{
display:inline;
}

div.planParts ul li a{
float:left;
width:102px;
height:115px;
padding-right:15px;
padding-bottom:15px;
text-indent:-9999px;
overflow:hidden;
}

div.planParts ul li a#planValueCover{
background-image:url(/images/layout/planPartsValueCover.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planValueCover:hover{
background-position:-117px 0px;
}

div.planParts ul li a#planPagesNon{
background-image:url(/images/layout/planPartsPages.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planPagesNon:hover{
background-position:-117px 0px;
}

div.planParts ul li a#planBackNon {
background-image:url(/images/layout/planPartsBackNEW.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planBackNEW {
background-image:url(/images/layout/planPartsBackNEW.png);
background-position:0px 0px;
background-repeat:no-repeat;
}


div.planParts ul li a#planBackNon:hover, div.planParts ul li a#planBackNEW:hover {
background-position:-117px 0px;
}

div.planParts ul li a#planCovers{
background-image:url(/images/layout/planPartsCovers.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planCovers:hover{
background-position:-117px 0px;
}

div.planParts ul li a#planPages{
background-image:url(/images/layout/planPartsPages.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planPages:hover{
background-position:-117px 0px;
}

div.planParts ul li a#planTeach{
background-image:url(/images/layout/planPartsTeach.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planOpt:hover{
background-position:-117px 0px;
}

div.planParts ul li a#planOpt{
background-image:url(/images/layout/planPartsOptions.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planTeach:hover{
background-position:-117px 0px;
}

div.planParts ul li a#planHand{
background-image:url(/images/layout/planPartsHandbook.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div.planParts ul li a#planHand:hover{
background-position:-117px 0px;
}

div.planParts ul li a.part_right{
padding-right:0px;
}

div.planParts ul li a.part_bot{
padding-bottom:0px;
}

#plannerTips {
position:relative;
margin-bottom:30px;

}

#plannerSpread .toolTip { /* This styles the gray box around the pic. */
color:#FFFFFF;
background-color:#5b6676;
padding:10px;
border:#49525f 1px solid;
margin:0;
visibility:hidden;
z-index:9999;
}

#plannerSpread .toolTip p { /* This styles the text in the gray box */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
margin:0;
padding:0;
}

div#plannerSpread .toolTip img{
position:relative;
margin-bottom:6px;
}

#plannerSpread {
position:absolute;/*  <-----------------------------------------------------------------  */
width:100%;
height:335px;
top:0;
left:0;
margin-bottom:10px;
overflow:visible;
/* z-index:1100; */
}

/*#plannerSpread img {
position:absolute;
}*/


#plannerSpread ul{
list-style:none;
}

#plannerSpread li{
position:absolute;
height:15px;
width:15px;
background-image:url(/student_planners/planner/images/toolTipBTN.gif);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}

html>body #plannerSpread li{
background-image:url(/student_planners/planner/images/toolTipBTN.png);
}


.triggerImage{
position:relative;
bottom:-.25em;
}

#plannerSpread li:hover{
background-position:0 -15px;
}


.small{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
margin-bottom:0px;
color:#333333;
}

.indent {
text-indent:1em;
}

ul.indent {
	list-style:outside none;
	margin-top:6px;
}

ul.indent li {
	text-indent:0px;
	margin-left:6px;
}

/* ----------------------------- KINDERGARTEN SCHOOL ------------------------------------ */

#plannerSpread li#kgLetterTrigger{
	top:276px;
	left:0px;
}

#plannerSpread li#kgSightWordsTrigger{
	top:80px;
	left:153px;
}

#plannerSpread li#kgCommentsTrigger{
	top:47px;
	left:514px;
}

#plannerSpread li#kgAtHomeTrigger{
	top:290px;
	left:514px;
}

#plannerSpread li#kgJournalTrigger{
	top:300px;
	left:328px;
}

#plannerSpread li#kgLetter2Trigger{
	top:47px;
	left:278px;
}

#plannerSpread li#kgAlphabetTrigger{
	top:30px;
	left:0px;
}

#plannerSpread li#kgWritingTrigger{
	top:80px;
	left:0px;
}

#plannerSpread li:hover html a {
background-color:#cc3333;
}

#kgCommentsTip {
width:227px;
}

#kgSightWordsTip {
width:227px;
}

#kgLetterTip {
width:440px;
}

#kgAtHomeTip {
width:300px;
}

#kgJournalTip {
width:300px;
}

#kgLetter2Tip {
width:300px;
}

#kgAlphabetTip {
width:440px;
}

#kgWritingTip {
width:227px;
}

#plannerSpread li:hover html a {
background-color:#cc3333;
}

/* ----------------------------- END KINDERGARTEN ------------------------------------ */
/* ----------------------------- PRIMARY SCHOOL ------------------------------------ */

#plannerSpread li#prSpellingTrigger{
	top:-1px;
	left:470px;
}

#plannerSpread li#prGoalsTrigger{
	top:-1px;
	left:300px;
}

#plannerSpread li#prCommentsTrigger{
	top:162px;
	left:300px;
}

#plannerSpread li#prActivitiesTrigger{
	top:225px;
	left:510px;
}

#plannerSpread li#prArtTrigger{
	top:225px;
	left:383px;
}

#plannerSpread li#prWordPlayTrigger{
	top:328px;
	left:337px;
}

#plannerSpread li#prBookTrigger{
	top:30px;
	left:0px;
}

#plannerSpread li#prWritingTrigger{
	top:80px;
	left:0px;
}

#plannerSpread li:hover html a {
background-color:#cc3333;
}

#prCommentsTip {
width:227px;
}

#prGoalsTip {
width:227px;
}

#prSpellingTip {
width:440px;
}

#prActivitiesTip {
width:175px;
}

#prArtTip {
width:175px;
}

#prWordPlayTip {
width:440px;
}

#prBookTip {
width:440px;
}

#plannerSpread li:hover html a {
background-color:#cc3333;
}

/* ----------------------------- END PRIMARY SCHOOL ------------------------------------ */
/* ----------------------------- ELEMENTARY SCHOOL ------------------------------------ */

#plannerSpread li#elSpellingTrigger{
	top:110px;
	left:510px;
}

#plannerSpread li#elSubjectsTrigger{
	top:150px;
	left:0px;
}

#plannerSpread li#elWeekTrigger{
	top:0px;
	left:127px;
}

#plannerSpread li#elWordTrigger{
	top:330px;
	left:150px;
}

#plannerSpread li#elCommentsTrigger{
	top:290px;
	left:125px;
}

#plannerSpread li#elCheckTrigger{
	top:20px;
	left:340px;
}

#plannerSpread li#elActivitiesTrigger{
	top:260px;
	left:510px;
}

#plannerSpread li#elReadTrigger{
	top:330px;
	left:50px;
}

#plannerSpread li#elGoalsTrigger{
	top:68px;
	left:510px;
}

#plannerSpread li#elEventsTrigger{
	top:275px;
	left:345px;
}


#elSpellingTip {
width:225px;
}

#elSubjectsTip {
width:50px;
}

#elWeekTip {
width:500px;
}

#elWordTip {
width:271px;
}

#elCommentsTip {
width:440px;
}

#elCheckTip {
width:225px;
}

#elActivitiesTip {
width:225px;
}

#elReadTip {
width:400px;
}

#elGoalsTip {
width:225px;
}

#elEventsTip {
width:225px;
}

/* ----------------------------- END ELEMENTARY SCHOOL ------------------------------------ */
/* ----------------------------- MIDDLE SCHOOL ------------------------------------ */

#plannerSpread li#msSubjectsTrigger{
	top:30px;
	left:0px;
}

#plannerSpread li#msWeekTrigger{
	top:172px;
	left:0px;
}

#plannerSpread li#msCommentsTrigger{
	top:25px;
	left:510px;
}

#plannerSpread li#msOptionalTrigger{
	top:282px;
	left:0px;
}

#plannerSpread li#msWordTrigger{
	top:0px;
	left:291px;
}

#plannerSpread li#msGoalsTrigger{
	top:0px;
	left:137px;
}

#plannerSpread li#msCheckTrigger{
	top:35px;
	left:115px;
}

#plannerSpread li#msActivitiesTrigger{
	top:330px;
	left:360px;
}

#plannerSpread li#msReadTrigger{
	top:-3px;
	left:368px;
}

#plannerSpread li#msTipsTrigger{
	top:330px;
	left:291px;
}

#msSubjectsTip {
width:500px;
}

#msWeekTip {
width:119px;
}

#msCommentsTip {
width:200px;
}

#msOptionalTip {
width:250px;
}

#msWordTip {
width:245px;
}

#msGoalsTip {
width:245px;
}

#msCheckTip {
width:225px;
}

#msActivitiesTip {
width:375px;
}

#msReadTip {
width:400px;
}

#msTipsTip {
width:500px;
}

/* ----------------------------- END MIDDLE SCHOOL ------------------------------------ */
/* ----------------------------- HIGH SCHOOL SCHOOL ------------------------------------ */

#plannerSpread li#hsWritingTrigger{
	top:250px;
	left:42px;
}

#plannerSpread li#hsAfterSchoolTrigger{
	top:65px;
	left:215px;
}

#plannerSpread li#hsGoalsTrigger{
	top:20px;
	left:160px;
}

#plannerSpread li#hsHallPassTrigger{
	top:330px;
	left:320px;
}

#plannerSpread li#hsTipsTrigger{
	top:45px;
	left:130px;
}

#plannerSpread li#hsActivitiesTrigger{
	top:12px;
	left:470px;
}

#plannerSpread li#hsHistoryTrigger{
	top:310px;
	left:90px;
}

#plannerSpread li#hsWordsTrigger{
	top:12px;
	left:300px;
}

#plannerSpread li#hsCheckTrigger{
	top:70px;
	left:185px;
}


#hsWritingTip {
width:450px;
}

#hsAfterSchoolTip {
width:225px;
}

#hsGoalsTip {
width:350px;
}

#hsHallPassTip {
width:400px;
}

#hsTipsTip {
width:300px;
}

#hsActivitiesTip {
width:400px;
}

#hsHighTip {
width:400px;
}

#hsWordsTip {
width:300px;
}

#hsCheckTip {
width:225px;
}


/* ----------------------------- END HIGH SCHOOL ------------------------------------ */
/* ----------------------------- CLASSIC BUDGET PLANNERS ------------------------------------ */

#plannerSpread li#clSubjectsTrigger{
	top:80px;
	left:0px;
}

#plannerSpread li#clMatrixTrigger{
	top:55px;
	left:80px;
}

#plannerSpread li#clCheckTrigger{
	top:70px;
	left:425px;
}

#plannerSpread li#clCommentsTrigger{
	top:310px;
	left:90px;
}

#plannerSpread li#clTipsTrigger{
	top:16px;
	left:470px;
}

#plannerSpread li#clGoalsTrigger{
	top:16px;
	left:155px;
}

#plannerSpread li#clReadTrigger{
	top:16px;
	left:295px;
}

#plannerSpread li#clWordsTrigger{
	top:175px;
	left:470px;
}

#clSubjectsTip {
width:99px;
}

#clMatrixTip {
width:500px;
}

#clCheckTip {
width:225px;
}

#clCommentsTip {
width:350px;
}

#clTipsTip {
width:250px;
}

#clGoalsTip {
width:250px;
}

#clReadTip {
width:250px;
}

#clWordsTip {
width:250px;
}

/* ----------------------------- END CLASSIC BUDGET PLANNERS ------------------------------------ */
/* ----------------------------- SCHOLAR BUDGET PLANNERS ------------------------------------ */
#plannerSpread li#srWritingTrigger{
	top:175px;
	left:50px;
}

#plannerSpread li#srCheckTrigger{
	top:65px;
	left:220px;
}

#plannerSpread li#srGoalsTrigger{
	top:30px;
	left:140px;
}

#plannerSpread li#srNotesTrigger{
	top:280px;
	left:320px;
}

#plannerSpread li#srTipsTrigger{
	top:12px;
	left:225px;
}

#plannerSpread li#srEventsTrigger{
	top:220px;
	left:150px;
}

#plannerSpread li#srWordsTrigger{
	top:310px;
	left:435px;
}




#srWritingTip {
width:400px;
}

#srCheckTip {
width:225px;
}

#srGoalsTip {
width:300px;
}

#srNotesTip {
width:300px;
}

#srTipsTip {
width:250px;
}

#srEventsTip {
width:430px;
}

#srWordsTip {
width:300px;
}


/*LEFT CONTAINER STYLING BEGINS HERE*/
/*LEFT CONTAINER STYLING BEGINS HERE*/
/*LEFT CONTAINER STYLING BEGINS HERE*/

div#leftCell {
position:relative;
float:left;
width:550px;
height:auto;
overflow:hidden;
}

div#leftContainer {
padding:5px 5px 0px 15px;
}

div#leftContainer h2{
margin-bottom:6px;
color:#4a5363;

}

div#leftContainer .kgCode{
background-image:url(/images/layout/PlannerCodesKG.png);
}

div#leftContainer .prCode{
background-image:url(/images/layout/PlannerCodesPR.png);
}

div#leftContainer .elCode{
background-image:url(/images/layout/PlannerCodesEL.png);
}

div#leftContainer .msCode{
background-image:url(/images/layout/PlannerCodesMS.png);
}

div#leftContainer .hsCode{
background-image:url(/images/layout/PlannerCodesHS.png);
}

div#leftContainer .agCode{
background-image:url(/images/layout/PlannerCodesAG.png);
}

div#leftContainer .clCode{
background-image:url(/images/layout/PlannerCodesCL.png);
}

div#leftContainer .srCode{
background-image:url(/images/layout/PlannerCodesSR.png);
}

.kgCode, .prCode, .elCode, .msCode, .hsCode, .agCode, .clCode, .srCode{
background-repeat:no-repeat;
background-position:center;
color:#FFFFFF;
font-size:12px;
padding:4px 9px;
margin-left:3px;
vertical-align:middle;
}

.srCode{
color:#000;
}

div#leftContainer h3, div#leftContainer h3 a{
color:#4a5363;
padding:0px 0px 3px 0px;
}

div#leftContainer ul {
margin-left:18px;
margin-bottom:12px;
list-style-position:outside;
}

div#leftContainer ol{
margin-left:12px;
list-style-position:inside;
}

div#leftContainer ol.outside{
margin-left:26px;
list-style-position:outside;
}

div#leftContainer li{
margin-bottom:6px;
}

div#leftContainer li a{
color:#000000;
}

.coverRight{
float:right;
width:172px;
height:auto;
text-align:center;
}

div#leftContainer div.coverRight h2, div#coverRight h3{
margin:0px;
padding:0px;
color:#4a5363;
}

div#leftContainer div.coverRight a, div#optionsRight a, div.teachEdRight a{
text-decoration:none;
}

div#leftContainer div.coverRight img, div#leftContainer div.teachEdRight img{
border:none;
}

div#leftContainer div#optionsRight{
float:right;
width:140px;
height:auto;
text-align:center;
}

div#leftContainer div.teachEdRight{
float:right;
width:250px;
height:auto;
text-align:center;
}

div#leftContainer div.teachEdRight div{
width:125px;
}

div#leftContainer div.folderTemplates{
float:left;
width:173px;
padding-right:3px;
height:auto;
text-align:center;
}

div#leftContainer div.folderTemplates #lastTemplate{
padding-right:0px;
}


div.narrowDivider{
margin:0 auto;
width:530px;
height:7px;
background-image:url(/images/layout/narrowDivider.gif);
background-repeat:no-repeat;
background-position:center;
}

div.download div.narrowDivider, div.options div.narrowDivider{
padding:12px 0px;
}

div.optionPrice div.narrowDivider{
padding-bottom:24px;
margin-top:-4px;
}

div.narrowDividerFlip{
width:530px;
height:7px;
background-image:url(/images/layout/narrowDividerFlip.gif);
background-repeat:no-repeat;
background-position:center;
}

/*HANDBOOK INSERTS DISPLAYER HERE*/
/*HANDBOOK INSERTS DISPLAYER HERE*/
/*HANDBOOK INSERTS DISPLAYER HERE*/

div.displayer {
	width:530px;
	margin-bottom:10px;
}

div.displayer .display {
	background-image:url(/images/layout/displayerBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.displayer .displayTabs {
	text-align:center;
	position:relative;
	overflow:hidden;
	height:30px;
	margin:0;
	padding:0;
}

div.displayer .displayTabs a {
	height:30px;
	line-height:30px;
	position:relative;
	background-image:url(/images/layout/displayTabsBG.gif);
	background-position:center 0px;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#4a5363;
	padding:0px 10px;
	display:inline-block;
	border-right:#FFFFFF 2px solid;
}

div.displayer .displayTabs a.first {
	background-position:left 0px;
}

div.displayer .displayTabs a.last {
	background-position:right 0px;
	border:none;
}

div.displayer .displayTabs a:hover {
	background-position:center -60px;
	color:#FFFFFF;
}

div.displayer .displayTabs a.first:hover {
	background-position:left -60px;
}

div.displayer .displayTabs a.last:hover {
	background-position:right -60px;
}

div.displayer .displayTabs a.selected {
	background-position:center -30px;
	color:#FFFFFF;
}

div.displayer .displayTabs a.first.selected {
	background-position:left -30px;
}

div.displayer .displayTabs a.last.selected {
	background-position:right -30px;
}

div.displayer .topics {
	width:150px;
	float:left;
	margin:30px 5px 0px 0px;
}

div#content .displayer .topics ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

div#content .displayer .topics li {
	position:relative;
	list-style-position:outside;
	margin:0px;
	padding:0px;
	zoom:1;
}

div#content .displayer .topics li a{
	margin:0px;
	padding:6px 0px;
	border-bottom:#CCC 2px solid;
	background-color:#999;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	width:100%;
	text-indent:10px;
}

div#content .displayer .topics li a:hover {
	background-color:#4a5363;
	color:#FFFFFF;
}

div#content .displayer .topics li a.selected {
	background-color:#ff7b18;
	color:#FFFFFF;
}

div#content .displayer .topics li ul {
	padding:5px;
	background-color:#eee;
	border-bottom:#CCC 2px solid;
	
}

div#content .displayer .topics li ul li {
	list-style-position:outside;
	list-style-type:disc;
	font-size:10px;
	margin-left:1.3em;
}

div.displayer .items {
	position:relative;
	float:left;
	width:367px;
	margin:10px 0px 10px 0px;
	text-align:center;
	visibility:hidden;
 	display:none;
}

div.displayer .active {
	visibility:visible;
	display:block;
}

div#content div.displayer .items .samplepage {
	position:relative;
	width:100%;
	height:420px;
}

div#content div.displayer .items .samplepage div {
 visibility:hidden;
 display:none;
}

div#content div.displayer .items .samplepage div.active {
	visibility:visible;
	display:block;
	margin:0 auto;
}

div#content .samplepage .next, div#content .samplepage .prev {
	position:absolute;
	width:18px;
	height:420px;
	text-indent:-9999px;
}

div#content .samplepage .next:focus, div#content .samplepage .prev:focus, div.displayer .items .itemlinks a:focus, div#content .displayer .topics li a:focus {
	outline:none;
}

div#content .samplepage .next {
	right:0;
	top:0;
	background:#FFF url(/images/layout/ArrowRight.gif) center left no-repeat;
}

div#content .samplepage .next:hover {
	background-position:center right;
}

div#content .samplepage .prev {
	left:0;
	top:0;
	background:#FFF url(/images/layout/ArrowLeft.gif) center right no-repeat;
}

div#content .samplepage .prev:hover {
	background-position:center left;
}

div.displayer .items .itemlinks a {
	position:relative;
	padding:3px 5px;
	text-decoration:none;
	background-color:#CCC;
	font-size:8px;
	line-height:12px;
	color:#333;
}

div.displayer .items .itemlinks a:hover {
	background-color:#4a5363;
	color:#FFFFFF;
}

div.displayer .items .itemlinks a.selected {
	background-color:#ff7b18;
	color:#FFFFFF;
}

div.displayerFoot {
	width:530px;
	height:5px;
	background-image:url(/images/layout/displayerBG.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	clear:both;
}

/*LEFT PRICE CHART STYLING BEGINS HERE*/
/*LEFT PRICE CHART STYLING BEGINS HERE*/
/*LEFT PRICE CHART STYLING BEGINS HERE*/

div#content table.priceChart{
width:530px;
border:#FFF solid 0px;
background-image:url(/images/layout/PriceChartFadeIn.png);
background-repeat:repeat-y;
background-position:center;
border-collapse:collapse;
margin:-5px 0px -6px 0px;
}

html>body div#content table.priceChart{
margin:0px;
}

div#content table.priceChart thead h2{
color:#4a5363;
text-align:left;
margin-top:3px;
margin-bottom:2px;
float:left;
}

div#content table.priceChart thead a {
	float:right;
}

div#content table.priceChart tfoot p{
color:#333333;
margin:0px;
padding:0px 0px 2px 0px;
}

div#content table.priceChart tr.tr_white td{
background-color:#CCCCCC;
font-weight:bold;
padding-left:6px;
}

div#content table.priceChart tr.tr_red td{
font-weight:bold;
color:#CC0000;
}

div#content table.priceChart tr.tr_bold td{
font-weight:bold;
}

div#content table.priceChart tr.tr_grey td{
background-color:#CCCCCC;
}

div#content table.priceChart td{
padding:3px;
font-size:12px;
padding-left:6px;
}

div#content table.productionSchedule td{
text-align:center;
}

div#content table td.border{
border-left:#4a5363 2px solid;
padding-left:23px;
}

/*ECO-FRIENDLY LOGO/TEXT ON FEATURES PAGES BEGINS HERE */
/*ECO-FRIENDLY LOGO/TEXT ON FEATURES PAGES BEGINS HERE */
/*ECO-FRIENDLY LOGO/TEXT ON FEATURES PAGES BEGINS HERE */

p.ecoLogo{
margin-top:10px;
position:relative;
height:113px;
width:265px;
}

p.ecoLogo a{
display:block;
position:relative;
padding-top:20px;
padding-left:80px;
height:93px;
font-size:14px;
line-height:20px;
text-align:center;
background-image:url(/student_planners/planner/eco_friendly/EcoFriendly_small.gif);
background-position:0px 0px;
background-repeat:no-repeat;
text-decoration:none
}

p.ecoLogo a span{
color:#489142;
font-size:28px;
font-weight:bold;
}

/*COVER PAGE STYLING BEGINS HERE*/
/*COVER PAGE STYLING BEGINS HERE*/
/*COVER PAGE STYLING BEGINS HERE*/

div.coverStyles {
float:left;
text-align:center;
width:166px;
margin-right:10px;
}

div.coverStyles a {
text-decoration:none;
border:none;
}

div.coverStyles img{
border:none;
}

div.#lastStyle {
margin-right:0px;
}

div#DuraPreView{
width:170px;
float:left;
}

div#DuraText{
float:left;
width:360px;
}

div#leftContainer ul#topSelectNav, div#singleContainer ul#topSelectNav {
position:relative;
margin:0px 0px -6px 0px;
padding:0;
list-style:none;
text-align:center;
}

html>body div#leftContainer ul#topSelectNav, html>body div#singleContainer ul#topSelectNav {
margin:0px 0px 0px 0px;
}

div#leftContainer ul#topSelectNav li, div#singleContainer ul#topSelectNav li {
position:relative;
height:25px;
margin:0;
padding:0;
display:inline;
}

div#leftContainer ul#topSelectNav li a, div#singleContainer ul#topSelectNav li a {
position:relative;
color:#666666;
height:25px;
line-height:25px;
font-weight:bold;
display:inline-block;
padding:0px 8px;
margin:0px -1px;
background-image:url(/images/layout/topInnerNav.gif);
background-position:0px -50px;
background-repeat:no-repeat;
background-image:none;
text-decoration:none;
}

html>body div#leftContainer ul#topSelectNav li a, html>body div#singleContainer ul#topSelectNav li a {
margin:0px -3px;
} 

div#leftContainer ul#topSelectNav li a:hover, div#singleContainer ul#topSelectNav li a:hover {
background-image:url(/images/layout/topInnerNav.gif);
background-position:0px -25px;
background-repeat:no-repeat;
}

div#leftContainer ul#topSelectNav li a.tSelect, div#singleContainer ul#topSelectNav li a.tSelect {
background-image:url(/images/layout/topInnerNav.gif);
background-position:0px -50px;
background-repeat:no-repeat;
}

div#coverDisplay{
text-align:center;
margin-bottom:4px;
}

div#coverDisplay table{
margin:0 auto;
}

div#coverDisplay p{
color:#666666;
padding-bottom:3px;
margin-bottom:0;
}

div#coverDisplay p a {
	color:#666666;
	text-decoration:underline;
}

div#coverDisplay h3{
padding:18px 0px 0px 0px;
margin:0px;
}

div#coverDisplay h3.coverLink{
text-align:center;
padding:2px;
margin:0px;
text-decoration:none;

}

div#coverDisplay a{
text-decoration:none;
color:#4a5363;
}

div#coverDisplay a img{
border:none;
}

/* SUBSTITUTE TEACHER FOLDER STYLING */
/* SUBSTITUTE TEACHER FOLDER STYLING */
/* SUBSTITUTE TEACHER FOLDER STYLING */
#substituteSpread {
position:relative;
width:515px;
height:267px;
top:0;
left:0;
margin-bottom:10px;
}

#substituteSpread a {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:transparent;
	text-indent:-9999px;
	font-weight:bold;
	font-size:16px;
	background-color:transparent;
	background-image:url(/images/layout/rotatorLearnMore.png);
	background-position:-9999px center;
	background-repeat:no-repeat;
	}
	
#substituteSpread a#substituteInside {
	left:285px;
	height:224px;
	line-height:224px;
	top:8px;
	width:218px;
}

#substituteSpread a#substituteOutside {
	top:74px;
	left:17px;
	width:267px;
	height:182px;
	line-height:182px;
}

#substituteSpread a:hover {
	text-indent:0px;
	background-position:center center;
	color:#fff;
}

/* CHARACTER ED COLORING BOOK STYLING */
/* CHARACTER ED COLORING BOOK STYLING */
/* CHARACTER ED COLORING BOOK STYLING */
#characterText1 {
	position:absolute;
	left:250px;
	top:80px;
	width:280px;
	height:96px;
	z-index:1;
}

#characterText2 {
	position:absolute;
	left:70px;
	top:430px;
	width:280px;
	height:96px;
	z-index:1;
}

/* WRITING JOURNAL STYLING */
/* WRITING JOURNAL STYLING */
/* WRITING JOURNAL STYLING */
#journalText1 {
	position:absolute;
	left:30px;
	top:50px;
	width:280px;
	height:96px;
	z-index:1;
}

#journalText2 {
	position:absolute;
	left:30px;
	top:430px;
	width:280px;
	height:96px;
	z-index:1;
}

#journalText1 td, #journalText2 td {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
    line-height: 15px;
    margin-bottom: 6px;
}


/*MASCOT PAGE STYLING BEGINS HERE*/
/*MASCOT PAGE STYLING BEGINS HERE*/
/*MASCOT PAGE STYLING BEGINS HERE*/

div#leftContainer div#mascotMenu{
float:left;
width:180px;
}

div#leftContainer div#mascotMenu h3{
padding-bottom:6px;
}

div#leftContainer div#mascotDisplay{
width:349px;
float:right;
text-align:center;
}

/*OPTION PAGE STYLING BEGINS HERE*/
/*OPTION PAGE STYLING BEGINS HERE*/
/*OPTION PAGE STYLING BEGINS HERE*/


div.options img{
float:right;
}

/*OPTION PRICING STYLING BEGINS HERE*/
/*OPTION PRICING STYLING BEGINS HERE*/
/*OPTION PRICING STYLING BEGINS HERE*/


div.optionPricing{
width:265px;
float:left;
}

div.optionPricingImg{
margin:0px 10px 20px 0px;
text-align:right;
width:105px;
float:left;
}



div.custSelect {
float:left;
text-align:center;
width:129px;
}

div.custSelect img, div.templateImgs img{
border:none;
}

div.templateImgs {
float:left;
text-align:center;
width:150px;
}

/*VERTICAL DIVIDER STYLING BEGINS HERE*/
/*VERTICAL DIVIDER STYLING BEGINS HERE*/
/*VERTICAL DIVIDER STYLING BEGINS HERE*/

div.vertDivider{
float:left;
background-image:url(/images/layout/dividerShadow.png);
background-position:0px 0px;
background-repeat:no-repeat;
width:5px;
height:488px;
}

div.twoCollumnLeft{
width:258px;
float:left;
}

div.twoCollumnLeft img{
margin-left:6px;
}



/*RIGHT CONTAINER STYLING BEGINS HERE*/
/*RIGHT CONTAINER STYLING BEGINS HERE*/
/*RIGHT CONTAINER STYLING BEGINS HERE*/


div#rightCell {
position:relative;
float:right;
width:185px;
/*background-image:url(/images/layout/dividerShadow.png);
background-position:0px 0px;
background-repeat:no-repeat;*/
}

div#rightContainer {
margin:0px 5px 0px 0px;
width:180px;
}

div#sideNav {
width:174px;
height:auto;
margin:0px 3px 6px 3px;/* 6px bottom fixes ie6 margin problem */
overflow:hidden;
background-color:#CCCCCC;
padding:0;
}

html>body div#sideNav {
margin-bottom:6px;/* restores margin bottom for all other browsers */
}

div#sideNav h2{
width:169px;
height:23px;
padding:5px 0px 0px 5px;
color:#4a5363;
background-color:#CCCCCC;
background-image:url(/images/layout/sideNavTop.png);
background-repeat:no-repeat;
}

div#sideNav ul{
list-style:none;
margin:0;
padding:0;
}

div#sideNav ul li{
background-color:#CCCCCC;
width:174px;
height:28px;
margin:0;
padding:0;
}

div#sideNav ul li a{
position:relative;
width:166px;
height:24px;
line-height:24px;
text-indent:7px;
margin:0px auto;
padding:0px;
text-decoration:none;
display:block;
font-size:12px;
font-weight:bold;
color:#333333;
background-image:url(/images/layout/SideNavButton.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div#sideNav ul li a:hover{
background-position:0px -24px;
color:#fff;
}

div#sideNav ul li a#sideCurrent{
background-position:0px -48px;
color:#fff;
}

div#sideNav p {
padding:0 5px;
}

div#sideNav div#flashButton {
margin:-10px auto 0 auto;
}

div#sideNav p.movieButton {
margin:0 auto 5px auto;
padding:0;
width:73px;
height:28px;
}

div#sideNav p.movieButton a{
width:73px;
height:28px;
display:block;
background:url(/submit/PlayButton.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
}

div#sideNav p.movieButton a:hover{
background-position:0 -28px ;
}

div#sideNavFoot{
width:174px;
height:3px;
margin-top:-3px;
padding:0;
background-image:url(/images/layout/sideNavFoot.png);
background-position:0px 0px;
background-repeat:no-repeat;
overflow:hidden;
}

div#pageFlip{
text-align:center;
width:174px;
height:auto;
margin:0px 3px;
margin-bottom:10px;
}

html>body div#pageFlip {
margin-bottom:6px;/* restores margin bottom for all other browsers */
}

div#pageFlip h2{
position:relative;
width:174px;
height:126px;
background-image:url(/images/layout/pageFlipButtonBG.png);
background-repeat:no-repeat;
background-position:center;
}

div#pageFlip h2 a{
position:absolute;
width:116px;
height:22px;
top:49px;
left:29px;
padding-top:8px;
display:block;
background-image:url(/images/layout/pageFlipButton.png);
background-position:0px 0px;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

div#pageFlip h2 a:hover{
background-position:-116px 0px;
}

div#pageFlip p{
font-size:10px;
line-height:12px;
margin:0px;
}

div#specs {
width:174px;
height:auto;
margin:0px 3px 0px 3px;/* 6px bottom fixes ie6 margin problem */
}

html>body div#specs {
margin-bottom:6px;/* restores margin bottom for all other browsers */
}

div#specs h2{
width:169px;
height:26px;
padding:5px 0px 0px 5px;
background-image:url(/images/layout/specsTop.png);
background-repeat:no-repeat;
background-position:top;
color:#4a5363;
}

div#specs ul, div#specs p{
background-image:url(/images/layout/specsBG.png);
background-repeat:repeat-y;
}

div#specs ul{
width:164px;
list-style:inside;
padding:4px 0px 2px 10px;
}

div#specs p{
width:156px;
margin:0px;
padding:4px 8px 6px 10px;
}

div#specs ul li {
font-size:10px;
line-height:12px;
padding:0px 8px 4px 0px;
margin:0px;
}

div#specsFoot{
width:174px;
height:7px;
margin-top:-3px;
background-image:url(/images/layout/specsFoot.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div#takenote {
width:174px;
height:auto;
margin:0px 3px 0px 3px;/* 6px bottom fixes ie6 margin problem */
}

html>body div#takenote {
margin-bottom:6px;/* restores margin bottom for all other browsers */
}

div#takenote h2{
width:169px;
height:26px;
padding:5px 0px 0px 5px;
color:#FFF;
background-image:url(/images/layout/takenotTop.png);
background-repeat:no-repeat;
}

div#takenote p{
width:154px;
background-image:url(/images/layout/takenoteBG.png);
background-repeat:repeat-y;
margin-bottom:0px;
padding:4px 10px;
}

div#takenoteFoot{
width:174px;
height:7px;
margin-top:-1px;
background-image:url(/images/layout/takenoteFoot.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

div#onlinePay {
width:154px;
height:auto;
margin:0px 0px 0px 13px;/* 6px bottom fixes ie6 margin problem */
}

html>body div#onlinePay {
margin-bottom:6px;/* restores margin bottom for all other browsers */
}

div#onlinePayment {
width:448px;
float:right;
height:auto;
margin:0px 0px 0px 13px;/* 6px bottom fixes ie6 margin problem */
background-color:#FFF;
padding:10px;
border:#ff7b18 solid 1px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

html>body div#onlinePayment {
margin-bottom:6px;/* restores margin bottom for all other browsers */
}

div#onlinePayment h3 {
	float:left;
	width:200px;
}

div#onlinePayment p {
	width:300px;
	clear:left;
	float:left;
	margin-bottom:0px;
}

div#onlinePayment h2 {
	margin:0;
	padding:0;
	float:right;
}

div#onlinePayment h2 a.pay{
float:right;
width:102px;
height:28px;
color:#FFFFFF;
margin:10px;
line-height:28px;
background-image:url(/images/layout/LearnMore.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-decoration:none;
display:block;
}

div#onlinePayment h2 a.pay:hover{
background-position:center bottom;
}


div.clear_wide {/*Use at bottom of 2 Collumn layout within wideCell Div*/
height:0px;
clear:both;
margin-bottom:-12px;/*fixes margin in ie6*/
font-size:10px;/*fixes ie6 spacing issue with empty div. Why? I don't know.*/
}

html>body div.clear_wide {
margin-bottom:0px;/*Sets margin back for other browsers*/
}



/*TWO COLUMN FULL PAGE STYLING BEGINS HERE*/
/*TWO COLUMN FULL PAGE STYLING BEGINS HERE*/
/*TWO COLUMN FULL PAGE STYLING BEGINS HERE*/

div.twoColFull{
	float:left;
	width:345px;
	padding-right:4px;
	margin-right:10px;
	margin-bottom:10px;
	border-right:#CCC 1px solid;
	min-height:480px;
}

div.twoColFull.last {
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}



/*RSS FEED CODE BEGINS HERE*/
/*RSS FEED CODE BEGINS HERE*/
/*RSS FEED CODE BEGINS HERE*/


div#feed {
width:740px;
height:auto;
background-image:url(/images/layout/wideCellBG.png);
background-position:center;
background-repeat:repeat-y;
z-index:0;
}

div#feed h3{
font-size:14px;
color:#333333;
}

div#feed p{
font-size:12px;
}

div#feed div#feedTitle{
position:relative;
width:740px;
height:31px;
background-image:url(/images/layout/feedBar.png);
background-repeat:no-repeat;
}

div#feed div#feedTitle h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#4a5363;
padding:8px 12px 0px 12px;
}

div#feed div#RSSsubscribe {
position:absolute;
float:right;
top:10px;
right:12px;
text-align:right;
height:14px;
width:500px;
}

div#feed div#RSSsubscribe p, div#feed div#RSSsubscribe p a{
margin-top:1px;
font-size:10px;
color:#333;
}

div#feed div#RSSsubscribe a img{
	float:right;
	border:none;
	margin:0px 0px 0px 4px;
	padding:0px;
	width: 14px;
	height: 14px;
}

div#feed div#feedContent {
position:relative;
padding:0px 5px;
width:730px;
background-image:url(/images/layout/feedBG.png);
background-repeat:no-repeat;
background-position:top;
}

div#feed div#feedContent table{
background-image:none;
width:100%;
height:auto;
border:#fff solid 0px;
border-collapse:collapse;
}

div#feed div#feedContent td{
width:230px;
padding:9px;
vertical-align:top;
}

div#feed div#feedContent h3{
margin-bottom:6px;
}

div#feed div#feedContent p{
line-height:15px;
margin-bottom:6px;
}

div#feed div#feedContent p a{
color:#333333;
font-size:12px;
font-weight:bold;
}

div#feed div#feedContent img{
background-color:#999999;
margin-left:8px;
float:right;
}

div#feed div#feedFoot {
height:7px;
width:740px;
background-image:url(/images/layout/wideCellFoot.png);
background-repeat:no-repeat;
background-position:bottom;
}

/*FOOTER CODE BEGINS HERE*/
/*FOOTER CODE BEGINS HERE*/
/*FOOTER CODE BEGINS HERE*/

div#footer {
position:relative;
background-image:url(/images/layout/footerDivider.jpg);
background-repeat:no-repeat;
background-position:top;
}

div#footer p {
padding:17px 0px 10px 0px;
text-align:center;
color:#4a5363;
font-size:10px;
font-weight:bold;
}

div#footer p a {
text-decoration:none;
color:#4a5363;
}

div#footer p a:hover {
text-decoration:underline;
}

div#altFooter {
margin:0 auto;
padding-bottom:10px;
text-align:center;
font-size:10px;
color:#000000;
}

div#altFooter a{
color:#000000;
}


/*INFO REQUEST STYLING BEGINS HERE*/
/*INFO REQUEST STYLING BEGINS HERE*/
/*INFO REQUEST STYLING BEGINS HERE*/

div#info_request{
width:520px;
margin:0 auto;
}


div#info_request fieldset{
border:none;
background-image:url(/images/layout/PriceChartFadeIn.png);
background-position:center;
background-repeat:repeat-y;
padding:10px 10px 4px 10px;
}


div#info_request div.narrowDividerFlip{
margin:18px 0px -13px 0px;
}

html>body div#info_request div.narrowDividerFlip{
margin:18px 0px -8px 0px;
}

div#info_request div.narrowDivider{
margin-top:-6px;
}

html>body div#info_request div.narrowDivider{
margin-top:0px;
}


div#info_request fieldset legend{
color:#4a5363;
font-size:14px;
font-weight:bold;
}

div#info_request fieldset p{
position:relative;
text-align:right;
}

div#info_request fieldset#informationrequested p{
text-align:left;
}

div#info_request fieldset p.red_bold{
text-align:left;
}

div#info_request fieldset p.highlight{
margin:0px auto;
padding:6px;
text-align:center;
width:400px;
}

div #info_request fieldset.checkBox p {
left:120px;
text-align:left;
}

div#info_request input.textInput, div#info_request select{
width:300px;
margin-right:50px;
font-size:12px;
}

input.radioBtn{
margin:0px 4px;
}

div#info_request textarea.comments{
width:100%;
height:125px;
padding:0px;
margin:0px;
font-size:12px;
}

div.subForm{
position:relative;
left:20px;
}

input.numInput{
width:30px;
}

input.submit{
margin:12px 0px;
}



/*Contact Page Styling Begins Here*/
/*Contact Page Styling Begins Here*/
/*Contact Page Styling Begins Here*/

div#leftContact {
position:relative;
float:left;
width:185px;
height:auto;
margin-right:-5px;
}

div#leftContact fieldset{
border:none;
}

div#rightContact {
position:relative;
float:right;
width:540px;
margin:5px 10px 5px 0px;
}

div#rightContact label.leftAlign{
float:left;
}

div#content input#evePhone {
	position:absolute;
	visibility:hidden;
}

/*Search Styling Begins Here*/
/*Search Styling Begins Here*/
/*Search Styling Begins Here*/
div.search{
font-size:12px;
}

div.search a{
color:#000000;
}

/*Fundraising Styling Begins Here*/
/*Fundraising Styling Begins Here*/
/*Fundraising Styling Begins Here*/

div.fundLeft{
float:left;
width:315px;
}

div#content div.fundLeft .pBotMargin {
	margin-bottom:18px;
}

div.fundRight{
float:right;
width:214px;
}

div.fundRight p{
text-align:center;
}

div.fundRight a{
text-decoration:none;
}

div.fundProduct{
float:left;
width:264px;
height:auto;
}

div.fundProduct h2 {
}

div.fundProduct p {
text-align:left;
}

div.fundProductCenter {
clear:both;
margin:0 auto;
width:264px;
height:auto;
text-align:center;
}

div.fundProduct ul {
width:105px;
padding:0px 0px 0px 8px; /* Keeps bullets on the outside of the paragraph */
}

div.fundProduct ul li{
list-style-position:outside; /* Keeps bullets inside the paragraph */
line-height:1.33;
}

/*Order Online Page Styling Begins Here*/
div.orderCol{
	float:left;
	width:230px;
	padding-right:4px;
	margin-right:6px;
	/*background-color:#CCC;*/
	background-image:url(/images/layout/dividerShadow.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:480px;
}

div.orderCol.last {
	margin-right:0px;
	padding-right:0px;
	background-image:none;
}

div.orderLeft{
float:left;
width:259px;
}

div.orderRight{
float:right;
width:254px;
}

div.cb_orderRight{
float:right;
width:254px;
margin-top:40px;
}

/*FAQ Page Styling Begins Here*/

div#content h3.faq a{
color:#000;
}

/*LISTS PAGE STYLING*/

body#list {
background-image:none;
background-color:#FFFFFF;
}

div#listContainer{
position:relative;
background-image:url(/images/layout/FormHeaderBodyBG.png);
background-position:0px 0px;
background-repeat:repeat-x;
height:auto;
padding:0px 10px 10px 10px;

}

div.lists {
width:300px;
height:auto;
margin:0 auto;
}

div#content p.captcha_alert {
background-color:#FFFF99;
border:#CC0000 3px double;
color:#CC0000;
font-weight:bold;
font-size:14px;
padding:8px;
text-align:center;
}

/* This gets rid of the outline that appears in FF and IE. Like 'onclick: blur' */
* {
   outline: 0;
}

div#scanner {
top:15px;
right:5px;
position:absolute;
height:50px;
}

/*Styling for Consumer Protection Safety Information Act */

#CPSIApanel {
position:absolute;
top:0px;
left:227px;
width:300px;
margin:0;
padding:0;
border:none;
z-index:9999;
}

html>body #CPSIApanel {
z-index:500;
}

#CPSIApanel .CollapsiblePanelTab{
	background-color:none;
	background-image: url(/images/CPSIAbannerBG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 300px;
	margin:0;
	padding:0;
	outline:none;
	border:none;
}

#CPSIApanel .CollapsiblePanelContent {
	width: 270px;
	height:auto;
	background-color:none;
	margin:-3px auto 0 auto;
	padding:5px 5px 0px 5px;
	background-image: url(/images/CPSIApanelBG.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	border:none;
}

#CPSIApanel .CollapsiblePanelContent ul{
margin:0;
padding:0;
}

#CPSIApanel .CollapsiblePanelContent ul li {
list-style:none;
margin:0 0 3px 0;
padding:0;
}

#CPSIApanel .CollapsiblePanelContent ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#fff;
background:url(/images/CPSIAlistBG.gif) 0px 0px no-repeat;
display:block;
text-indent:5px;
height:25px;
line-height:25px;
text-decoration:none;
margin:0;
padding:0;
}

#CPSIApanel .CollapsiblePanelContent ul li a:hover {
background-position:0px -25px;
}

.CPtip {
background-color:#FFFFFF;
border:#339933 2px solid;
padding:10px 10px 5px 10px;
width:auto;
margin:0;
}

#CPSIApanel p, .CPtip p {
margin:0 0 6px 0;
font-size:12px;
line-height:16px;
}

#CPSIApanel p.smallprint {
padding:5px;
font-size:10px;
line-height:12px;
background-color:#CCCCCC;
}

#CPSIApanel p a, #CPclose a {
color:#333333;
}

#CPclose {
font-weight:bold;
color:#333333;
text-align:right;
padding:5px;
margin:0px;
} 

table.survey td, table.survey textarea, table.survey input {
font-size:12px;
}

table.survey input, table.survey textarea, table.survey select {
}

table.survey hr {
margin:10px 0px 14px 0px;
}

table.survey td p {
margin-bottom:4px;
}

/* Submit Online Styling */
.submitVideo {
	position:relative;
	height:293px;
	width:520px;
	text-indent:-9999px;
}

.submitVideo a {
	display:block;
	height:100%;
	background:transparent url(/images/SchoolMateVideoPoster.jpg) 0px 0px no-repeat;
	text-decoration:none;
}

.submitVideo a:hover {
	background-position:0px -293px;
}

/* jQuery Form Validation */
label.warning {
position:relative;
color:#C03;
margin-left:4px;
background:url(/images/warning.png) top left no-repeat;
padding-left:24px;
height:24px;
line-height:24px;
overflow:visible;
display:inline-block;
}

label.checked {
position:relative;
height:24px;
background:url(/images/valid.png) 0 0 no-repeat;
display:inline-block;
}

.labelTop label.warning {
top:0px;
vertical-align:top;
}

textarea:disabled {
	background-color:#eee;
	border-width:0px;
	outline:#CCCCCC solid 1px;
	padding:1px;
}
.imageLeft {
	float: left;
}

.budget { letter-spacing:-.02em; }

dl { font-size:12px; }
dt { font-weight: bold; float: left; clear:both; width: 75px; }
dd { margin: 0 0 8px 0; float: right; width: 270px; }