/* screen */

/* INIT
------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* If you uncomment this, remember to define focus styles! */
/* :focus { outline: 0; }*/
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
img { border-style: solid; border-color: #000; border-width: 0; }

body
{
	margin: 0;
	padding: 0;
	font: 100% verdana,helvetica,arial,sans-serif;
	background: #fff url(../images/bg_body.gif) repeat-y top center;
	color: #555;
	text-align: center;
}

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }

#container { width: 760px; margin: 0 auto; text-align: left; position: relative; }

/* HEADER
------------------------------------------------*/
#header { overflow: hidden; width: 760px; height: 150px; margin: 0; padding: 0; position: relative; }
#header #flash { overflow: hidden; width: 760px; height: 150px; margin: 0; padding: 0; }
#header a { display: block; width: 160px; height: 99px; text-decoration: none; }

.home #header { width: 760px; height: 300px; position: relative; margin: 0; padding: 0; }
.home #header #flash { width: 760px; height: 300px; margin: 0; padding: 0; }

/* NAV -- MOVED TO EXTERNAL FILE
------------------------------------------------*/

/* BREADCRUMB
------------------------------------------------*/
#breadcrumb { width: 740px; clear: both; padding: 7px 10px; background: #FFF3CA; color: #000; margin-bottom: 1em; font-size: 70%; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; line-height: 1.4; }
#breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #05a; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #29f; background: transparent; text-decoration: none; }
#breadcrumb strong { color: #333; }

/* CONTENT MAIN COLUMN
------------------------------------------------*/
#content { clear: both; width: 740px; padding: 10px; font-size: 90%; line-height: 1.4; }
.home #content { float: left; padding: 20px 15px 40px 15px; width: 730px; background: #ecf1f7 url(../images/bg_lines.gif) no-repeat left bottom; }
.home #content #wrapper { width: 520px; float: left; }

/* PROSPECTUS
------------------------------------------------*/
#content #prospectus { float: right; display: inline; width: 150px; margin: 0 20px 30px; text-align: center; }
#content #prospectus p { margin: 0; }
#content #prospectus a:link, #content #prospectus a:visited { text-decoration: none; color: #09479b; }
#content #prospectus a:hover, #content #prospectus a:active { color: #66a2ff; }


/* COMMENT TEXT
------------------------------------------------*/
#comment { clear: both; width: 740px; font-size: 90%; padding: 10px; }
#comment h2 { margin: 0 0 0.75em; color: #738056; font: normal 130%/1.0 "Trebuchet MS", verdana, arial, sans-serif; }
#comment .credit { font-size: 90%; color: #738056; }

#comment #more-comments { text-align: right; font-weight: bold; }
#comment #more-comments a:link, #comment #more-comments a:visited { color: #eb643a; text-decoration: none; }
#comment #more-comments a:hover, #comment #more-comments a:active { color: #eb643a; text-decoration: underline; }

/* CONTENT GENERIC
------------------------------------------------*/
#content h1
{
	color: #eb643a;
	margin: 0 0 1em;
	padding: 0;
	font: normal 150%/1.0 "Trebuchet MS", verdana, arial, sans-serif;
}
#content h2 {
	margin: .5em 0 1em;
	padding: 0;
	color: #234a83;
	font: normal 100%/1 verdana, arial, sans-serif;
}
#content h2.error { color: red; }
#content h3 { font-size: 90%; font-weight: bold; line-height: normal; margin: 2px 0; }
#content p { padding: 0; margin: 0 0 1em; font-size: 90%; }

#content a:link { text-decoration: underline; color: #05a; background-color: transparent; }
#content a:visited { text-decoration: underline; color: #024; background-color: transparent; }
#content a:hover, #content a:active { text-decoration: none; color: #29f; background-color: transparent; }
#content a.ux:link, #content a.ux:visited { text-decoration: none; }

#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content ul { margin: 1em 0; padding: 0 0 0 2em; list-style-type: square; font-size: 90%; }
#content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: decimal; font-size: 90%; }
#content ul li { margin-bottom: .2em; }

#content table { border-collapse: collapse; }
#content td, #content th { border: 0; font-size: 90%; vertical-align: top; }
#content td h2 { margin-top: 0; padding-top: 0; font-size: 110%; }

#content .contactform p span { color: #eb643a; }
#content .contactform fieldset { margin-bottom: 1em; }
#content .contactform label {  font-size: 90%; width: 110px; float: left; text-align: left; clear: left; margin-bottom: 5px; }
#content .contactform .pupil label { width: 150px; }
#content .contactform label span { color: #eb643a; }
#content .contactform input, #content .contactform select, #content .contactform textarea { width: 400px; background-color: #fff; float: left; margin-left: 10px; border: 1px solid #ccc; color: #555; font-family: verdana, sans-serif; font-size: 90%; }
#content .contactform textarea { height: 100px; }
#content .contactform .hwid { width: 200px; }
#content .contactform .tqwid { width: 300px; }
#content .contactform .qwid { width: 100px; }
#content .contactform .ewid { width: 50px; }
#content .contactform .check { width: auto; }
#content .contactform input.submit { width: auto; font-weight: bold;  float: right; margin: 1em 220px 1em 0; border-width: 2px; border-style: outset }

/* GALLERY */
#content .gallery { width: 720px; margin-bottom: 2em; float: left; }
#content .gallery a { display: block; width: 100px; height: 100px; text-align: center; vertical-align: middle; float: left; margin: 20px 20px 0 0; border: 1px solid #bebdbe; text-decoration: none; }
#content .gallery .last { margin-right: 0; }

/* FOOTER
------------------------------------------------*/
#footer { background: #1b1464; color: #72879c; clear: both; margin: 1em 0 0; font: 70%/1.2 verdana,arial,sans-serif; }
#footer p { padding: 10px 15px; }
#footer strong { color: #fff; font-weight: bold; }
#footer a:link, #footer a:visited { color: #ccc; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #84a3cd; background-color: transparent; text-decoration: none; }

#ddlink { width: 760px; margin-bottom: 1em; text-align: right; font: 70%/1.2 verdana,arial,sans-serif; padding-top: 5px; }
#ddlink a:link, #ddlink a:visited, #ddlink a:hover, #ddlink a:active { color: #999; text-decoration: none; }