* 
	{
	padding: 0 ;
	margin: 0 ;
	border: 0 ;
	font: 1em/1.6 "Lucida Sans Unicode version 2.00", "Lucida Grande", Verdana, sans-serif ;
	text-decoration: none ;
	}
	
html {
	color: #ddd ;
	background : #00007f ;
	}

body 
	{
	font-size: 76% ;
	}

p, address, blockquote, a, li, img, h1, h2, h3, h4, h5, h6 
	{
	color: #ddd ;
	background : transparent ;
	}
	
h1, h2, h3
	{
	color: #fbd85e ;
	font-family: "Times New Roman", serif ;
	}

h1
	{
	font-size: 1.7em ;
	margin: 0 0 6px 0 ;
	}

h2 
	{
	font-size: 1.5em ;
	margin: 18px 0 9px 0 ;
	}


h3 
	{
	font-size: 1.4em ;
	margin: 15px 0 3px 0 ;
	}
	
#header 
	{
	min-width: 750px ;
	background: transparent url(/_media/_gfx/_css/content_header.jpg) no-repeat top center ;
	padding-top: 100px ;
	border-bottom: 1px solid #4c4ca5 ;
	margin-bottom: 12px ;
	}

#headerbar 
	{
	height: 28px ;
	background: #fbd85e url(/_media/_gfx/_css/header_bar.gif) repeat-x ;
	text-align: center ;
	}

#headerbar address
	{
	height: 28px ;
	padding-top: 5px ;
	font-size: 0.9em ;
	}

#header address, #header address span, #header address a 
	{
	color: #00007f ;
	font-weight: bold ;
	}

#header address a:hover 
	{
	border-bottom: 1px solid #00007f ;
	}

#header #breadcrumbs 
	{
	min-width: 750px ;
	max-width: 850px ;
	margin-left: auto ; 
	margin-right: auto ;
	text-align: left ;
	padding: 4px 12px ;
	font-size: 0.9em ;
	}
	
#header #breadcrumbs, #header #breadcrumbs a { color: #6c6cc5 }

#header #breadcrumbs a:hover 
	{
	color: #fff ;
	border-bottom: 1px solid #fbd85e ;
	}

#navigation ul
	{
	margin-right: 20px ;
	float: right ;
	}

#navigation li 
	{
	list-style: none ;
	font-size: 0.85em ;
	line-height: 1.7 ;
	margin-bottom: 4px ;
	text-align: right ;
	clear: right ;
	}

#navigation li ul
	{
	margin: 0 3px 6px 0 ;
	}

#navigation li ul li
	{
	font-size: 0.96em ;
	line-height: 1.7 ;
	margin-bottom: 3px ;
	text-align: right ;
	width: 100% ;
	}

#navigation a:hover { color: #fbd85e }

#navigation .welcome, #navigation .welcome a, 
#navigation .school, #navigation .school a, 
#navigation .grounds, #navigation .grounds a, 
#navigation .facilities, #navigation .facilities a, 
#navigation .preprep, #navigation .preprep a,
#navigation .prepschool, #navigation .prepschool a,
#navigation .intranet, #navigation .intranet a,
#navigation .message, #navigation .message a,
#navigation .friends, #navigation .friends a,
#navigation .ecocouncil, #navigation .ecocouncil a
	{
	display: block ;
	width: 125px ;
	height: 32px ;
	margin-bottom: 6px ;
	}

#navigation .welcome a, 
#navigation .school a, 
#navigation .grounds a, 
#navigation .facilities a, 
#navigation .preprep a,
#navigation .prepschool a, 
#navigation .intranet a,
#navigation .message a, 
#navigation .friends a,
#navigation .ecocouncil a
	{
	margin: 0 ;
	}

#navigation .welcome span, 
#navigation .school span, 
#navigation .grounds span, 
#navigation .facilities span, 
#navigation .preprep span, 
#navigation .prepschool span,
#navigation .intranet span,
#navigation .message span, 
#navigation .friends span, 
#navigation .ecocouncil span
	{
	display: none ;
	width: 0 ;
	height: 0 ;
	overflow: hidden ;
	}

#navigation .welcome, #navigation .welcome a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 0 ;
	}

#navigation .school, #navigation .school a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -32px ;
	}

#navigation .grounds, #navigation .grounds a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -64px ;
	}

#navigation .facilities, #navigation .facilities a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -96px ;
	}

#navigation .preprep, #navigation .preprep a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -128px ;
	}

#navigation .prepschool, #navigation .prepschool a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -160px ;
	}

#navigation .intranet, #navigation .intranet a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -192px ;
	}

#navigation .message, #navigation .message a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -224px ;
	}

#navigation .friends, #navigation .friends a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -256px ;
	}

#navigation .ecocouncil, #navigation .ecocouncil a
	{
	background: transparent url(/_media/_gfx/_css/main_navigation.jpg) no-repeat 0 -288px ;
	}

#navigation .welcome a:hover { background-position: -125px 0 }

#navigation .school a:hover { background-position: -125px -32px }

#navigation .grounds a:hover { background-position: -125px -64px }

#navigation .facilities a:hover { background-position: -125px -96px }

#navigation .preprep a:hover { background-position: -125px -128px }

#navigation .prepschool a:hover { background-position: -125px -160px }

#navigation .intranet a:hover { background-position: -125px -192px }

#navigation .message a:hover { background-position: -125px -224px }

#navigation .friends a:hover { background-position: -125px -256px }

#navigation .ecocouncil a:hover { background-position: -125px -288px }

#content p:first-of-type { font-weight: bold }

#content strong { font-weight: bold }

#content em { font-style: italic }

#content p, #content address 
	{ 
	margin-bottom: 9px ;
	}

#content address { margin-left: 12px; }

#content a 
	{
	color: #fbd85e ; 
	border-bottom: 1px solid #5c5cb5 ;
	}

#content a:hover { color: #fff }

#content img 
	{
	margin: 6px 0px 4px 0px ;
	border: 2px solid #fbd85e ;
	padding: 1px ;
	}
	
#content img.floatright 
	{
	float: right ;
	margin-left: 12px ;
	}
	
#content img.floatleft 
	{
	float: left ;
	margin-right: 12px ;
	}
	
#content p.caption
	{
	color: #5c5cb5 ;
	margin-bottom: 12px ;
	font-size: 0.9em ;
	line-height: 1.3em ;
	}
	
#content blockquote p 
	{
	color: #fbd85e ;
	font-style: italic ;
	}

#content blockquote p:before { content: open-quote }

#content blockquote p:after { content: no-close-quote }

#content blockquote p.last:after { content: close-quote }

#content table 
	{
	border-collapse: collapse ;
	border: 2px solid #5c5cb5 ;
	margin: 0 0 12px 0 ;
	padding: 6px ;
	width: 100% ;
	}

#content td 
	{
	border: 1px solid #5c5cb5 ;
	padding: 3px 9px ;
	}

#content th 
	{
	font-weight: bold ;
	border: 2px solid #5c5cb5 ;
	padding: 3px 9px ;
	}

#content ul, #content dl
	{
	margin: 6px 32px 15px 32px ;
	}

#content ul li, #content dl dd, #content dl dt
	{
	font-size: 97% ;
	line-height: 1.6em ;
	}

#content dl dt
	{
	float: left ;
	width: 80px ;
	margin-right: 18px ;
	}

#content .secret { color: #fcc }

#content .school { color: #cfc }

#sidebar p 
	{ 
	font-size: 0.9em ;
	line-height: 1.3em ;
	}

#sidebar form 
	{
	margin: 0 30px 12px 20px ;
	padding: 9px ;
	background: #6c6cc5 ;
	}

#sidebar form legend 
	{ 
	color: #00007f ;
	font-size: 1.1em 
	}

#sidebar form label, #sidebar form input 
	{ 
	color: #00007f ;
	font-size: 0.9em 
	}

#sidebar form input 
	{
	color: #00007f ;
	background: #9c9cf5 ;
	padding: 3px ;
	margin: 3px ;
	border: 1px solid #00007f ;
	}

#footer 
	{
	min-width: 750px ;
	padding: 4px 0 12px 0 ;
	border-top: 1px solid #4c4ca5 ;
	text-align: center
	}
	
#footer li 
	{
	display: inline ;
	list-style-type: square ;
	color: #4c4ca5 ;
	}
	
#footer a 
	{
	font-size: 0.8em ;
	color: #fbd85e ;
	padding-bottom: 2px ;
	text-decoration: none ;
	text-transform: uppercase ;
	}

#footer #credit a 
	{ 
	font-size: 0.75em ;
	color: #4c4ca5 
	} 

#footer a:hover, #footer #credit a:hover { color: #fff }