/* DEFAULT STYLES */

body {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:23px;
	color:#666;

    }
  
h1{ font-size: 24pt; color: #00B3C9; font-variant: small-caps; letter-spacing: -1px; }

h2{	font-size: 18pt; color: #5C4199;}

h3{ font-size: 16pt; color: #5C4199; margin: 10px 0 0;}

h4{ font-size: 13pt; color: #5C4199; cursive; font-weight: normal; margin: 5px 0 0; }

h5{ font-size: 13pt; color: black; cursive; margin: 10px 0 0; }

i{font-size: 10pt;}

/* SPECIFIC STYLES */
.additionalInfoH01{	font-family: Arial, Helvetica; 
			font-size: 12pt; 
			color: #3366ff; 
			font-variant: small-caps; 
			font-style: italic;
			letter-spacing: -1px; }

.importantMsgH01{	font-family: Arial, Helvetica;
		font-size: 12pt;
		color: #CC0000;	}
		
.importantMsgH02{ font-family: Arial, Helvetica; font-size: 8pt; color: #FF0000; }

.importantMsgH03{ font-family: Arial, Helvetica; font-size: 10pt; color: black; font-weight: bold; font-style: italic; }
		
.headBold{	font-family: Arial, Helvetica;
		font-size: 12pt;
		font-weight: bold;
		color: #000000;	}

.hmepgOption{	font-family: Arial, Helvetica;
		font-size: 12pt;
		font-weight: bold;
		color: #0066FF;
		font-variant: small-caps;}

.hmepgOptSub{	font-family: Arial, Helvetica;
		font-size: 10pt;
		font-weight: bold;
		color: black;}

.hmepgOptionOff{	font-family: Arial, Helvetica;
			font-size: 12pt;
			font-weight: bold;
			color: #FF0000;
			font-variant: small-caps;}

.address{	
		font-size: 14px;
		font-weight: bold;
		}
		

.pgnote{	font-family: Arial, Helvetica;
		font-size: 8pt;}

.errortext{	font-family: Arial, Helvetica;
			font-size: 10pt;
			font-weight: bold;
			color: #FF0000;}

.txtBoxDollar{ text-align: right; }
.txtBoxDollarDisabled{ background-color: #CCCCCC; text-align: right; }
.txtBoxDisabled{ background-color: #CCCCCC;}


.boxtextbld { text-decoration: none; font-size: 10pt; font-weight: bold;
			color: black; }

.boxtext { text-decoration: none; font-size: 10pt;
			color: black; }

.boxtext a { color: black; }

.boxtext a:link { color: black; }

.boxtext a:visited { color: black; }

.boxtext a:hover { color: black; }

.boxtext a:active { color: black; }

.boxheadv1 { text-decoration: none;font-weight: bold;
			color: white; }

.boxheadv2 { text-decoration: none;font-weight: bold;
			color: black; }

.boxsavelink a { text-decoration: none;font-weight: bold;
			color: white; }

.boxsavelink a:link { text-decoration: none;font-weight: bold;font-size: 12px;
			color: white; }

.boxsavelink a:visited { text-decoration: none;font-weight: bold;font-size: 12px;
			color: white; }

.boxsavelink a:hover { text-decoration: none;font-weight: bold;font-size: 12px;
			color: white; }

.boxsavelink a:active { text-decoration: none;font-weight: bold;font-size: 12px;
			color: white; }


/* TABLE STYLES */

table.mopt_rl { font-size: 10pt; font-family: Arial, Helvetica; border-left: thin solid #369; border-right: thin solid #369; }
table.mopt_trl { font-size: 10pt; font-family: Arial, Helvetica; border-top: thin solid #369; border-left: thin solid #369; border-right: thin solid #369; }
table.mopt_trlb { font-size: 10pt; font-family: Arial, Helvetica; border: solid thin #369; }
table.mopt_tlb { font-size: 10pt; font-family: Arial, Helvetica; border-top: thin solid #369; border-left: thin solid #369; border-bottom: thin solid #369; }

table.popt { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
table.popt_rl { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: thin solid #369; border-right: thin solid #369; }
table.popt_trl { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: thin solid #369; border-left: thin solid #369; border-right: thin solid #369; }
table.popt_trlb { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid thin #369; }
table.popt_tlb { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: thin solid #369; border-left: thin solid #369; border-bottom: thin solid #369; }

tr.mopt_head01 { color: #f60; font-size: 14pt; font-weight: bold; }
tr.mopt_HLight01 { background-color: #acccf4; color: #f60;}
tr.mopt_HLight02 { background-color: #acccf4;}
tr.mopt_HLightTxt01 { color: #CC0000; }
td.mopt_t { border-top: thin solid #369; }
td.mopt_tr { border-top: thin solid #369; border-right: thin solid #369; }
td.mopt_tl { border-top: thin solid #369; border-left: thin solid #369; }
td.mopt_r { border-right: thin solid #369; }
td.mopt_l { border-left: thin solid #369; }
td.mopt_HLight01_rb { background-color: #acccf4; border-right: thin solid #369; border-bottom: thin solid #369; }

table.csfsopt_trlb { font-size: 10pt; font-family: Arial, Helvetica; border: solid thin black; }
table.sumbox_trlb { font-size: 10pt; font-family: Arial, "Zapf Chancery", "Comic Sans MS", cursive; border: solid thin #369;}
table.sumbox_trlbsw { font-size: 10pt; font-family: Arial, "Zapf Chancery", "Comic Sans MS", cursive; border: solid thin #369; background-image: url(images/ScholasticRewards44x50.png); background-repeat: no-repeat; background-position: right top;}
table.sumbox_trl { font-size: 10pt; font-family: Arial, "Zapf Chancery", "Comic Sans MS", cursive; border-top: thin solid #369; border-left: thin solid #369; border-right: thin solid #369; }
table.sumbox { font-size: 10pt; font-family: Arial, "Zapf Chancery", "Comic Sans MS", cursive;}
tr.sumbox_head01 { font-size: 13pt; color: #369; font-family: Arial, "Zapf Chancery", "Comic Sans MS", cursive; margin: 10px 0 0;}
tr.sumbox_fbackrating { font-size: 8pt; font-weight: bold; }

/* STYLES SCHOLASTIC REWARDS CLIENT POPUP */
.SchRewClt { color: black; background-color: white; position: absolute; width: 600px; top: 150px; margin: auto; padding: 0; border: solid 10px #0F5681; z-index: 999; font-family: Arial, Helvetica; text-align: left;}
.SchRewClt .top { display: block; height: 27px; width: 600px; line-height: 27px; }
.SchRewClt .top .heading { color: #ff8040; font-size: 16px; font-weight: bold; float: left; width: 580px; height: 27px; margin: 0 0 0 10px;}
.SchRewClt .content { margin: 0 10px 0 10px; font-size: 12px; color: #339999; background-color: #fdf9ed; display: block; width: 580px; border: solid 2px #efedee; background-image: url(images/ScholasticRewards44x50.png); background-repeat: no-repeat; background-position: right top;}
.SchRewClt .contentInner { background-color: #fdf9ed; display: block; width: 500px;}
.SchRewClt .contentInner table { font-size: 12px;}
.SchRewClt .bottom { float: left; width: 600px; height: 27px; margin: 10px 0 10px 0; }
.SchRewClt .bottom .close { float: left; width: 200px; height: 27px; margin-left: 100px; color: #d11826;}
.SchRewClt .bottom .close a { color: #d11826;}

/* BUTTON 1 - Currently A Red button */
.button1 { float: left; color: white; padding: 0; font-family: Arial, Helvetica;}
.button1 .btnlft { float: left; padding: 0; background-image: url(images/button1_lft.png); background-repeat: no-repeat; width: 6px; height: 27px; }
.button1 .btnmid { line-height: 27px; float: left; padding: 0; background-image: url(images/button1_midrepeat.png); background-repeat: repeat; height: 27px; }
.button1 .btnrgt { float: left; padding: 0; background-image: url(images/button1_rgt.png); background-repeat: no-repeat; width: 6px; height: 27px; }
.button1 .btnmid a { text-decoration: none; color: white; font-weight: bold; margin-right: 5px; margin-left: 5px; }
.button1 .btnmid a:hover { text-decoration: none; }

.dhtmlHover { color: black; text-align: left; background-color: #FFFFFF; position: absolute; top: 140px; left: 200px; width: 400px; margin: 0 auto; padding: 5; border: solid 1px black; z-index: 999;}



#globalHeader {
	background: #FFFFFF;
	display: block;
	height: 50px;
	position: relative;
	width: 100%;
	z-index: 1000;
	clear: both;
	border-bottom: 1px solid #c0c0c0;
}

#scholasticNav {
	background-color: #fff;
	position:relative;
	padding: 0px;
	width: 985px;
	margin:0 auto;
	height: 34px;
}
#scholasticNav a.main-logo {
	background:url(../images/SCHOLASTIC_LOGO.png) no-repeat;
	position:absolute;
	left:10px;
	top:6px;
	overflow:hidden;
	width:160px;
	height:34px;
}
#scholasticNav ul#nv {
	position:absolute;
	left:208px;
	top:6px;
	width:600px;
}
#scholasticNav ul#nv li {
	width: 95px;
	padding: 0;
}
#scholasticNav ul#nv li a {
	padding:5px 10px 3px 10px;
	color: #1B89CB; height: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right:solid 1px #EBEBEB;
}



#pageHeader {
	overflow: hidden;
	height: 90px;
}


#footer {
	clear: both;
	color: #4e5766;
	margin: 0px auto;
	text-align: center;
	line-height: normal;
	border: 1px solid #c0c0c0;
	width: 100%;

	
}

#centredTable {
	margin: 10px 0 10px 160px;
}


#StoreFooter .topContainer, #StoreFooter .bottomContainer {
	width: 100%;
	margin: 0 auto 0 auto;
	clear: both;
}

#StoreFooter .topContainer {
	width: 100%;
	background: url(../Images/bg_topContainer.gif) repeat-x #eeebd9;
	padding: 39px 0 50px 0;
}
        
#StoreFooter .topContainer #ScholasticSiteMap {
	width: 1100px;
	margin: 0 auto 0 auto;
}
        
#ScholasticSiteMap table {
	width: 950px;
	margin: 0;
	padding: 0;
	border: none;
}

#ScholasticSiteMap table td {
	vertical-align: top;
	text-align: left;
}

#ScholasticSiteMap table td h1 {
	margin: 0;
	padding: 0 0 12px 0;
	text-align: left;
}

#ScholasticSiteMap table td ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ScholasticSiteMap table td ul li {
/*	background: url(../images/bullet_listItem.gif) no-repeat left 5px; */
	color: #7b7a69;
	font-size: 12px;
	margin: 0px;
	padding: 0 0 5px 10px;
}

#ScholasticSiteMap table td ul li a {
	color: #7b7a69;
	text-decoration: none;
}

#ScholasticSiteMap table td ul li a:hover {
	text-decoration: underline;
}
        
#ScholasticSiteMap table td.about {
	width: 222px;
}

#ScholasticSiteMap table td.website {
	width: 211px;
}

#ScholasticSiteMap table td.services {
	width: 212px;
}

#ScholasticSiteMap table td.help {
	width: 161px;

}

#ScholasticSiteMap table td.feedback {
	width: auto;
}
        
#StoreFooter .bottomContainer {
	background: #e4e2d0;
	padding: 23px 0 0 0;
	text-align: center;
	height: 27px;
}
        
#StoreFooter .bottomContainer .legalInfo {
	display: block;
	width: 100%;
	text-align: center;
	color: #7b7a69;
	font-size: 11px;
}
        
#StoreFooter .bottomContainer .legalInfo a {
	color: #7b7a69;
	text-decoration: none;
}

#StoreFooter .bottomContainer .legalInfo a:hover {
	text-decoration: underline;
}


.searchBar {
	display: block;
	position: relative;
	float: left;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	color: #6A6A6A;
	width: 580px;
	height: 43px;
	background-image: url(../images/searchbar.jpg);
	background-repeat: no-repeat;
}

.searchBar .searchInput {
	position: absolute;
	top: 12px;
	left: 10px;
	padding: 0;
}

.searchBar .searchInput input {
	font-size: 10pt;
	width: 360px;
	border: 0px;
	background-color: transparent;
}

.searchBar .searchInput option {
	font-size: 10pt;
	border: 0px;
	margin-top: 10px;
	background-color: transparent;
	width: 120px;
}

.searchBar .searchButton {
	position: absolute;
	top: 6px;
	right: 18px;
	padding: 0;
}

.searchBar. searchButton input {
	padding: 0;
}

#headerTopRight {
	float: left;
	margin; 0 0 0 10px;
}

#headerTopRight .scherewhdrtbl {
	height: 30px;
	background-image: url(../images/ScholasticRewards25x29.png);
	background-repeat: no-repeat;
	background-position: top left;
	
}
#headerTopRight .scherewhdrtbl_class {
	margin: 0 0 0 30px;
	color: red;
	font-size: 10pt;
}
#headerTopRight .scherewhdrtbl_school {
	margin: 0 0 0 30px;
	color: red;
	font-size: 10pt;
}

#fairscontent {
	width: 60%;
	position: absolute;
	left: 20%;
	float: left;
	display: block;
	padding: 0px 0px 30px 0px;


		
}

#banner {
	height:auto;
    max-width: 100%; 
    display:block; 
	padding: 10px 0px 10px 20%;

		
}

