body {
	background-attachment:scroll;
	background-image: url(images/smartbackgrad.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	margin: 0px;
}
#container {
	background:url(images/backwhite.png) no-repeat 100px 144px;
	height:400px;
}
#headbox {
	width:690px;
}
#headbox h1 {
	width:471px;
	height:93px;
	background:url(animations/smartypantsanimation3.gif ) no-repeat left top;
	border: #CC99FF 2px double; 
	margin-left:100px;
	margin-top:20px;
}
#headbox h1 span{
	display:none;
}

#navbar {
	width:210px;
	margin-left:15px;
}
#navbar ul.topnav{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:70px;
	padding-bottom:15px;
}
/* this is so IE6 doesnt display the transparent PNGs as rubbish grey ones */
#navbar > ul.topnav{
	background:url(images/navshadow.png) no-repeat center bottom;
}

#navbar ul.topnav li{
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:0px;
}
#navbar p{
	width:210px;
	text-align:center;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}
#mainbox{
	position:absolute;
	background color: #FFFFFF;
	left:230px;
	top:150px;
	padding-left:20px;
	padding-top:30px;
	width:400px;
	padding-right:10px;
	padding-bottom:20px;
}
#mainbox p.short{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
}
#mainbox p.long{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
	width:600px;
}
#mainbox p.quote{
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#333333;
	line-height:1.5em;
	margin-left:40px;
	width:500px;
}
#mainbox a,a:link{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
#mainbox a:hover{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}
#mainbox ul{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
	}
#mainbox ul.long{
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
	width:560px;
	}
#mainbox li{
	padding-bottom:5px;
	}	
#mainbox h2 span{
	display:none;
}
/* Pic headers for SEO and that */

#mainbox h2.welcome{
	background:url(images/head_welcome.gif) no-repeat left top;
	width:216px;
	height:47px;
}
#mainbox h2.facilities{
	background:url(images/head_fac.gif) no-repeat left top;
	width:303px;
	height:41px;
}
#mainbox h2.philosophy{
	background:url(images/head_phil.gif) no-repeat left top;
	width:354px;
	height:50px;
}
#mainbox h2.programs{
	background:url(images/head_prog.gif) no-repeat left top;
	width:324px;
	height:51px;
}
#mainbox h2.parentsguide{
	background:url(images/head_parents.gif) no-repeat left top;
	width:333px;
	height:42px;
}
#mainbox h2.faqs{
	background:url(images/head_faqs.gif) no-repeat left top;
	width:129px;
	height:45px;
}
#mainbox h2.contact{
	background:url(images/head_cont.gif) no-repeat left top;
	width:253px;
	height:45px;
}
#mainbox .philtab td {
	padding:5px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
	text-align:center;
}
#mainbox .philtab th {
	background-color:#FF9900;
	padding:5px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
}
#mainbox .partab td {
	padding:5px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
	text-align:center;
}
#mainbox .partab th {
	background-color:#E35286;
	padding:5px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
}

#mainbox h4.red{
	font:1em Comic Sans, Comic Sans MS, cursive;
	font-weight:normal;
	padding-top:20px;
	width:600px;
	color:#FF0000;
}
#mainbox h4.yellow{
	font:1em Comic Sans, Comic Sans MS, cursive;
	font-weight:normal;
	padding-top:20px;
	width:600px;
	color:#FFCC00;
}
#mainbox h4.green{
	font:1em Comic Sans, Comic Sans MS, cursive;
	font-weight:normal;
	padding-top:20px;
	width:600px;
	color:#82BB59;
}
#mainbox h4.orange{
	font:1em Comic Sans, Comic Sans MS, cursive;
	font-weight:normal;
	padding-top:20px;
	width:600px;
	color:#FF9900;
}
#mainbox h4.pink{
	font:1em Comic Sans, Comic Sans MS, cursive;
	font-weight:normal;
	padding-top:20px;
	width:600px;
	color:#E35286;
}

#mainbox h5{
	font:0.9em Comic Sans, Comic Sans MS, cursive;
	font-weight:bold;
}
#mainbox h3{
	font:1.2em Comic Sans, Comic Sans MS, cursive;
	font-weight:normal;
}
#kidbox{
	position:absolute;
	left:670px;
	top:150px;
	background:url(images/animation_new.GIF) no-repeat left top;
	width:250px;
	height:200px;
}
#footerbox{
	width:600px;
	margin-top:40px;
	padding-top:5px;
	border-top:1px dashed #94E4FF;
	font:0.6em Arial, Helvetica, sans-serif;
	color:#94E4FF;
	}
#footerbox a,a:link {
	clear:inherit;
	font:1em Arial, Helvetica, sans-serif;
	color:#94E4FF;
	text-decoration:none;
}
#footerbox a:hover,a:visited {
	font:1em Arial, Helvetica, sans-serif;
	color:#33CCFF;
	text-decoration:underline;
}
#notice {
	position:absolute;
	left:550px;
	top:1px;
	width:350px;
	height:200px;
	padding:1px;
	border:5px solid #630;
	color:black;
	font:0.8em Comic Sans MS;
	background-color:#FFFFFF;
	background-image:url(images/notice_chalk.gif);
	background-position:1px bottom;
	background-repeat:no-repeat;
}
#notice p{
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}