html, body {height: 100%;}

body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, sans-serif; font-size:12px; color:#7d7d7d;
	background: url('/images/bg.jpg') repeat-x top;
}



#container{
	min-height: 100%;
margin: 0 auto;
  width:893px;
  padding:0px;
}

#applogos {width:863px;
	clear: both;
	overflow:hidden;
	padding-top:25px;
	}

pre {overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: normal; /* css-3 */
 white-space: -moz-normal !important; /* Mozilla, since 1999 */
 white-space: -normal; /* Opera 4-6 */
 white-space: -o-normal; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */

}

.threecol 
{
float: left;
width: 280px;
overflow: hidden;

}

#threecolcontain
{

width: 100%;
overflow: hidden;
padding:0 0 5px 0;
}

#leftcontent {
	width: 481px;
	height: 320px;
	padding-right:10px;
	overflow: auto;
	float:left;
	}
#rightcontent {
	width: 337px;
	overflow:hidden;
	float: right;
	text-align:right;
	}
	
	#leftcontentadmin {
	width: 417px;
	padding-right:10px;
	overflow: hidden;
	float:left;
	}
	
	#rightcontentadmin {
	width: 420px;
	overflow:hidden;
	float: right;
	padding-top: 20px;

	}
	
		#rightcontentadminstats {
	width: 350px;
	padding:5px 5px 5px 5px;
	height:185px;
	overflow:auto;
	border:#999 1px solid;
float:right;

	}

	.announce {font-size: 11px; font-weight:bold; color: #000;}
	
	.list1 {
		background-color: #dddddd;
		width: 350px;
		height:18px;
		padding:5px;
		font-size:15px;
		overflow:hidden;
		}
		
		.list1 a:link {font-size:15px;
		color:#666;
		}
		
		.list1 a:visited {font-size:15px;
		color:#666;
		}
		.list1 a:hover {font-size:15px;
		color:#666;
		text-decoration:underline;
		}
		
		
			.list0 {
				font-size:15px;
		background-color: #ffffff;
		width: 350px;
				height:18px;

		padding:5px;
		overflow:hidden;
		}
		
		.list0 a:link {font-size:15px;
		color:#666;
		}
		
		.list0 a:visited {font-size:15px;
		color:#666;
		}
		.list0 a:hover {font-size:15px;
		color:#666;
		text-decoration:underline;
		}
	
	
		.greylist {
		font-size:15px;
		background-color: #dddddd;
		width: 840px;
		height:24px;
		padding:5px;
		overflow: hidden;
		}
		
		.whitelist {
		font-size:15px;
		background-color: #ffffff;
			width: 840px;
				height:24px;
		padding:5px;
		overflow: hidden;
		}
	

	
a:link {
	color:#000000;
	font-family:Arial, sans-serif; font-size:12px;
	text-decoration:none;
}

.admintopright {float: right;}


.leftprint {
	float:left;
	width: 300px;
	font-size:15px;
}

.leftprint a:link{
	font-size:15px;
	color:#666666;
}

.leftprint a:visited {
	font-size:15px;
		color:#666666;
}



.rightprint {
	float:right;
	text-align:right;
	width: 520px;
	font-size:15px;
}

.leftinput {
	float:left;
	width: 160px;
	font-size:15px;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
}
.leftinputsch {
	float:left;
	width: 60px;
	font-size:15px;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
}

#comment {width:100%; clear:both; padding-top:10px;}

 .parentcomment {width: 98%; height: 80px; padding:5px;
background-color: #fff;
border: #ccffff 2px solid;
font-family:arial, Verdana; font-size:11px; color:#000000;}

 .parentsubmit {
background-color: #ccffff;
border: #ccffff 2px solid;
font-family:arial, Verdana; font-size:11px; color:#666;}
	
	.textright {text-align:right;}
	
	.adminformsleft { width: 50px; float:left; clear:left; padding:4px 0 0 0; }
	.adminformsright {width: 220px; float:left; clear:right;}
	
	#adminheader{font-size:40px;
	font-weight:bold;
	letter-spacing:-0.1em;
	width:100%;
	padding-bottom: 15px;
	}
	
			#adminheadersub{font-size:40px;
	font-weight:bold;
	letter-spacing:-0.1em;
	width:100%;
	padding-bottom: 15px;
	border-bottom: #7d7d7d 1px solid;
	}
	
	
	.admintitle {font-size:22px;
	font-weight:bold;}
	
	.adminimages {	float:left;
	width: 246px;
	padding-left:20px;
	padding-bottom:20px;}
	
	
	#adminteachers {
		width:230px;
		height:212px;
		background: url('/images/adminteacher.jpg') no-repeat;
		
		}
#adminteachers:hover {background: url('/images/adminteacherover.jpg') no-repeat;}
#adminteachers a, #adminteachers a:visited {display:block; height:212px; width:230px;}
	
	
		#adminpupils {
		width:230px;
		height:212px;
		background: url('/images/adminpupil.jpg') no-repeat;
		}
#adminpupils:hover {background: url('/images/adminpupilover.jpg') no-repeat; }
#adminpupils a, #adminpupils a:visited {display:block; height:212px; width:230px; }



		#adminclass {
		width:230px;
		height:212px;
		background: url('/images/adminclass.jpg') no-repeat;
		}
#adminclass:hover {background: url('/images/adminclassover.jpg') no-repeat; }
#adminclass a, #adminclass a:visited {display:block; height:212px; width:230px; }

		#adminreports {
		width:230px;
		height:212px;
		background: url('/images/adminreport.jpg') no-repeat;
		}
#adminreports:hover {background: url('/images/adminreportover.jpg') no-repeat; }
#adminreports a, #adminreports a:visited {display:block; height:212px; width:230px; }


		#admincomments {
		width:230px;
		height:212px;
		background: url('/images/admincomment.jpg') no-repeat;
		}
#admincomments:hover {background: url('/images/admincommentover.jpg') no-repeat; }
#admincomments a, #admincomments a:visited {display:block; height:212px; width:230px; }




		#adminhead {
		width:230px;
		height:212px;
		background: url('/images/adminhead.jpg') no-repeat;
		}
#adminhead:hover {background: url('/images/adminheadover.jpg') no-repeat; }
#adminhead a, #adminhead a:visited {display:block; height:212px; width:230px; }

#adminschool{
		width:230px;
		height:212px;
		background: url('/images/adminschool.jpg') no-repeat;
		}
#adminschool:hover {background: url('/images/adminschoolover.jpg') no-repeat; }
#adminschool a, #adminschool a:visited {display:block; height:212px; width:230px; }

#adminprint{
		width:230px;
		height:212px;
		background: url('/images/adminprint.jpg') no-repeat;
		}
#adminprint:hover {background: url('/images/adminprintover.jpg') no-repeat; }
#adminprint a, #adminprint a:visited {display:block; height:212px; width:230px; }

#adminschooltemplate{
		width:230px;
		height:212px;
		background: url('/images/admintemplate.jpg') no-repeat;
		}
#adminschooltemplate:hover {background: url('/images/admintemplateover.jpg') no-repeat; }
#adminschooltemplate a, #adminschooltemplate a:visited {display:block; height:212px; width:230px; }

	
	#adminleft{	float:left;
	width: 390px;
	overflow:hidden;

	}
	
	#adminleftgrey{	float:left;
	width: 355px;
	overflow:hidden;
	background-color:#dddddd;
	border: #bbbbbb 2px solid;
	margin-right:15px;
	padding:10px;
	}
	
	#adminright {
		float:left;
	width: 431px;
	overflow:hidden;
	background-color:#dddddd;
	border: #bbbbbb 2px solid;
	padding:10px;
		}
	
	.admininput {
		border:#919191 2px solid;
		padding: 3px;
		margin: 3px;
		width: 250px;
		
		}
	
	
	.titleinput {
		border:#d3d3d3 1px solid;
		padding: 3px;
		width: 250px;
		
		}
	
	
	#adminbg {
				background: url('/images/adminbg.jpg') no-repeat;
				width: 850px;
				height: 765px;
				padding-top:25px;
		
		}
	#adminmain {
		margin: 0 auto;
		width:800px;
		clear:both;
		overflow:hidden;
		background-color:#dddddd;
		
		}
		

	

a:visited {
	color:#000000;
	font-family:Arial, sans-serif; font-size:12px;
	text-decoration:none;
}
a:hover {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:12px;
	text-decoration:underline;
}

#header
{
height: 80px;
padding:0;
margin-left:5px;
overflow:hidden;
}
#headerlinks
{
	padding-bottom:10px;
		background: url('/images/headerlinksbg.jpg') bottom no-repeat;

overflow:hidden;
}


#links {
	height: 40px;
	margin-left:6px;
	width:780px;
padding:0;
float:left;
	}
	
	#linksright {
		height: 30px;
		margin-top:10px;
	width:100px;
padding:0;
float: right;
text-align:right;
		}
		
		.padright {
			margin-right:3px;
			}
	
	
	#links a:link {
	margin-right:10px;
}

.feature {float:left;
width:411px;
padding-right: 10px;
font-size: 14px;
height:135px

}

	.feature a:link {
		color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:14px;
	text-decoration:underline;
}


.feature a:visited {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:14px;
	text-decoration:underline;
}
.feature a:hover {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:14px;
	text-decoration:none;
}


.feature img {
padding-right: 30px;
padding-left:20px;
padding-top:15px;
	
	}


.featurehead {
	font-size:18px;
	font-weight:bold;
	color:#000;
	}

.grey {background-color:#e0e0e0;}


#links a:visited {
	margin-right:10px;
}
#links a:hover {
	margin-right:10px;
}
	
.homeinput{
width: 227px; padding:5px;
background-color: #ffffff;
border: #e7e6db 1px solid;
font-family:arial, Verdana; font-size:11px; color:#000000;
margin-bottom:7px;
}

.contactinput{
width: 245px; padding:5px;
background-color: #fff;
border:#919191 2px solid;
font-family:arial, Verdana; font-size:11px; color:#000000;
}

.contactinputtextarea{
width: 245px; height: 100px; padding:5px;
background-color: #fff;
border: #919191 2px solid;
font-family:arial, Verdana; font-size:11px; color:#000000;
}



#homecontent{
  width:853px;
  padding: 0 20px 0 20px;
  	background: url('/images/homecontent.jpg') repeat-y;
	overflow:hidden;
	

}




#aboutbg{
  width:828px;
  padding-left:15px;
  	background: url('/images/aboutbg.jpg') no-repeat;
	overflow:hidden;
	padding-top:60px;
	min-height:320px;
	font-size:14px;
}
#pricebg{
  width:828px;
  padding-left:15px;
  	background: url('/images/pricebg.jpg') no-repeat;
	overflow:hidden;
	padding-top:60px;
	min-height:320px;
	font-size:14px;
}
#featurebg{
  width:843px;
  	background: url('/images/featurebg.jpg') no-repeat;
	overflow:hidden;
	padding-top:60px;
	min-height:320px;
}
#enquirebg{
  width:828px;
  padding-left:15px;
  	background: url('/images/enquirebg.jpg') no-repeat;
	overflow:hidden;
	padding-top:60px;
	min-height:320px;
}

#report{
  width:100%;
	overflow:hidden;
	clear:both;
}


#demobg{
  width:828px;
  padding-left:15px;
  	background: url('/images/demobg.jpg') no-repeat;
	overflow:hidden;
	padding-top:60px;
	min-height:320px;
	font-size:14px;
}

.demohead {font-size:16px;
font-weight:bold;}


#contactrightdiv {
	
	  width:461px;
	 height: 372px;
  padding:0;
  	background: url('/images/contactbg.jpg') no-repeat;
	float: right;
	}
	
	#contactleftdiv {
		
		 width:392px;
		 float: left;
		
		}
		
		.black {
			color: black;
			}
			
	
			
				.fontsize {
			font-size: 12px;
			}
			
			
			#headmain {
				width: 852px;
				border-bottom: #b1b1b1 5px solid;
				min-height:100px;
				overflow:hidden;
				}
				
				#subhead1 {
				width: 852px;
				min-height:200px;
				overflow:hidden;
				clear:both;
				}
				
					#subhead2 {
				width: 852px;
				overflow:hidden;
								clear:both;
				}
				
				
			
		.rightalign {text-align:right;}
		.headleft{
				width:50%;
			float: left;
			font-size:24px;
			color:#000000;
			overflow:hidden;
			}
		
		.headright{
			width:50%;
			float:right;
			overflow:hidden;
			font-size: 17px;
			line-height:140%;
			}
			
				.headrightreport{
					color: #000;
			width:50%;
			float:right;
			overflow:hidden;

			text-align:right;
			font-size:12px;
			}
			
			#adminarea {
				width:100%;
				clear:both;
				}
		
	
	.boxform {height: 330px;}
	
		.passwordremind{padding-top:5px;}
		
#adminbox {
	float: left;
width:242px;
height: 339px;
	background: url('/images/adminbox.jpg') no-repeat;
	padding: 20px;
	margin-right:5px;

}

#teacherbox {
	float: left;
width:240px;
height: 339px;
	background: url('/images/teacherbox.jpg') no-repeat;
	padding: 20px;
	margin-right:5px;
}
#pupilbox {
	float: left;
width:240px;
height: 339px;
	background: url('/images/pupilbox.jpg') no-repeat;
	padding: 20px;
}



hr{
	border:0;
	background-color:#ccffff;
height: 5px;/*whatever the total width of the border-top and border-bottom equal*/
}


textarea{
 font-family:verdana, arial; font-size:12px; color:#33ccff; 
}



h1 { 
 margin-top: 0; margin-bottom: 0; font-family:Arial, sans-serif; font-weight:bold; font-size:14px; color:#7d7d7d;
}
h1 a:link {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:14px;
	text-decoration:none;
	padding-right:25px;
}


h1 a:visited {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:14px;
	text-decoration:none;
	padding-right:25px;
}
h1 a:hover {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:14px;
	text-decoration:underline;
	padding-right:25px;
}

h2 {
 margin-top: 0; margin-bottom: 0; font-family:Arial, sans-serif; font-weight:bold; font-size:12px; color:#7d7d7d;
}

h3 {
  margin-top: 0; margin-bottom: 0; font-family:Arial, sans-serif; font-weight:bold; font-size:12px; color:#000000;
}
h4 {
  margin-top: 0; margin-bottom: 0; font-family:Arial, sans-serif; font-weight:bold; font-size:12px; color:#333331;
}
img
{
border:0;
}
.error {
font-family:Arial, sans-serif; font-size:10px; color:#FF0000;
}

#bottomright
{
	color: #1a1a1a;
text-align:right;
}
#bottomright a:link
{
	color: #1a1a1a;
	padding-left: 30px;
	padding-right: 0px;
}

#bottomright a:visited
{
	color: #1a1a1a;
	padding-left: 30px;
	padding-right: 0px;
}

.homeerror {
font-family:Arial, sans-serif; font-size:10px; color:#ffffff;
}

#bottom{	
width:873px;
	clear: both;
	font-family:Arial, sans-serif; font-size:9px;
	overflow:auto;
	padding-bottom: 150px;  /* must be same height as the footer */
	padding-left: 20px;
	
}

	#bottom a:link {
		color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:10px;
	text-decoration:underline;
}


#bottom a:visited {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:10px;
	text-decoration:underline;
}
#bottom a:hover {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:10px;
	text-decoration:none;
}

.fourcol{float:left; width: 218px;}

#news{padding-top: 5px; width:853px;; clear:both; overflow:hidden; font-size:10px;}



#contentbottom{background: url('/images/footerbg.jpg') top no-repeat; height:19px; clear:both;}

#footer {

	position: relative;
	margin-top: -150px; /* negative value of footer height */
	min-height: 150px;
background-color: #d1d1d1;
	width: 100%;clear:both; overflow:visible;
font-family:Arial, sans-serif; font-size:10px;
overflow: hidden;

}

#footertop {
	background: url('/images/footertop.png') top repeat-x; height:80px; clear:both;
	
	}
#footertopcontainer {
		margin: 0 auto;
	width: 893px;
	overflow: hidden;

}



#footercontainer {
		margin: 0 auto;
	 padding: 10px 20px 0 20px;
	width: 853px;
	clear:both; overflow:hidden;}

#footerright{
	width: 273px;
	float: right;
	text-align:right;
		height:60px;
	}
#footerleft{
	width:490px;
	float: left;
	height:60px;
	}	
	
	
	
	#footerleft a:link {
		color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:10px;
	text-decoration:none;
}


#footerleft a:visited {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:10px;
	text-decoration:none;
}
#footerleft a:hover {
	color: #7d7d7d;
	font-family:Arial, sans-serif; font-size:10px;
	text-decoration:underline;
}
	
	#vertical_slide{
	font-size: 12px;
	}
	
	#commentbank {
		width:830px;
		height:120px;
		overflow:auto;
		border: #CCC 1px inset;
		background-color:#dddddd;
		padding:10px;
		position:relative;

		}

	

		.commentbankcomment{ width:805px; padding: 5px; background-color:#fff; margin-bottom:5px; display:block; 
		cursor:pointer;cursor:hand; float:left}
		
		.commentbanktitle {float:right; font-size:9px;}
		
	
	.half {width: 50%; float: left; overflow:hidden;}
	
	#floatleft {float:left; overflow:hidden;}
	#floatright {float:right; overflow:hidden; width:300px; text-align:right;}
	#commentholder {width: 852px; overflow:hidden;}
	
	
	
	 /* accordian */
	
	
	#accordion  {
  margin: 0;
  width: 600px;
  padding:0;
  overflow:hidden;
}
  #accordion H2 {
	  height:23px;
	   background: url('/images/tab.png') top left no-repeat;
    background-color: #dddddd;
    color: #666;
    cursor: pointer;
    font: 14px Arial, Helvetica, sans-serif;

    margin: 5px 0 0 0;
    padding: 5px 0 0 40px;
  }
    #accordion H2:hover {
    color: #fff;
  
  }
  
  #accordion H2.active {
    color: #fff;
	font-weight:bold;
  
  }
   
  #accordion .contentacc {
    background-color: #f4f3f3;
	padding:0 5px 5px 5px;
	
  }

 
 
<!-- //TABS CSS-->
<!--#home {background-color:#000; overflow:hidden; width:830px;}-->

	.featuretab {
		position:absolute;
		width:820px;
		overflow:hidden;
		padding: 0px;
		}

#tabs { margin-left:0;margin-bottom:5px;}
#tabs li {background-color:transparent;display:inline;float:none;list-style:none; }
#tabs li a {background-color:#edd; color:#333; display:inline; height:auto;padding:5px 15px;text-decoration:none;width:auto;}
#tabs li a.active { background-color:#fff;color:#000; }





#linkfeatures {background: url('/images/featurelink.png'); height:28px; width:75px; float:left;}
#linkfeatures:hover {background: url('/images/featurelinkover.png'); height:28px; width:75px; }
#linkfeatures a, #linkfeatures a:visited {display:block; height:28px; width:75px; }

#linkpricing {background: url('/images/pricelink.png'); height:28px; width:75px; float:left;}
#linkpricing:hover {background: url('/images/pricelinkover.png'); height:28px; width:75px; }
#linkpricing a, #linkpricing a:visited {display:block; height:28px; width:75px; }

#linkcontact {background: url('/images/contactlink.png'); height:28px; width:75px; float:left;}
#linkcontact:hover {background: url('/images/contactlinkover.png'); height:28px; width:75px; }
#linkcontact a, #linkcontact a:visited {display:block; height:28px; width:75px; }


#linkhome{background: url('/images/homelink.png'); height:28px; width:55px; float:left;}
#linkhome:hover {background: url('/images/homelinkover.png'); height:28px; width:55px; }
#linkhome a, #linkhome a:visited {display:block; height:28px; width:55px; }

#linkabout1 {background: url('/images/aboutlink.png'); height:28px; width:154px; float:left; }
#linkabout1:hover {background: url('/images/aboutlinkover.png'); height:28px; width:154px; }
#linkabout1 a, #linkabout1 a:visited {display:block; height:28px; width:154px; }