body
{
	margin: 0;
	padding:0;
	border:0;
/*  background-color: #dcdcdc; */
  background-color:#eeeeee;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;

  text-align:center;
  
}


div#wrapper
{
	width:800px;
	margin:0 auto 0 auto;
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	background-color:#ffffff;
}

div#header
{
	margin:0px;
	padding:0px;
	border:0px;
    height: 120px;
    background-color:#22447b;
}



div#header ul
{
	margin:0px;
    font-family:Arial,sans-serif;
    font-size:medium;
    font-style:italic;
    color:White;
    position:relative;
    top:40px;
    left:300px;
    width:200px;
    
}

div#header h2
{
	margin:0px;
	color:#ffffff;
	position:absolute;
	top:80px;
	left:620px;
	text-decoration:none;
}


div#navbar {
    height: 26px;
    width: 100%; 
    border-top: solid #fde42b 1px;
    background-color: #010101;
}
div#navbar ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #FFF;
    line-height: 26px;
    white-space: nowrap;
}
div#navbar li 
{
    height:26px;
    list-style-type: none;
    display: inline;
    border-right:solid #3b3d3f 1px;
    
}
div#navbar li a {
    text-decoration: none;
    padding: 0px 8px;   
    color: #FFF;
}
div#navbar li a:link {
    color: #FFF:
}

div#navbar li a:hover {
    color: #FFF;
    background-color:#3b3d3f;
}
div#compstate
{
    margin:2px 2px 2px 2px;
    height:126px;
    width:210px;
    background-color:red;
   
}

div#compstate h1
{
    font-size:1.2em;
    text-align:center;
    color:#FFFFFF;
    line-height:1em;
    margin:2px;
    padding:5px 0px 0px 0px;
}

div#compstate h2
{
    font-size:1em;
    text-align:center;
    color:#ffdb0d;
    margin:4px;
}

div#compstate p
{
	font-size:.8em;
	text-align:center;
	color:#ffdb0d;
	margin:4px;
}

div#contest
{
    margin:2px 2px 2px 2px;
}

div#rotateproduct
{
    margin:2px 2px 2px 2px;
    width:210px;
    height:125px;
    background-color:#22447b;
}      

div#preview
{
    margin:2px 2px 2px 2px;
    width:210px;
    height:55px;
}      
      
div#comments
{
    margin:2px 2px 2px 2px;
    width:210px;
    height:125px;
    background-color:#22447b;
    color:#ffffff;
}

div#comments h4
{
	margin:0px 4px;
	text-align:center;
}

div#comments a:link
{
	text-decoration:none;
}

div#comments a:visited
{
	text-decoration:none;
}

div#comments a:active
{
	text-decoration:none;
}

#comchange
{
	margin:0px; 0px;
	padding:5px; 5px;
	color:#ffdb0d;
	text-align:center;
	font-size:.9em;
	font-weight:bold;
}      


div#maillist
{
    margin:2px 2px 2px 2px;
    width:210px;
    height:120px;
    background-color:#22447b;
    color:#ffffff;
}

div#maillist p
{
	margin:4px 5px;
	font-size:.9em;

}
div#maillist input
{	
	align:center;
	margin:0px 2px;
}

div#maillist h4
{
	margin:0px;
}
      

div#catrequest
{
    margin:2px 2px 2px 2px;
    width:210px;
    height:72px;
    background-color:#22447b;
}      



div#schoolsserved
{
	margin:2px 2px 2px 2px;
	width:210px;
	height:130px;
	background-color:#22447b;

}


div#schoolsserved p
{
	margin:0px 5px; 
	color:#ffffff;
	font-size:.7em;
}



div#schoolsserved a:link
{
	text-decoration:none;
}

div#schoolsserved a:visited
{
	text-decoration:none;
}

div#schoolsserved a:active
{
	text-decoration:none;
}

	     

div#easytrack
{
    margin:2px 2px 2px 2px;
    width:210px;
    height:89px;
    background-color:#22447b;
}      



div#homespecials
{
    margin:0px 0px 0px 0xp;
    position:absolute;
    left:214px;
    top:150px;        
}   

.adframe
{
	margin: 10px 10px 10px 10px;
}

.center
{
    text-align:center;
}

/*
div#mainstore
{
	margin:10px;
	position:relative;
	top:0px;
	left:0px;
	

}

div#mainstore h1
{
	margin:0px;
	font-size:1.3em;
	font-weight:bold;
	position:absolute;
	left:100px;
	top:0px;
}

div#mainstore h2
{
	margin:0px;
	font-size:1.2em;
	font-weight:bold;
	position:absolute;
	left:100px;
	top:24px;
}

div#mainstore p
{
	margin:0px;
	position:relative;
	top:0px;
	left:0px;
}

div#mainstore select
{
	position:relative;
	top:-7px;
}

#mainstore_dropdown
{
	margin:0px;
	position:absolute;
	top:50px;
	left:100px;
}

#mainstore_addtocart
{
	margin:0px;
	position:absolute;
	top:48px;
	left:400px;
}
*/   

.storewrapper
{
    margin:0px;
    width:800px;
    height:1600px;
    position:relative;
    top:0px;
    left:0px;
    
}

.mainstore
{
	margin:10px;
	width:260px;
	height:180px;
	border-width:1px;
	border-style:solid;
	border-color:#eeeeee;
/*	background-color:#999999;  */
	

}

.mainstore p
{
	margin:5px;
	font-size:.8em;

}

.mainstore select
{
	position:relative;
	top:4px;
}

.mainstore img
{
    margin:2px;   
}

.mainstore input
{
    margin:10px;   
}
/*

#mainstore_dropdown
{
	margin:5px;
	
	position:absolute;
	top:50px;
	left:100px;

}

#mainstore_addtocart
{
	margin:5px;

	position:absolute;
	top:48px;
	left:400px;
 
}
*/
/****** Below here are styles added from previous website *****/
h3
{
  text-indent: 15%;
  line-height: 10px;
}
/*
h4
{
  text-indent: 50%;
  line-height: 0px;
}

Commented out because it causes problems on main page comments that are h4
*/ 
h5
{
  text-indent: 40%;
  line-height: 0px;
}

h6
{
  text-indent: 15%;
  line-height: 0px;
}

p
{
  margin-left: 8px;
  margin-right: 3px;
}

table
{
  border: 0;
  cellpadding: 0;
  cellspacing: 0;
}

img
{
  border: 0;
}

img.prods
{
  border: 2;
}

hr
{
  size: 1;
  line-height: 0px;
}

li
{
  font-family: arial;
}


/********************home products********************/

a.home:link
{
  color: #000000;
  text-decoration: none;
}

a.home:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.home:hover
{
  color: #ffffff;
  background-color: #999999;
  text-decoration: none;
}

a.home:link
{
  color: #000000;
  text-decoration: none;
}

a.home:visited
{
  color: #333333;
  text-decoration: none;
}


/********************blue links********************/

a.blue:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.blue:hover
{
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
}

a.blue:link
{
  color: #6633ff;
  text-decoration: none;
}

a.blue:visited
{
  color: #6633ff;
  text-decoration: none;
}


/********************orange links********************/

a.orange:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.orange:hover
{
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
}

a.orange:link
{
  color: #ff9933;
  text-decoration: none;
}

a.orange:visited
{
  color: #ff9933;
  text-decoration: none;
}

/********************red links********************/

a.red:active
{
  color: #ffffff;
  background-color: none;
  text-decoration: none;
}

a.red:hover
{
  color: #ffffff;
  background-color: #cccccc;
  text-decoration: none;
}

a.red:link
{
  color: #ff3333;
  text-decoration: none;
}

a.red:visited
{
  color: #ff3333;
  text-decoration: none;
}


/********************text controls********************/

.nameText
{
  text-indent: 50%;
}

.bigBlueText
{
  font-weight: bold;
  color: #0033cc;
  font-size: 18px;
  font-family: arial;
}

.bigBlueText2
{
  font-weight: bold;
  color: #3300ff;
  font-size: 18px;
  font-family: arial;
}

.bluePageSubtitle
{
  font-weight: bold;
  color: #3300ff;
  font-size: 21px;
  font-family: "verdana", arial;
}

.boldGeneralText
{
  font-weight: bold;
  color: #000000;
  font-size: 14px;
  font-family: arial;
}

.boldInfo
{
  font-weight: bold;
  font-size: 16px;
  font-family: arial;
  color: #0033CC;
}

.boldBlueText
{
  font-weight: bold;
  color: #0033cc;
  font-size: 13px;
  font-family: arial;
}

.boldWhiteText
{
  font-weight: bold;
  color: #ffffff;
  font-size: 13px;
  font-family: arial;
}

.date
{
  vertical-align: center;
  font-weight: bold;
  font-family: arial;
  font-size: 16px;
  color: red;
}

.generalText
{
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.generalBlueText
{
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #0033CC;
  margin-left: 8px;
  margin-right: 3px;
}

.generalBoldText
{
  font-weight: bold;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.generalBoldUnderlinedText
{
  text-decoration: underline;
  font-weight: bold;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.generalRedText
{
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #ff3300;
  margin-left: 8px;
  margin-right: 3px;
}

.generalUnderlinedText
{
  text-decoration: underline;
  font-weight: normal;
  font-size: 13px;
  font-family: arial;
  color: #000000;
  margin-left: 8px;
  margin-right: 3px;
}

.info
{
  font-weight: bold;
  font-size: 11px;
  font-family: arial;
  color: #333333;
}

.lightRedText
{
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  color: #990000;
}

.pageSubTitle
{
  font-weight: bold;
  color: #000000;
  font-size: 21px;
  font-family: "verdana", arial;
}

.pageSubTitle2
{
  font-weight: bold;
  color: #000000;
  font-size: 18px;
  font-family: "verdana", arial;
}  

.pageTitle
{
  font-family: "verdana",arial;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
}

.programHeading
{
  font-family: "verdana", arial;
  font-weight: bold;
  font-size: 16px;
  font-color: #000000;
}

.programInfo
{
  font-family: arial;
  font-size: 10px;
  font-color: #000000;
}

.programTitle
{
  font-family: "verdana", arial;
  font-weight: bold;
  font-size: 18px;
  font-color: #000000;
}

.redSubtitle2
{
  font-family: "verdana", arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 18px;
}

.redText
{
  font-family: helvetica, arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 12px;
}

.redTitle
{
  font-family: "verdana", arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 26px;       
}

.underlinedSubtitle
{
  font-weight: bold;
  color: #000000;
  font-size: 18px;
  font-family: "verdana", arial;
  text-decoration: underline;
}

.super
{
  vertical-align: super;
  font-weight: bold;
  font-size: 22px;
  font-family: 'tahoma';
}


/* class used for highlighting text on a mouseover */

.hyperText
{
  color: #333333;
  font-family: arial, helvetica, geneva, sans-serif;
  font-size: 12px;
  background-color: #cccccc;
  padding: 5px;
  border: solid 2px #000000;
  width: 250px;
  layer-background-color: #cccccc 
}

#ht1,#ht2
{
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 10px;
  visibility: hidden 
}

#boxDescrps
{
  position: absolute;
  z-index: 80;
  left: 120;
  top: 425;
    height: 75px;
}
  






#wwmBox			/* wild west math */
{
  position: absolute;
  z-index: 76;
  left: 289;
  top: 305;
}

#matho2Box 		/* matho2 */
{
  position: absolute;
  z-index: 73;
  left: 398;
  top: 310;
}

#prof		/* professor von strudel */
{
  position: absolute;
  z-index: 76;
  left: 562;
  top: 202;
}

#sssBox			/* super science show */
{
  position: absolute;
  z-index: 76;
  left: 585;
  top: 335;
}

#cwbBox			/* chuck wagon bill */
{
  position: absolute;
  z-index: 75;
  left: 499;
  top: 305;
}

#matho1Box		/* matho1 */
{
  position: absolute;
  z-index: 72;
  left: 359;
  top: 205;
}

#abcBox			/* abc world */
{
  position: absolute;
  z-index: 74;
  left: 460;
  top: 200;
}



.redOrderTitle
{
  font-family: "verdana", arial;
  font-weight: bold;
  color: #ff3300;
  font-size: 22px;
}

p.orderpage
{
   font-family: "verdana",arial;
   font-weight:normal;
   color:Black;
   font-size:14px;
   margin:0px 50px 0px 50px;   
}

.productTitle
{
    font-family:"verdana",arial;
    font-weight:bold;
    color:#3c3e8a;
    font-size:1.2em;
}

.productSubtitle
{
    font-family:"verdana",arial;
    font-weight:bold;
    color:#3c3e8a;
    font-size:.9em;
}

.productSubhead
{
    font-family:"verdana",arial;
    font-weight:bold;
    color:#58c197;
    font-size:.9em;
} 

.productGrade
{
    font-family:"verdana",arial;
    font-weight:bold;
    color:Red;
    font-size:1.05em;
} 


.divProductTitle
{
	margin:10px 20px 10px 20px;
	padding:0px;
	border:0px;
    height: 70px;
    width:760px;
    background-color:White;
    position:relative;
}

.divProductDesc1
{
	margin:10px 10px 10px 10px;
	padding:0px;
	border:0px;
    width:760px;
    height:auto;   /*180px;*/
    background-color:White;
    position:relative;
    
}

.divProductDesc1 p
{
    font-family:"verdana",arial;
    font-weight:normal;
    color:Black;
    font-size:.9em;
 
}

.divProductDesc1 img
{
    margin:0px 20px 0px 0px;
} 

.divProductDesc2
{
   	margin:10px 10px 10px 10px;
	padding:0px;
	border:0px;
    height: auto;
    width:760px;
    background-color:White;
    position:relative;

}
       
.divProductDesc2 p
{
    font-family:"verdana",arial;
    font-weight:normal;
    color:Black;
    font-size:.9em;
    width:380px;
 
}

div#gallery
{
    width:380px;
    height:240px;
    position:absolute;
    left:400px;
    top:0px;    
    
}

.divTLOWrapper
{
   	margin:10px 10px 10px 10px;
	padding:0px;
	border:0px;
    height: 500px;
    width:760px;
    background-color:White;
    position:relative;
    
}

.divTLO
{
   	margin:10px 10px 10px 10px;
	padding:0px;
	border:0px;
    height: 476px;
    width:480px;
    background-color:#7b8596;
    position:relative;    
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
}

.divTLOContent
{
   	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
    height: 430px;
    width:440px;
    background-color:White;
    color:#494442;
    position:absolute;
    overflow:auto; 
    left:10px;
    top:30px;
    font-size:.8em; 
    font-weight:normal;  
    
}

.divTLOContent p
{
    margin:0px 10px 0px 10px;
    text-indent:-5px;
}

.divTLOContent innerHTML
{
    margin:0px 10px 0px 10px;   
}

.divPDBottom
{
   	margin:10px 10px 10px 10px;
	padding:0px;
	border:0px;
    height: 160px;
    width:760px;
    background-color:White;
    position:relative;
    font-size:.9em;
    
}

.divBlueline
{
    margin:0px;
    padding:0px;
    border:0px;
    height:2px;
    width:auto;
    background-image:url('../productsGraphics/TLOBlueLine.gif');
    background-repeat:repeat-x;
    
}


.divTLOWide
{
   	margin:10px 10px 10px 10px;
	padding:0px;
	border:0px;
    height: 476px;
    width:760px;
    background-color:#7b8596;
    position:relative;    
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
}

.divTLOContentWide
{
   	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
    height: 430px;
    width:740px;
    background-color:White;
    color:#494442;
    position:absolute;
    overflow:auto; 
    left:10px;
    top:30px;
    font-size:.8em; 
    font-weight:normal;  
    
}

.divTLOContentWide p
{
    margin:0px 10px 0px 10px;
    text-indent:-5px;
}

.divListBlue
{
    margin:0px;
    padding:0px;
    border:0px;
    background-color:White;
    width:auto;
    color:#3c3e8a;
    position:absolute;
    font-size:.9em;
    font-weight:normal;
}

.divListBlue ul
{
    margin:0px;
    padding:0px;
    border:0px;
    list-style-type:none;
}

.divProductNav
{
    margin:0px;
    padding:0px;
    border:0px;
    background-color:White;
    width:760px;
    color:#3c3e8a;
    font-size:.7em;
    font-weight:normal; 
    text-align:right; 
}

.divProductNav a
{
    text-decoration:none;
}