body {
	margin: 0;
	padding: 0;
	min-height: 768px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: x-small;
	background: #e9f2fb;
	color: #000;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
}

/* dummy rule for IE5 cause of voice-family hack */

.dummy {}
img { border: 0; }
#banner {
	width: 100%;
	height: 98px;
	background: #22224e;
}
#banner .img { float: left; width: 55%; }
#banner .nav {
	float: right;
	width: 40%;
	font-size: 90%;	
}
#banner .nav ul {
	margin: 3.5em 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
}
#banner .nav li {
	float: left;
	margin: 0;
	padding: 0 .3em 0 .3em;
	font-size: 125%;
	font-weight: bold;
}
#banner .nav a { padding: .3em 0 0 0; }
#banner .nav a:link {
	color: #c1c1c1;
	text-decoration: none;
}
#banner .nav a:visited {
	color: #c1c1c1;
	text-decoration: none;
}
#banner .nav a:hover {
	color: #c1c1c1;
	text-decoration: underline;
}
#content {
	clear: both;
	width: 100%;
}
#content .normal {
	padding: 1em 7em 1em 7em;
	background: #e9f2fb url(/images/normal-bg.gif) repeat-x;
}
#content .normal p, #content .normal li { position: relative; }

#content .normal .contact { width: 100%; }
#content .normal .contact td { width: 50%; vertical-align: top; }

#content .normal .pupils { width: 40%; }
#content .normal .pupils th { text-align: left; }
#content .normal .pupils caption {
	font-size: 110%;
	font-weight: bold;
	background: #ddd;
}
#content .normal .admissions { width: 60%; }
#content .normal .admissions th { text-align: left; }

#content .normal .blue { color: #191938; font-weight: bold; }
#content .normal h1 {
	width: 98%;
	font-family: Georgia, Arial, sans-serif;
	font-size: 170%;
	color: #191938;
	border-bottom: 1px solid #22224e;
	text-shadow: 1px 1px 1px #ccc;
}
#content .normal h2 {
	position: relative;
	font-family: Georgia, Arial, sans-serif;
	font-size: 150%;
	color: #191938;
	text-shadow: 1px 1px 1px #ccc;
}
#content .normal .fr {
	float: right;
	margin: 0 1em 0 1em;
	border: 1px solid #22224e;
}
#content .normal .fl {
	float: left;
	margin: 0 1em 0 0;
	border: 1px solid #22224e;
}
#content .normal .clearl { clear: left; }
#content .normal .clearr { clear: right; }
#content .normal .section { float: left; width: 46%; margin-right: 2%; }

#content h2 {
	font-family: Georgia, Arial, sans-serif;
	text-shadow: 1px 1px 1px #ccc;
}
#content .first {
	min-height: 321px;
	background: #00a8e9 url(/images/firstcontent-bg.gif) repeat-x;
}
* html #content .first { height: 341px; }

#content .first .text {
	float: left;
	width: 40%;
	padding: 1%;
}
#content .first .events {
	float: right;
	width: 53%;
	padding: 1%;
}
#content .first h2 {
	float: left;
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 150%;
	color: #191938;
	line-height: 48px;
	text-shadow: 1px 1px 1px #ccc;
}
#content .first h3 {
	clear: left;
	margin: 0;
	padding: 3px 0 0 0;
	text-shadow: 1px 1px 1px #ccc;
}
#content .first img {
	float: left;
	padding: 0 6px 6px 0;
}
#content .first table { clear: left; width: 100%; }
#content .first table td { width: 50%; }
#content .first table tr { vertical-align: top; }

#content .second {
	clear: both;
	min-height: 241px;
	background: #cfe4f7 url(/images/secondcontent-bg.gif) repeat-x;
}
* html #content .second { height: 241px; }
#content .second .section {
	float: left;
	padding: .5em .5em 0 .5em;
	width: 30%;
}
#content .second h2, #content .third h2 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	color: #191938;
	text-shadow: 1px 1px 1px #ccc;
}
#content .third h2 {
	padding: .5em;
	text-shadow: 1px 1px 1px #ccc;
}
#content .second p {
	margin: 0;
	padding: .2em;
}
#content .second .fl { float: left; padding: 0 .3em 0 0; }
#content .second .clearl { clear: left; }


#content .second table { width: 100%; margin-bottom: 1em; }
#content .second table th, #content .second table td { width: 50%; text-align: left; }

#content .third {
	clear: left;
	margin: 1em 0;
	background: #e4f1fc;
}
#content .third .section { line-height: 100px; }
#content .third .section h2 {
	float: left;
	text-shadow: 1px 1px 1px #ccc;
}
#content .third .img { float: left; padding-left: 1em; }

