html { min-height: 100%; margin-bottom: 1px; }

body
{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
}

#container
{
	margin:auto;
	width:697px;
	font-size:1.2em;
	overflow:auto;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.clear-both
{
	clear:both;
}

#header, #header .left, #header .right
{
	width:100%;
	height:117px;
	background-image:url(../images/backgrounds/headermain.jpg);
}

#header .left, #header .right
{
	width:14px;
	background-image:url(../images/backgrounds/header-left-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
}

#header .right
{
	background-image:url(../images/backgrounds/header-right-bottom.jpg);
	float:right;
}

h1
{
	background-image:url(../images/logos/logo.gif);
	width:288px;
	height:19px;
	float:right;
	margin-top:74px;
	margin-right:20px;
}

h1 span, .hidden
{
	display:none;
}

ul#mainmenu
{
	width:100%;
	background-image:url(../images/backgrounds/main-menu-back.jpg);
}

ul#mainmenu a, .submenu ul a
{
	color:#FFFFFF;
	background-image:url(../images/backgrounds/links-back.gif);
	background-repeat:no-repeat;
	background-position:100% 3px;
	padding-right:6px;
	font-weight:bold;
}

ul#mainmenu li, .submenu ul li
{
	display:inline;
	float:left;
	margin-right:4px;
	padding-top:14px;
	height:30px;
}

ul#mainmenu li.first-item, .submenu ul li.first-item, ul#mainmenu li.first-item-selected
{
	background-image:url(../images/backgrounds/menu-left.jpg);
	background-position:0 30px;
	background-repeat:no-repeat;
}

ul#mainmenu li.first-item-selected
{
	background-image:url(../images/backgrounds/menu-left-selected.jpg);
}

ul#mainmenu li a.last-item, .submenu ul li a.last-item
{
	background-image:none;
}

ul#mainmenu li.selected
{
	background-image:url(../images/backgrounds/selected.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
}
		

ul#mainmenu li.first-item a,ul#mainmenu li.first-item-selected a
{
	margin-left:16px;
}

ul#mainmenu span
{
	width:100%;
	display:block;
	background-image:url(../images/backgrounds/menu-right.jpg);
	background-repeat:no-repeat;
	background-position:100% 100%;
	height:44px;
}

.main-text
{
	width:651px;
	margin-left:10px;
	margin-top:28px;
	margin-bottom:10px;
	float:left;
}

ul.links a, .main-text
{
	color:#662D91;
}

h2
{
	font-weight:bold;
	margin-bottom:8px;
	width:90%;
	display:block;
}

p
{
	margin-bottom:15px;
}

.large-headers p
{
	margin-bottom:15px;
}

.section-one
{
	float:left;
	width:456px;
	margin-right:12px;
}

.section-two
{
	width:228px;
	float:left;
}

.large-feature
{
	width:100%;
	height:127px;
	background-image:url(../images/backgrounds/box-top-right.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
}

.large-feature img
{
	margin-left:0px !important;
}

.small-feature
{
	width:100%;
	height:192px;
	background-image:url(../images/backgrounds/box-bottom-left.jpg);
	background-repeat:no-repeat;
	background-position:0 100%;
	margin-bottom:15px;
}

.small-feature, .large-feature
{
	color:#FFFFFF;
	background-color:#662D91;
	float:left;
	margin-top:17px;
	overflow:hidden;
}

.small-feature img
{
	margin-bottom:11px;
}

.small-feature h2 img
{
	margin-bottom:0px;
}

.small-feature-content
{
	margin-left:7px;
	width:90%;
}

.large-feature span, .small-feature span
{
	width:100%;
	height:100%;
	background-image:url(../images/backgrounds/box-bottom-right.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
	display:block;
}

.large-feature span
{
	_background-position:100% 96%;
}

.large-feature img
{
	margin-right:9px;
}

.large-feature h2
{
	display:inline;
}

.large-feature h2 img
{
	margin-top:15px;
	margin-bottom:8px;
}

.large-feature p
{
	display:block;
}

.submenu
{
	width:100%;
	background-image:url(../images/backgrounds/footer-middle.jpg);
	height:54px;
	float:left;
	margin-top:21px
}

.submenu span
{
	float:left;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/backgrounds/footer-left.jpg);
	background-repeat:no-repeat;
}

.submenu span.right
{
	background-image:url(../images/backgrounds/footer-right.jpg);
	background-position:100% 0;
}

.submenu ul
{
	margin-left:18px;
	margin-top:5px;
}

.logos
{
	width:100%;
	padding-bottom:15px;
	margin-top:22px;
	float:left;
}

.logos img
{
	margin-right:28px;
}

.logos img.devoted
{
	margin-right:0px;
	margin-top:22px;
}

.full-text
{
	width:100%;
}

.colour, .full-text, ol p, ul.highlight p
{
	color:#662d91;
}

.full-text h2 img
{
	margin-top:20px;
}

ul.page-menu
{
	margin-top:0px;
	margin-left:70px;
}

ul.page-menu li
{
	height:auto;
	padding-top:8px;
}

ul.page-menu li a.indent
{
	margin-left:35px;
}

ul.page-menu li a.outdent
{
	margin-left:-30px;
}

h2.first-element, img.top-allign
{
	margin-top:25px;
	margin-bottom:-10px;
}

img.top-allign
{
	margin-bottom:0px;
}

.pupils
{
	width:454px;
}

.pupils .small-feature, .pupils .small-feature span
{
	height:268px;
}

.pupil-feature
{
	height:427px;
	width:226px;
}

.highlight, ol, ul.links li span
{
	color:#00AEEF;
}

ol
{
	padding-left:30px;
	margin-left:-13px;
	margin-top:20px;
	margin-bottom:20px;
	width:458px;
}

h2.page-header
{
	margin-bottom:10px !important;
	display:block !important;
	float:left;
	width:100%;
}

label, input, .textarea
{
	display:block;
	width:100%;
	margin-bottom:7px;
}

.textarea
{
	height:133px;
	margin-bottom:10px;
}

.contact-left
{
	width:313px;
	margin-right:61px;
}

.contact-right
{
	width:320px;
	_width:300px;
}

.contact-right ul
{
	width:100%;
}

ol p, ul.highlight li p
{
	padding-left:20px;
}

ul.highlight
{
	margin-top:10px;
	margin-bottom:10px;
}

ul.highlight li
{
	background-image:url(../images/backgrounds/dash.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}

table
{
	margin-left:35px;
	margin-top:10px;
	margin-bottom:10px;
}

.uniform-left, .support-left
{
	float:left; 
	width:392px;
}

.support-left
{
	width:458px;
	padding-right:10px;
}

img.black-uniform
{
	margin-left:12px;
	margin-right:12px;
}

.staff-profile, .staff-profile-last
{
	width:338px;
	float:left;
	margin-right:18px;
	margin-top:10px;
	margin-bottom:18px;
}

.staff-profile-last
{
	margin-right:0px;
}

.staff-profile img, .staff-profile-last img
{
	margin-right:10px;
}

.staff-profile p, .staff-profile-last p
{
	margin:0px;
}

h3
{
	margin-bottom:20px;
}

ul.links
{
	margin-bottom:20px;
}

table img
{
	margin-bottom:10px;
	margin-right:10px;
	margin-top:10px;
}

.gallery table
{
	margin:0px;
}

h2 a.top
{
	display:block;
	float:left;
	margin-left:20px;
	margin-top:20px;
}

td
{
	padding-right:10px;
}

.box-main
{
	width:228px;
	float:left;
	background-color:#440E62;
	color:#FFFFFF;
}

.box-main ul, .box-main p
{
	width:80%;
	margin:auto
}

.box-main ul li
{
	margin-bottom:4px;
	float:left;
	width:100%;
}

.box-main p
{
	margin-bottom:10px;
}

.box-main .header, .box-main .footer
{
	height:23px;
	background-image:url(../images/backgrounds/box-top.gif);
}

.box-main .footer
{
	background-image:url(../images/backgrounds/box-bottom.gif);
}