/* CSS Document              */
/* Modern Languages 2005 Revision Nov */

/* Global Styles */

h1,h2,h3,h4,h5,h6 {	color: #00ccff}

body {	font-family: Verdana, Arial, Helvetica, sans-serif}

table {	font: 0.8em Verdana, Arial, Helvetica, sans-serif}
					
.hfirstword {	color: #990033}

p {	font: 0.8em Verdana, Arial, Helvetica, sans-serif}

li {	font: 0.8em Verdana, Arial, Helvetica, sans-serif}

a:link {	color: #00ccff;
font-weight: bold;
			text-decoration: underline}
			
a:visited {	color: #00ccff;
font-weight: bold;
			text-decoration: underline}
			
a:active {	color: #00ccff;
font-weight: bold;
			text-decoration: underline}
			
a:hover {	color: #00ccff;
font-weight: bold;
			text-decoration: underline} 

ul {	list-style-image:  url(images/bulletwide.gif);
		line-height: 200%}
		

/* Tagged parts (IDs) */

/* ID: schoolhead */
			
table#schoolhead {	background-color: #000000;
					color: #ffffff}

table#schoolhead h1 {	font-size: 150%}

span.smallhead {	font-size: 75%;
					color: #ffffff;
					margin-top: 15}
					
span.smallblue {	font-size: 75%;
					color: #00ccff;
					margin-top: 15}


/* ID: mainmenu */


div.mainmenu {	margin: 5 5 -5 25;
								font-weight: bold;
								font-size: 130%}			
div.mainmenu a:link {	color: #00ccff;
						font-weight: bold;
						text-decoration: none}
div.mainmenu a:visited {	color: #00ccff;
							font-weight: bold;
							text-decoration: none}
div.mainmenu a:active {	color: #00ccff;
							font-weight: bold;
							text-decoration: none}
div.mainmenu a:hover {	color: #00ccff;
							font-weight: bold;
							text-decoration: underline} 
							
/* ID: newsbox */

div.newsbox  { margin: 10 30 10 10;
								background-color: #e5bfcc;
								padding: 1 10 1 10}
								
td#newscolumn p { font-size: 90%;
								color: #ffffff;
								font-weight: bold;
								margin-bottom: -10;
								margin-top: 13}
								
td#newscolumn a:link {	color: #ffffff;
						font-weight: bold;
						text-decoration: none}
						
td#newscolumn a:visited {	color: #ffffff;
						font-weight: bold;
						text-decoration: none}
						
td#newscolumn a:active {	color: #ffffff;
						font-weight: bold;
						text-decoration: none}
						
td#newscolumn a:hover {	color: #0066cc;
							font-weight: bold;
							text-decoration: underline}


span.boxheads { color: #0066cc}
															

/* ID: navbar */

tr#navbar td {	background-color: #990033;
				font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
				text-align: center}
			
tr#navbar a:link {	color: #e5bfcc;
						text-decoration: none}
tr#navbar a:active {	color: #e5bfcc;
						text-decoration: none}
tr#navbar a:visited {	color: #e5bfcc;
						text-decoration: none}
tr#navbar a:hover {	color: #ffffff;
							text-decoration: underline}

/* ID: maintext */

div#maintext {	margin: 0 60px 0 27px}  /* possibly add top & bottom margins too if don't cut out left border colour */
div#maintext p {	line-height: 150%}

/* ID: maintextpic - for body template with pictures */

div#maintextpic {	margin: 0 0 0 27px} 
div#maintextpic p {	line-height: 150%}


/* ID: footer */

.footer {	font: 0.7em Verdana, Arial, Helvetica, sans-serif}

/* CLASSES */

.stafftable { font: 1em Verdana, Arial, Helvetica, sans-serif}



.highlight {	color: #6666cc;
					font-weight: bold}
					
div.imageright {	float: right;
					width: 250px;
					padding: 3px 2px;
					margin: 1px 7px;
					font: 80% Verdana, Arial, Helvetica, sans-serif;
					text-align: center}
					
.whitebox {
	background-color: white;
	border-top-color: #333333;
	border-left-color: #999999;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding: 2px;
	margin: 1px 1px 1px 1px;
}