@charset "UTF-8";
/* CSS Document */

div{display:block;margin:0;padding:0;}
a{text-decoration:none}
a:hover{text-decoration:underline}
.clear{clear:both}
img{border:0}

body{
	background-image:url(../res/bg.jpg);
	font-family:Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0;padding:0;
}

div#frame{
	width:780px;
	margin:0 auto;
}
div#header{
	height:240px;
	background-image:url(../res/header.jpg);
}
div#header h1 {display:none}

div#main {
	background-image:url(../res/main_strip.jpg);
	background-repeat:repeat-y;
}

div#links{
	float:left;
	width:164px;
}
div#links a {width:100%;display:block}
div#links a:hover{background-position:-100%}
div#links span{display:none}
a#nav_home{background-image:url(../res/nav_home.jpg);height:22px}
a#nav_about{background-image:url(../res/nav_about.jpg);height:23px}
a#nav_pupil{background-image:url(../res/nav_pupil.jpg);height:23px}
a#nav_parent{background-image:url(../res/nav_parent.jpg);height:22px}
a#nav_news{background-image:url(../res/nav_news.jpg);height:22px}
a#nav_tour{background-image:url(../res/nav_tour.jpg);height:23px}
a#nav_contact{background-image:url(../res/nav_contact.jpg);height:22px}
a#nav_search{background-image:url(../res/nav_search.jpg);height:22px}

div#links_btm{
	background-image:url(../res/links_btm.jpg);
	height:118px;
}

div#content {
	float:right;
	width:616px;
	background-image:url(../res/content_top.jpg);
	background-repeat:no-repeat;
	text-align:justify;
}

div#content h2{margin-top:0}
div#content_inner{
	margin-left:24px;
	margin-right:56px;
	width:536px;
	height:100px;
	min-height:100px;
	height:auto !important;
	font-size:0.9em;
}

div#footer{
	height:216px;
	background-image:url(../res/footer.jpg);
	width:100%;
}

div#address {
	margin-top:106px;
	margin-left:22px;
	float:left;
}
div#address p{margin:0;padding:0}
div#address p#schoolname {
	font-weight:bold;
	margin-bottom:2px;
	font-size:0.9em;
}
div#address p#schooldetails{
	font-size:0.8em;
}

div#logos{
	position:relative;
	float:right;
	top:130px;
	right:150px;
}
div#logos span{display:none}

.indent {
	display:block;
	margin-left:32px;
	margin-top:16px;
}

div.mid {text-align:center;padding-top:24px;margin-bottom:24px;}

div#toplinks, div#btmlinks {
	text-align:center;
	font-size:0.9em;
	padding:12px;
}

div#toplinks, div#toplinks a, div#btmlinks, div#btmlinks a {color:#f00}

ol.results {
	padding-left:22px;
	margin-bottom:40px;
}

ol.results li {
	margin-bottom:10px;
}