body{
	background-image: url(../images/design/background.jpg);
	background-repeat: repeat-x;
	background-color: #493466;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
}

div.wrapper1{
	width: 928px;
	min-height: 35px;
	background-image: url(../images/design/headbg.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 5px 42px 0px 0px;
	text-align: right;
	
}

div.wrapper2{
	width: 970px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/design/downslice.png);
	background-repeat: repeat-y;
	vertical-align: top;
	overflow: auto;
}

div.leftmain{
	width: 203px;
	float: left;
	overflow: auto;
}

div.rightmain{
	width: 767px;
	background: transparent;
	float: left;
	overflow: auto;
}

div.rightmaincontent{
	width: 767px;
	background: transparent;
	float: left;
	color: black;
}

div.rightmaincontentb{
	width: 727px;
	background: transparent;
	float: left;
	overflow: auto;
	color: black;
	background-image:url(../images/design/contentb.png);
	background-position:left top;
	background-repeat:no-repeat;
	min-height: 250px;
	padding: 0px 0px 0px 0px;
	padding: 0px 20px 0px 15px;
}

div.rightmaincontentb img{
	padding: 0px 0px 0px 0px;
}

div.rightmaincontentnews{
	width: 727px;
	background: transparent;
	float: left;
	overflow: auto;
	color: black;
	background-image:url(../images/design/contentb.png);
	background-position:left top;
	background-repeat:no-repeat;
	min-height: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 15px;
}

div.rightmaincontentnews img{
	padding: 0px 10px 10px 0px;
}

div.rightmaincontentnews h2{
	padding: 0px 10px 0px 0px;
}

div.parents{
	width: 687px;
	background-image: url(../images/design/parentsbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 20px 30px 20px;
	margin: -3px 0px 0px 0px;
	color: #fff;
}

div.teachers{
	width: 687px;
	background-image: url(../images/design/teachersbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 20px 30px 20px;
	margin: -3px 0px 0px 0px;
	color: #fff;
}

div.pupils{
	width: 687px;
	background-image: url(../images/design/pupilsbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 20px 30px 20px;
	margin: -3px 0px 0px 0px;
	color: #fff;
}

div.righttop{
	width: 747px;
	padding: 28px 0px 0px 20px;
	min-height: 250px;
	background-image: url(../images/design/largebg.jpg);
	background-repeat: no-repeat;
}

div.rightsec{
	width: 747px;
	padding: 28px 0px 0px 20px;
	min-height: 250px;
	background-image: url(../images/design/second-bg.jpg);
	background-repeat: no-repeat;
}

div.calls{
	margin: -28px 0px 0px 0px;
}

div.boxwrapper{
	background-image: url(../images/design/boxes.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 757px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

div.boxleft{
	float: left;
	width: 211px;
	margin: 0px 0px 0px 20px;
	padding: 5px 7px 20px 7px;
}

div.boxright{
	float: right;
	width: 470px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

div.left{
	float: left;
	width: 211px;
	margin: 0px 0px 0px 0px;
	padding: 5px 7px 20px 7px;
}

div.right{
	float: right;
	width: 211px;
	margin: 0px 0px 0px 0px;
	padding: 5px 7px 20px 7px;
}


div.footer{
	width: 970px;
	background-image: url(../images/design/footer.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 20px 0px 25px 0px;
	text-align: center;
	font-size: 0.7em;
	color: #a59bb4;
}



h1{
	font-size: 22px;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}

h1.header{
color: #4a3567;
}

h1.top{
	width: 410px;
	font-size: 22px;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}

h2 {
	color:#483865;
	font-size: 1em;
}

h2.info {
	color:#ffffff;
	font-size: 1em;
	margin-top: 3px;
}

h2.top{
	width: 410px;
	font-size: 18px;
	font-weight: normal;
	margin: 14px 0px 0px 0px;
	color: #CFCFCF;
	background-image: url(../images/design/tick.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 28px;
}

h3.newshome{
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

ul {
	font-size: 0.8em;
}

ul.sitemap
{
font-size: 1em;
}

li {
	margin-bottom: 5px;
}

p {
	font-size: 0.8em;

}

p.newshome{
	font-size: 0.7em;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

p.testhome{
	font-size: 1.4em;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

p.testimonial {
	color: #666666;
	font-weight:bold;
	margin: 0px;
}

div.testmonials p{
	margin: 0px;
	padding: 0px;
}

a {
	color:#483865;	
	font-size: 0.8em;
	text-decoration: underline;
}

a:hover {
	
	text-decoration: none;
}

a.submenu{
	text-decoration: none;
	font-size: 1em;
}

a.submenu:hover{
	text-decoration: none;
	font-size: 1em;
	color: #dd412a;
}

a.footer{
	color: #a59bb4;
	text-decoration: underline;
	font-size: 1em;
}

a.footer:hover{
	color: #ffffff;
	text-decoration: none;
}

a.newshome{
	color: #ffffff;
	text-decoration: none;
	float: right;
	font-weight: bold;
	font-size: 1em;
}

a.newshome:hover{
	color: #06f861;
	text-decoration: none;
	float: right;
	font-weight: bold;
}

a.testhome{
	color: #ffffff;
	text-decoration: none;
	float: right;
	font-weight: bold;
	font-size: 1em;
}

a.testhome:hover{
	color: #ff5250;
	text-decoration: none;
	float: right;
	font-weight: bold;
}

a.shophome{
	color: #ffffff;
	text-decoration: none;
	float: right;
	font-weight: bold;
	font-size: 1em;
}

a.shophome:hover{
	color: #6985f3;
	text-decoration: none;
	float: right;
	font-weight: bold;
}

a.menuslicea{
	display: block;
	width: 183px;
	margin: 0px 0px 0px 10px;
	padding: 7px 0px 7px 10px;
	background-image: url(../images/design/menuslicea.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

a.menuslicea:hover{
	display: block;
	width: 183px;
	margin: 0px 0px 0px 10px;
	padding: 7px 0px 7px 10px;
	background-image: url(../images/design/menuslicea-on.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #1c1e4c;
	text-decoration: none;
}

a.menusliceb{
	display: block;
	width: 183px;
	margin: 0px 0px 0px 10px;
	padding: 7px 0px 7px 10px;
	background-image: url(../images/design/menusliceb.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #1c1e4c;;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

a.menusliceb:hover{
	display: block;
	width: 183px;
	margin: 0px 0px 0px 10px;
	padding: 7px 0px 7px 10px;
	background-image: url(../images/design/menusliceb-on.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #000000;
	text-decoration: none;
}

/* Links CSS here */

div.links{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: thin; 
	border-bottom-color:#000066; 
	border-bottom-style:dotted;
}

/* End of Links CSS */

/* Contact area CSS */

label.contact{
float: left;
width: 120px;
font-size: 0.8em;
}

label.contactbox{
font-size: 0.8em;
padding-left: 6px;
}

label.contactboxsmall{
font-size: 0.7em;
padding-left: 6px;
}

input.contact, textarea.contact{
width: 200px;
margin-bottom: 5px;
}

input.contactcode, textarea.contactcode{
width: 200px;
padding-top: 5px;
}

textarea.imagecap{
height: 80px;
margin: 0px;
}


textarea.right {
width:146px;
height:70px;
}

textarea.contact{
width: 200px;
height: 100px;
}

div.contactimage {
	padding: 0px 0px 0px 0px;
	text-align:left;
	float: right;
	width: 275px;

}

div.contactimage  img{
	padding: 0px 5px 5px 0px;
	text-align:left;
	float: left;
}

div.contactsubmit {
	width:325px;
	float:left;
	text-align:right;
	margin:0px;
	padding: 0px;
}

/* End contact area CSS */


/*Admin CSS */

div.adminpanel {
	overflow: overflow;
	background-image: url(../images/design/admin.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#483865;
	min-height: 41px;
	width: 928px;
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;

	
}

div.adminpanel p{
	font-size: 1em;
	color:#483865;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;

}

div.adminpanel a{
	text-decoration:underline;
}
div.adminpanel a:hover{
	text-decoration:none;
}

label.login{
float: left;
width: 120px;
font-size: 0.8em;
}

label.password{
float: left;
width: 180px;
font-size: 0.8em;
}

input.login {
width: 200px;
margin-bottom: 5px;
}

input.loginbutton {
width: 70px;
margin-bottom: 5px;
}

p.error {
	color: #FF0000;
	font-size: 0.8em;
}

p.success {
	color: #4BB300; 
	font-size: 0.8em;
}


br.login{
	clear: left;
}

label.title{
	float: left;
	width: 135px;
	font-size: 0.8em;
}

input.meta {
	width: 509px;
	margin-bottom: 5px;
}

input.login {
	width: 200px;
	margin-bottom: 5px;
}

textarea.button {
	width: 509px;
	height: 150px;
}


/*End of Admin CSS */