@charset "UTF-8";
/* CSS Document */




html {
	height: 100%;
	min-height: 100%;
	background-image: url(/img/bg.body.png); background-position: bottom; background-repeat: repeat-x; background-attachment: fixed;
	background-color: #f2f1f1;
}

body {margin: 0 auto 0 auto;
}


h1, h2, h3, p, a {font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; display: block; margin:0;}

h1 {color: #000066;}
h2 {color: #0000CC; font-size: 14px;}
h3 {font-size: 12px;}
p, ul {font-size: 12px; color: #111111; margin-bottom: 10px;}
ul {font-size: 12px; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;}
ul li {}
a {display: inline;}

.hidden {display: none;}

#masthead {
	display: block;
	float: left;
	width: 855px;
	height: 100px;
	margin: 20px 0 20px 0;
}

#logo {
	display: block;
	float: left;
	width: 300px;
	height: 100px;
	background-image: url(/img/logo.01.png); background-repeat: no-repeat;
}

a#playvideo {display: block; float: right; width: 300px; height: 100px; background-image: url(/img/play.video.png); background-repeat: no-repeat;}


#container01 {
	width: 855px;
	margin: 0 auto 0 auto;
	position: relative;
}

#container02topcap, #container02bottomcap {
	width:850px; height:5px;
	display: block; float: left;
	margin-left: 3px; margin-bottom: 0;
	background-image: url(/img/container02.topcap.png); background-repeat: no-repeat;
}
#container02bottomcap {background-image: url(/img/container02.bottomcap.png); background-repeat: no-repeat;}
#container02topcap {margin-top: 20px;}

#container02 {
	width:830px;
	display: block; float: left;
	margin-left: 3px;
	background-image: url(/img/container02.png); background-repeat: repeat-y;
	padding: 10px 10px 25px 10px;
	border-top: 10px solid #9999cc;
}

#container02 #sidebar {
	width: 300px; float:right; margin-left: 20px; display: block;
	
	
}

#sidebar a {display: block; border: none; margin: 5px;}
a img.tn {float:left; border: none; margin: 5px;}

#content, #productcontent {
	display: block;
	float: left;
	width: 500px;

}

#productdirectory h2, #productdirectory h3, #productdirectory p {
	width: 350px;
	margin-left: 150px;

}

.productlist {}

#footer {
	display: block;
	float: left;
	width: 855px;
	height: 25px;
	z-index: 10; margin-left: 10px;
}

#footer p {
	color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}

/* 

BEGIN PAGE TITLES

*/

h1#titleStudents, h1#titleEducators, h1#titleParents, h1#titleNumberLine, h1#titleAbout, h1#titleContact, h1#titleBuy {
	display:block; 
	float:left; 
	width: 850px; height: 150px; 
	margin: 5px 0 0 3px;
}

h1#titleStudents {background-image: url(/img/pagetitle.students.png); background-repeat: no-repeat;}
h1#titleEducators {background-image: url(/img/pagetitle.educators.png); background-repeat: no-repeat;}
h1#titleParents {background-image: url(/img/pagetitle.parents.png); background-repeat: no-repeat;}
h1#titleAbout {background-image: url(/img/pagetitle.about.png); background-repeat: no-repeat;}
h1#titleNumberLine {background-image: url(/img/pagetitle.numberline.png); background-repeat: no-repeat;}
h1#titleContact {background-image: url(/img/pagetitle.contact.png); background-repeat: no-repeat;}
h1#titleBuy {background-image: url(/img/pagetitle.buynow.png); background-repeat: no-repeat;}

/* 

END PAGE TITLES

*/


/* 

BEGIN NAVIGATION

*/

#navbar {
	display: block;
	float: left;
	width: 855px;
	height: 30px;
	margin: 0 0 0 2px;
}

#navNumberLine, #navParents, #navEducators, #navStudents, #navAbout, #navContact, #navBuy {
	display: block;
	float: left;
	height: 30px;
	background-image: url(/img/bg.navbar.png); background-repeat: no-repeat;  background-position: 0 0;
}

#navNumberLine {width: 206px;}
#navParents {width: 113px; background-position: -206px;}
#navEducators {width: 124px; background-position: -319px;}
#navStudents {width: 117px; background-position: -443px;}
#navAbout {width: 101px; background-position: -560px;}
#navContact {width: 88px; background-position: -661px;}
#navBuy {width: 105px; background-position: -749px;}




a:hover#navNumberLine {background-position: -855px;}
a:hover#navParents {background-position: -1061px;}
a:hover#navEducators {background-position: -1174px;}
a:hover#navStudents {background-position: -1298px;}
a:hover#navAbout {background-position: -1415px;}
a:hover#navContact {background-position: -1516px;}
a:hover#navBuy {background-position: -1604px;}

/* 

END NAVIGATION

*/

/* 

BEGIN HOME PAGE CONTENT

 */


#flash {
	display: block;
	float: left;
	width: 848px; height: 280px;
	margin: 6px 4px 0px 4px;
}

#lowerPanelLeft, #lowerPanelCenter, #lowerPanelRight {
	display: block;
	float: left;
	width: 280px; height: 230px;
	background-image: url(/img/bg.home.lowerpanel.blank.png);
}

#lowerPanelLeft {margin-left: 2px; background-image: url(/img/bg.home.lowerpanel.left.png);}

#lowerPanelCenter {margin: 0 5px 0 5px; background-image: url(/img/bg.home.lowerpanel.center.png);}

#lowerPanelRight {margin: 0 0 0 0px; background-image: url(/img/bg.home.lowerpanel.right.png);}


/* 

END HOME PAGE CONTENT

 */
 
body#video {background-color: #FFFFFF; margin: 0;}

#mediabar {
width: 853px; height: 42px; border: 1px solid #0099CC; background-color: #FFFFFF; padding: 1px; margin-top: 5px; float: left; background-image: url(/img/tagline.animation.gif); background-position: left; background-repeat: no-repeat;
}

#twitter {display: block; width: 131px; height: 40px; border: none; background-image: url(/img/twitter.gif); float: right;}
#twitter img {border: none;}