* {
margin:0;
padding:0;
}

html
{
height: 100%;
}

body {
height:100%;
background-color:#b1dfdc;
background-image:url(/images/bodyBG.png);
background-position:center top;
background-repeat:repeat-y;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	body h2.kern, body h3.kern {
	letter-spacing:-1px;
	}
	
	body .kernout {
	letter-spacing:1px;
	}
}

body h2 {
font-size:18px;
font-weight:bold;
color:#00669f;
margin-bottom:8px;
}

body h2.learnmore a{
width:102px;
height:26px;
color:#FFFFFF;
margin:10px auto;
padding-top:2px;
background-image:url(/images/LearnMore.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
text-indent:-9999px;
overflow:hidden;
display:block;
}

body h2.learnmore a:hover{
background-position:center bottom;
}

body h3 {
font-size:14px;
font-weight:bold;
color:#333333;
margin-bottom:6px;
}


body h3.button a{
height:20px;
width:80px;
font-size:13px;
font-weight:bold;
color:#FFF;
background-image:url(/images/layout/downloadBTN.png);
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
padding:2px 0 0 0;
text-align:center;
text-decoration:none;
display:block;
}

body h3.button a:hover{
background-position:center bottom;
color:#FFF;
}

body h3.submit a{
height:20px;
width:90px;
font-size:13px;
font-weight:bold;
color:#FFF;
background-image:url(/images/layout/submitOnlineBTN.png);
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
padding:2px 0 0 0;
text-align:center;
text-decoration:none;
display:block;
}

body h3.submit a:hover{
background-position:center bottom;
color:#FFF;
}


p, li {
color:#333333;
font-size:12px;
line-height:14px;
margin-bottom:6px;
}

* p a, * li a, * h3 a {
color:#333333;
}

a img{
border:none;
}

* hr {
color:#666666;
background-color:#666666;
border:0;
height:1px;
margin:12px 0;
}

#main {
min-height: 100%;
margin:0 auto;
width: 730px;
background-color:#FFFFFF;
}

* html #main {
height: 100%;
}

.red, .red a, .mainContent .red a {
color:#CC3333;
}

.red_bold, .red_bold a, #content a.red_bold {
color:#cc3333;
font-weight:bold;
}

.green_bold, .green_bold a {
color:#390;
font-weight:bold;
}

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

.clear {
clear: both;
}

.clearLeft{
clear: right;
}

.indent {
text-indent:1em;
}

.centerText{
text-align:center;
}

.super {
font-size:xx-small;
vertical-align:text-top;
font-weight:normal;}

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

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

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

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

.floatLeft{
float:left;
}

.floatRight{
float:right;
}


/* Header Styling --------------------------------------------------------------------------------------------------- */

#branding {
width:730px;
height:111px;
background-image:url(/images/brandingBG.png);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#00669f;
margin:0;
padding:0;
}

#logo{
position:relative;
float:left;
width:200px;
height:auto;
}

#branding>#logo{
position:absolute;
}

#logo h1 a{/*creates a clickable area for the logo "home" button*/
width:165px;
height:61px;
position:absolute;
top:3px;
left:11px;
display:block;
text-indent:-9999px;
overflow:hidden; /*hides text box from browsers when clicked*/
}

#searchBox{
position:relative;
float:right;
height:auto;
width:730px;
}

#searchBox form{/*positioning of the search form in the header*/
position:absolute;
right:185px;
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;
}

#searchBox 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;
}

#searchBox 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;
}

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

#searchBox 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 #searchBox 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);
}

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

/* Company Info Styling --------------------------------------------------------------------------------------------- */
#sm_company {
position:absolute;
right:0px;
top:0px;
width:183px;
height:71px;
text-align:center;
}

#sm_company h2 a {
	text-indent:-9999px;
	text-decoration:none;
	width:183px;
	height:71px;
	display:block;
	background:url(/images/StudentAgendasSMlink.gif) 0 0 no-repeat;
	outline:none;
}

#sm_company h2 a:hover {
	background-position: 0px -71px;
}

#sm_company .CollapsiblePanelTab{
background-image:url(/images/sm_companyBG.png);
background-position:center top;
background-repeat:no-repeat;
padding:0; 
height:17px;
}

#sm_company .CollapsiblePanelTab .small{
color:#FFF;
}

#sm_company .CollapsiblePanelContent{
background-image:url(/images/sm_companyLinkBG.png);
background-position:center;
background-repeat:no-repeat;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
margin:-4px 6px 0 6px;
height:57px;
}

#sm_company .CollapsiblePanelContent p a{
top:0px;
left:0px;
width:152px;
height:55px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#sm_company .CollapsiblePanelOpen .CollapsiblePanelTab {
background-position:center bottom;
}

#sm_company .CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-position:center bottom;
}

/* Content Styling -------------------------------------------------------------------------------------------------- */

#content {
padding-bottom: 24px;
}

.singleColumn{
margin:6px 10px 0 10px;
}

.singleColumn h3 a, .singleColumn p a, .singleColumn * li a{
color:#333333;
}

/* Main Content Styling --------------------------------------------------------------------------------------------- */
.mainContent {
float:left;
margin:6px 0 0 10px;
width:520px;
}

.mainContent p a, .mainContent li a {
color:#333333;
}

.mainContent li {
}

.mainContent ul, .singleColumn ul { /* This keeps content from flowing under */
list-style:outside;
margin-left:1em;
margin-bottom:16px;
}


#agendaSpread {
position:relative;
margin-bottom:10px;
height:335px;
overflow:hidden;
}

#agendaSpread img {
position:absolute;
}

#agendaSpread ul{
list-style:none;
}

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

.mainContent>#agendaSpread li{
background-image:url(/student_agendas/images/toolTipBTN.png);
}

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

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

.mainLeft {
float:left;
width:255px;
}

.mainRight {
float:right;
width:255px;
}

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

.mainTricolumnRight{
width:166px;
float:right;
text-align:center;
}

.agCode{
background-image:url(/student_agendas/images/PlannerCodesAG.png);
}

.agCode{
background-repeat:no-repeat;
background-position:center;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:4px 9px;
margin-left:3px;
vertical-align:middle;
}

div.custSelect {
float:right;
text-align:center;
width:139px;
margin-left:12px;
}

div.custSelect img{
border:none;
}



/* Tool Tip Styling ---------------------------------------------------------------------------------------------------- */

#agendaSpread li#coreTrigger{
	top:59px;
	left:12px;
}

#agendaSpread li#sizeDatedTrigger{
	top:-1px;
	left:369px;
} 

#agendaSpread li#coilTrigger{
	top:312px;
	left:256px;
}

#agendaSpread li#commentsTrigger{
	top:300px;
	left:20px;
}

#agendaSpread li#matrixTrigger{
	top:17px;
	left:81px;
}

#agendaSpread li#quotesTrigger{
	top:42px;
	left:481px;
}

#agendaSpread li#goalsTrigger{
	top:180px;
	left:487px;
}

#agendaSpread li#rulerTrigger{
	top:57px;
	left:310px;
}

#agendaSpread li#drilledTrigger{
	top:205px;
	left:220px;
}

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

.toolTip {
color:#FFFFFF;
background-color:#333333;
padding:10px;
border:#999999 1px solid;
margin:0;
visibility:hidden;
}

.toolTip p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
margin:0;
padding:0;
}

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

#commentsTip {
width:228px;
}

#coreTip {
width:188px;
}

#matrixTip {
width:440px;
}

#rulerTip {
width:145px;
}

#drilledTip {
width:140px;
}

#coilTip {
width:240px;
}

#goalsTip {
width:165px;
}

#quotesTip {
width:208px;
}

.mainContent #coverTease{
float:right;
margin-left:4px;
width:180px;
height:auto;
color:#333;
font-weight:bold;
text-decoration:none;
text-align:center;
}

#coverTease p {
color:#333;
}

#coverTease img a{
border:none;
}

/* Price Chart Table Styling ------------------------------------------------------------------------------------ */

table.priceChart{
background-color:#666666;
width:520px;
background-image:url(/images/tableFootBG.png);
background-position:center bottom;
background-repeat:no-repeat;
font-size:12px;
margin:8px 0px 18px 0px;
}

table.priceChart table {
font-size:12px;
}

table.priceChart thead{
background-image:url(/images/theadBG.png);
background-position:center top;
background-repeat:no-repeat;
}

table.priceChart thead td{
font-size:14px;
font-weight:bold;
}

table.priceChart thead td, table.priceChart tfoot td{
padding:3px 5px 5px 7px;
color:#FFFFFF;
}

table.priceChart thead td a, table.priceChart tfoot td a{
color:#FFFFFF;
}

table.priceChart tr.quantity{
}

table.priceChart tr.quantity td{
background-color:#e1e0c7;
padding:3px 0px;
font-weight:bold;
color:#cc3333;
}

table.priceChart tr.tanTop td{
background-color:#e1e0c7;
padding:3px 0px;

}

table.priceChart tr.quantity td.firstcell, table.priceChart tr.tanTop td.firstcell {
padding-left:10px;
background-image:url(/images/quantityBG.png);
background-position:top left;
background-repeat:no-repeat;
}

table.priceChart tr.quantity td.lastcell, table.priceChart tr.tanTop td.lastcell {
background-image:url(/images/quantityBG.png);
background-position:top right;
background-repeat:no-repeat;
}

table.priceChart tr.price td, table.priceChart tr.price_white td{
background-color:#FFF;
padding:3px 0px;
color:#333;
}

table.priceChart tr.price td.firstcell {
padding-left:10px;
background-image:url(/images/priceBG.png);
background-position:bottom left;
background-repeat:no-repeat;
}

table.priceChart tr.price td.lastcell {
background-image:url(/images/priceBG.png);
background-position:bottom right;
background-repeat:no-repeat;
}

table.priceChart tr.price_tan td{
background-color:#e1e0c7;
padding:3px 0px;
color:#333;
}

table.priceChart tr.price_tan td.firstcell{
padding-left:10px;
background-image:url(/images/quantityBG.png);
background-position:center left;
background-repeat:no-repeat;
}

table.priceChart tr.price_tan td.lastcell{
background-image:url(/images/quantityBG.png);
background-position:center right;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.firstcell{
padding-left:10px;
background-image:url(/images/priceBG.png);
background-position:center left;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.lastcell{
background-image:url(/images/priceBG.png);
background-position:center right;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.firstcellTop{
padding-left:10px;
background-image:url(/images/priceBGtop.png);
background-position:top left;
background-repeat:no-repeat;
}

table.priceChart tr.price_white td.lastcellTop{
background-image:url(/images/priceBGtop.png);
background-position:top right;
background-repeat:no-repeat;
}


/* Mascot Page Styling --------------------------------------------------------------------------------------------- */

#mascotMenu{
float:left;
width:160px;
}

#mascotMenu a{
color:#333333;
}

#mascotDisplay{
width:350px;
float:right;
text-align:center;
}


/* Download Button and paragraph styling----------------------------------------------------------------------------- */

.download {
margin-bottom:18px;
}

.download p a{
font-size:13px;
font-weight:bold;
height:22px;
width:80px;
line-height:20px;
display:inline-block;
color:#FFF;
background-image:url(/images/layout/downloadBTN.png);
background-position:top center;
background-repeat:no-repeat;
margin:0 12px;
text-align:center;
text-decoration:none;
}

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

.download p{
margin-bottom:18px;
padding:0px;
}

.download p span.indent {
	margin-left:108px;
}

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

div.download img{
float:left;
}



/* Teacher Resource styling------------------------------------------------------------------------------------------ */

div.teachResources .teachLeft{
float:left;
width:280px;
}

div.teachResources .teachRight{
float:right;
width:199px;
}

div.teachResources .teachRight img{
margin-bottom:10px;
}

.teachResources div.download p{
position:relative;
}


/* Side Content Styling --------------------------------------------------------------------------------------------- */

.sideContent {
float:right;
width:180px;
height:auto;
margin-right:4px;
}

.sideNav {
width:166px;
padding:0 7px;
background-image:url(/images/sideNavBG.png);
background-position:center top;
background-repeat:no-repeat;
}

.sideNav div{
background-color:#e1e0c7;
background-image:url(/images/sideNavListBG.png);
background-position:bottom center;
background-repeat:no-repeat;
padding:2px;
margin-bottom:8px;
}

.sideNav h3{
color:#FFFFFF;
font-size:14px;
padding:4px 7px;
margin-bottom:0px;
background-color:#00669f;
}

.sideNav ul{
list-style:none;
}

.sideNav li {
margin-bottom:0px;
}

.sideNav li a{
display:block;
font-size:14px;
font-weight:normal;
text-decoration:none;
color:#666;
padding:4px 7px;
border-bottom:#666666 1px solid;
margin:0px;
}

.sideNav li a:hover {
color:#FFFFFF;
background-color:#333333;
}

.sideNav li a.sideCurrent{
color:#00669f;
}

.sideNav li a:hover.sideCurrent {
color:#FFFFFF;
background-color:#333333;
}

.sideNav li.last a{
border-bottom:none;
}

.sideNav ul ul li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#666;
background-color:#f3f2e3;
padding:4px 7px;
border-bottom:#e1e0c7 2px solid;
}

.sideNav ul ul li a.last{
border-bottom:#666666 1px solid;
}

.demo {
position:relative;
width:166px;
margin:16px 11px 16px 7px;
text-align:center;
}

.demo h3 a {
position:absolute;
top:15px;
left:42px;
width:82px;
height:22px;
padding-top:6px;
background-image:url(/images/demoButton.png);
background-position:0px 0px;
background-repeat:no-repeat;
text-decoration:none;
color:#FFFFFF;
margin:0 auto;
}

.demo h3 a:hover {
background-position:0px -28px;
}

.demo img{
margin-bottom:6px;
}

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

.takeNote {
width:166px;
margin:0 11px 8px 7px;
background-image:url(/images/takeNoteBG.png);
background-position:center bottom ;
background-repeat:no-repeat;
}

.takeNote h3 {
color:#FFFFFF;
font-size:14px;
text-transform:uppercase;
padding:4px 7px;
margin-bottom:0px;
background-color:#00669f;
background-image:url(/images/takeNoteHeadBG.png);
background-position:center top;
background-repeat:no-repeat;
}

.takeNote div.takeNoteBody {
background-image:url(/images/takeNoteBodyTopBG.png);
background-position:center top;
background-repeat:no-repeat;
padding:3px 7px;
}

.takeNote p a {
color:#333333;
}


/* Contact & Request Info Page Styling --------------------------------------------------------------------------------*/
#leftContact {
position:relative;
float:left;
width:180px;
height:auto;
}

#rightContact {
position:relative;
float:right;
width:520px;
}

#rightContact h3, #requestInfo h3{
margin-left:120px;
}

#rightContact fieldset, #requestInfo fieldset{
border:none;
text-align:right;
margin-bottom:12px;
}

#rightContact label.leftAlign{
float:left;
}

#rightContact fieldset input, #rightContact fieldset select {
width:300px;
margin-right:100px;
}

#requestInfo fieldset input, #requestInfo fieldset select{
width:300px;
margin-right:120px;
}

#requestInfo p label {
width:auto;
}

#requestInfo input.radio {
width:auto;
margin-right:0;
}

#requestInfo p.small {
text-align:center;
}

#rightContact fieldset input#strZip {
width:90px;
margin-right:310px;
}

#requestInfo fieldset input#strZip {
width:90px;
margin-right:330px;
}

#rightContact fieldset textarea {
width:300px;
height:150px;
margin-right:100px;
}

#requestInfo fieldset textarea {
width:470px;
height:150px;
margin-right:120px;
}


#rightContact fieldset label {
vertical-align:top;
}

#rightContact input#sendMSGButton {
margin-left:120px;
}

#requestInfo .submit {
margin:0 auto 12px auto;
text-align:center;
}

/* Home Page Styling -------------------------------------------------------------------------------------------- */

.twoWaysDated a, .twoWaysUndated a {
	position:absolute;
	display:block;
	height:66px;
	width:214px;
	text-indent:-9999px;
	overflow:hidden;
	top:325px;
}

.twoWaysDated a {
background-image:url(/images/2waysBGdated.png);
background-position:0 0;
background-repeat:no-repeat;
left:16px;
}

.twoWaysDated a:hover, .twoWaysUndated a:hover {
background-position:0 -66px;
}

.twoWaysUndated a {
background-image:url(/images/2waysBGundated.png);
background-position:0 0;
background-repeat:no-repeat;
right:16px;
}

/* Feed Item ---------------------------------------------------------------------------------------------------- */
#feed {
position:relative;
width:710px;
color:#FFFFFF;
background-image:url(/images/rssBG.png);
background-position:center top;
background-repeat:no-repeat;
margin:10px 0 6px 0;
padding:5px 0px 0px 0px;
}

#feed h2 {
color:#fff;
margin:0 0 4px 10px;
padding:0;
}

.feedItems {
background-color:#FFFFFF;
background-image:url(/images/rssBG.png);
background-position:-5px -50px;
background-repeat:no-repeat;
width:700px;
margin:3px 0 0 5px;
padding:5px 0;
}

.feedItems div.item{
float:left;
width:213px;
padding:5px 10px;
}

.feedItems div.item img{
float:right;
margin-left:6px;
}

.feedItems div.clear{
width:100%;
height:1px;
margin:0;
padding:0;
}

#feed .feedfoot{
width:100%;
height:5px;
padding:5px 0 0 0;
margin-top:-5px;
background-image:url(/images/rssBG.png);
background-position:center bottom;
background-repeat:no-repeat;
}

#feed .subscribe {
position:absolute;
right:5px;
top:5px;
color:#fff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#feed .subscribe a{
color:#fff;
}

#feed .subscribe img{
position:relative;
top:3px;
margin-left:3px;
}

/* Site Map Styling --------------------------------------------------------------------------------------------- */
#sitemap li li {
margin-top:6px;
list-style:disc;
}

#sitemap ul ul {
margin-bottom:0;
}

/* Footer Styling ----------------------------------------------------------------------------------------------- */

#footer {
position: relative;
margin: -24px auto 0 auto;
width:730px;
height:18px;
border-bottom:#00669f 6px solid;
}

* html #footer {
margin-top: -26px;
}

#footer p{
font-size:11px;
text-align:center;
}

#footer p a {
color:#333333;
}


/* Company Info ----------------------------------------------------------------------------------------------- */

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

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

/*CPSIA Styling -------------------------------------------------------------------------------------------------*/
div.CPtip {
	width:220px;
	float:left;
	padding:0;
	margin:12px 0 0 12px;
}

div.CPtip h3{
	color:#00669f;
}

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;

}