body {
		margin: 0;
		padding: 0;
		
		font-family: "Trebuchet MS", tahoma, arial, sans-serif;
		}
		


.headerBox { color:#FFFF00; font-family:arial, sans-serif; text-align:center }
.head { font-size:24pt; font-weight:bold; }
.strapline { font-variant:italic; font-family:"times new roman",serif }
.headteach { font-family:"times new roman",serif }
.address { float:center text-align:center; font-size: 12pt; font-family: "times new roman",serif }
.telno { float:left; text-align:left; font-size:12pt }

.container
{
top: 25px;
position: absolute;
left: 25px;
right: 25px;
width:95%;
margin:0px;
background-color: transparent;
border:1px blue;
text-align: center;
font-family: tahoma;
color: blue;
line-height:200%;

}
div.float /* For firefox et al */
{
	float: left;
	width: 188px;
	height: 100px;
	padding: 10px 2px 10px 0px;
	text-align: center;
	border: none;
}


hr { width:100%; height:1px; color:#c00; }

h1	{font-weight; bold; font-size; 24px;}

h2 {font-weight: bold; font-size: 14px; color: black;}

.news {
   font-size: x-small;
   line-height: 15px;
   }


* html div.float  /* IE will see this, Fire fox wont - it'll take the padding as part of the cascade */
{
	padding: 2px;
}


.highlightimage img
{
	border: none;
	filter:alpha(opacity=100);
	}
.highlightimage:hover img
{
	border: none;
	filter:alpha(opacity=50);
}