body {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
}
.container {
	width: 900px;
}
.logo {
	position: relative;
	width: 309px;
	height: 136px;
	z-index: 1;
	left: 307px;
	top: 15px;
}
.nav {
	position:relative;
	float: left;
	width:170px;
	z-index:1;
	left: 21px;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #22508C;
}
.nav a:link{
	color: #22508C;
	text-decoration: none;
} 
.nav a:active{
	color: #22508C;
	text-decoration: none;
} 
.nav a:hover{
	color: #22508C;
	text-decoration: none;
} 
.nav a:visited{
	color: #22508C;
	text-decoration: none;
}
.nav a:visited:hover{
	color: #22508C;
	text-decoration: none;
}
.nav-list {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	line-height:17px;
	text-indent: -35px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.nav-list a:link{
	color: #000000;
	text-decoration: none;
} 
.nav-list a:active{
	color: #000000;
	text-decoration: none;
} 
.nav-list a:hover{
	color: #333333;
	text-decoration: none;
} 
.nav-list a:visited{
	color: #000000;
	text-decoration: none;
}
.nav-list a:visited:hover{
	color: #333333;
	text-decoration: none;
}
.main {
	position:absolute;
	width:623px;
	height:131px;
	z-index:1;
	left: 263px;
	top: 218px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(images/main-bg.gif);
	background-repeat: no-repeat;
	padding: 10px 5px 5px 10px;
}
.main a:link{
	color: #22508C;
	text-decoration: underline;
} 
.main a:active{
	color: #22508C;
	text-decoration: underline;
} 
.main a:hover{
	color: #1D4376;
	text-decoration: underline;
} 
.main a:visited{
	color: #22508C;
	text-decoration: underline;
}
.main a:visited:hover{
	color: #1D4376;
	text-decoration: underline;
}
.maincopy {
	float:left;
	width:380px;
	height:150px;
	z-index:1;
}
.buynow {
	position:relative;
	float:right;
	width:215px;

	z-index:1;
	text-align:center;
}
.newsletter {
	position:absolute;
	width:631px;
	height:48px;
	z-index:1;
	left: 263px;
	top: 504px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(images/newsletter-bg.gif);
	background-repeat: no-repeat;
	padding: 15px 5px 5px 5px;
}
.newsletter a:link{
	color: #22508C;
	text-decoration: underline;
} 
.newsletter a:active{
	color: #22508C;
	text-decoration: underline;
} 
.newsletter a:hover{
	color: #1D4376;
	text-decoration: underline;
} 
.newsletter a:visited{
	color: #22508C;
	text-decoration: underline;
}
.newsletter a:visited:hover{
	color: #1D4376;
	text-decoration: underline;
}
.form{
	position: relative;
	float:right;
}
.field{
	position: relative;
	top: -40px;
	left: -93px;
	border: 1px solid #FEC40A;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 3px;
}
.button{
	position: relative;
	top: -34px;
	left: 150px;
}
.newsletterlinks{
	position: relative;
	top: -27px;
	float: right;
}
.panels{
	top: 70px;
	position: relative;
	clear: left;
	float: left;
	width: 198px;
	text-align:center;
}
.homeschool {
	position:absolute;
	width:622px;
	height:400px;
	z-index:1;
	left: 263px;
	top: 868px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(images/home-school-bg.gif);
	background-repeat: no-repeat;
	padding: 15px 5px 10px 10px;
}
.homeschool a:link{
	color: #FAAB26;
	text-decoration: underline;
} 
.homeschool a:active{
	color: #FAAB26;
	text-decoration: underline;
} 
.homeschool a:hover{
	color: #FAAB26;
	text-decoration: underline;
} 
.homeschool a:visited{
	color: #FAAB26;
	text-decoration: underline;
}
.homeschool a:visited:hover{
	color: #FAAB26;
	text-decoration: underline;
}
.robotics-old {
	position:absolute;
	width:309px;
	height:256px;
	z-index:1;
	left: 263px;
	top: 582px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(images/robotics-bg.gif);
	background-repeat: no-repeat;
	padding: 15px 5px 10px 10px;
}
.projects-old {
	position:absolute;
	width:302px;
	height:256px;
	z-index:1;
	left: 585px;
	top: 582px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image: url(images/projects-bg.gif);
	background-repeat: no-repeat;
	padding: 15px 5px 10px 10px;
}
.projects-old a:link{
	color: #F27862;
	text-decoration: underline;
} 
.projects-old a:active{
	color: #F27862;
	text-decoration: underline;
} 
.projects-old a:hover{
	color: #F27862;
	text-decoration: underline;
} 
.projects-old a:visited{
	color: #F27862;
	text-decoration: underline;
}
.projects-old a:visited:hover{
	color: #F27862;
	text-decoration: underline;
}
.footer {
	position:relative;
	clear: both;
	height: 172px;
	top: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	padding: 15px 5px 10px 10px;
	left: 0px;
}
.footer a:link{
	color: #333333;
	text-decoration: none;
} 
.footer a:active{
	color: #333333;
	text-decoration: none;
} 
.footer a:hover{
	color: #333333;
	text-decoration: none;
} 
.footer a:visited{
	color: #333333;
	text-decoration: none;
}
.footer a:visited:hover{
	color: #333333;
	text-decoration: none;
}
.field2{
	position: absolute;
	left: 670px;
	top: 23px;
	border: 1px solid #FEC40A;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 3px;
}
.newsletter-footer {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2F61A9;
	top: 29px;
	left: 457px;
}
.button2{
	position: absolute;
	left: 831px;
	top: 24px;
}
.footernav{
	position: absolute;
	left: 208px;
	top: 60px;
	height: 63px;
	width: 679px;
	text-align: right;
}
.toolsforthinking{
	position: absolute;
	left: 20px;
	top: 60px;
}
.main2 {
	position: relative;
	min-height: 500px;
	float: right;
	width: 700px;
	left: 20px;
	z-index:1;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 10px 5px 5px 10px;

}
.main2 a:link{
	color: #22508C;
	text-decoration: underline;
} 
.main2 a:active{
	color: #22508C;
	text-decoration: underline;
} 
.main2 a:hover{
	color: #1D4376;
	text-decoration: underline;
} 
.main2 a:visited{
	color: #22508C;
	text-decoration: underline;
}
.main2 a:visited:hover{
	color: #1D4376;
	text-decoration: underline;
}
.main2 h1 {
	font-size: 20px;
	font-weight: bold;
	color: #FEC40A;
}
.main2 h2 {
	font-size: 18px;
	font-weight: bold;
	color: #295BA5;
	margin: 0;
}
.main2 h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #DA033E;
}
.main2 h4 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #7AAC7B;
}
.instructions {
	color: #DA033E;
}

/*  */

.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 color:#333;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(images/dialog-tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(images/dialog-tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(images/dialog-ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(images/dialog-mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#FFF url(images/dialog-ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(images/dialog-bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(images/dialog-br.gif) no-repeat right 0px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}
.alert {
	border: 1px dashed #295BA5;
}


.robotics {
 width:50%;
 margin:0px auto;
 min-width:20em;
 color:#333;
 float:left;
}

.robotics .hd .c,
.robotics .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.robotics .ft .c {
 height:14px;
}

.robotics .hd {
 background:transparent url(images/robotics-tl.gif) no-repeat 0px 0px;
}

.robotics .hd .c {
 background:transparent url(images/robotics-tr.gif) no-repeat right 0px;
}

.robotics .bd {
 background:transparent url(images/robotics-ml.gif) repeat-y 0px 0px;
}

.robotics .bd .c {
 background:transparent url(images/robotics-mr.gif) repeat-y right 0px;
}

.robotics .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#E9EFF6 url(images/robotics-ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.robotics .ft {
 background:transparent url(images/robotics-bl.gif) no-repeat 0px 0px;
}

.robotics .ft .c {
 background:transparent url(images/robotics-br.gif) no-repeat right 0px;
}

/* content-specific */

.robotics h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.robotics p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .robotics pre {
 font-size:1.1em;
}

.main3 {
	position: relative;
	min-height: 400px;
	float: right;
	width: 650px;
	left: 50px;
	z-index:1;
	top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 10px 5px 5px 10px;

}
.projects {
 width:50%;
 margin:0px auto;
 min-width:20em;
 color:#333;
 float:right;
}

.projects .hd .c,
.projects .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.projects .ft .c {
 height:14px;
}

.projects .hd {
 background:transparent url(images/projects-tl.gif) no-repeat 0px 0px;
}

.projects .hd .c {
 background:transparent url(images/projects-tr.gif) no-repeat right 0px;
}

.projects .bd {
 background:transparent url(images/projects-ml.gif) repeat-y 0px 0px;
}

.projects .bd .c {
 background:transparent url(images/projects-mr.gif) repeat-y right 0px;
}

.projects .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#FDEDF4 url(images/projects-ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.projects .ft {
 background:transparent url(images/projects-bl.gif) no-repeat 0px 0px;
}

.projects .ft .c {
 background:transparent url(images/projects-br.gif) no-repeat right 0px;
}

/* content-specific */

.projects h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.projects p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .projects pre {
 font-size:1.1em;
}

.field3{
	position: relative;
	float: left;
	border: 1px solid #FEC40A;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 3px;
}
.button3{
	position: relative;
	float: left;
	padding-left: 10px;
}
.library-left {
	float: left;
	width: 50%;
}
.library-right {
	padding-bottom: 70px;
}
.library-image {
	padding-bottom: 30px;
	padding-right: 5px;
}