body {
	margin : 0;
	padding : 0px 0 0 0;
	font-family : verdana, arial, sans-serif;
	font-size : 12px;
	line-height : 130%;
	color : #000000;
	word-spacing : 1.5px;
}

/*BIG CONTAINER START*/

#bigcontainer {

}

/*BIG CONTAINER END*/

/*HEADER START*/
#header {
	height : 100px;	
	margin : 0px 0px 0px 0px;	
	text-align : top;
	padding : 0px 0px 0px 0px;	
/*	background-image : url(images/prefects_header3.jpg); */
	background-position : left top;
	background-repeat : no-repeat;
	display : block; 
}
	
	
	.crest {
		vertical-align : top;
		margin-top : 0px;
	}
	
	#header i {
		font-size : 14px;
		padding-left : 60px;
		text-align : left;
	}
	
	
	
/*HEADER END*/

/*NAVIGATION START*/
#navigation {
	font-size : 13px;
	margin : 0 0 0 0px;
	color : #ffffff;
	padding : 10px 0px 10px 0px;
	width : 100%;	
	
	background : #0D3988;		
	border-bottom : 20px solid #E1E1E1;
	
	width : expression(document.body.clientWidth < 726? "725px": "auto" ); /*For IE*/
	min-width : 725px;		
}
	

	.navlinks {
		padding-left : 30px;
	
	}
		/*START Second level navigation*/
		.selected {
			background : #395E9E;
			padding : 0px 5px 11px 5px; 
			border-left : 1px dotted #9f9f9f;
			border-right : 1px dotted #9f9f9f;		
		}	
		
		.navlinks2 {
			background : #395E9E;
			margin : 10px 0 0 0;	
			padding : 8px 0 10px 40px;
			border : 1px dotted #9f9f9f;
		}
		/*END Second level navigation*/

	#navigation	a:link {
		color : #ffffff;
	}
	#navigation	a:visited {
		color : #ffffff;	
	}
	#navigation	a:hover {
		text-decoration : none;	
		color : #ffffff;		
	}
	#navigation	a:active {
		text-decoration : none;	
		color : #ffffff;		
	}
/*NAVIGATION END*/

/*CONTENT START*/

#content {
	width : 100%;	
	margin : 0 0 20px 0px;
	min-height : 100%;
	border-top : 1px solid #000000;
	padding : 10px 0px 10px 0px;	
	font-size : 10px;
	
	width : expression(document.body.clientWidth < 726? "725px": "auto" ); /*For IE*/
	min-width : 725px;		
}

	img {
		margin : 0px;
		padding : 0;
		border : 0;
	}
	
	.calendar {
	margin-left : 30px;
	}
		.leftbox {
 			width : 200px;	
			float : left;
			padding : 10px 10px 10px 5px;	
			margin : 0;
			height : 100%;	
		}
		.centrebox { /*The main content goes here*/
 		/*	width : 60%;	*/
			padding : 10px 10px 10px 20px;	
			margin : 0;
			height : 100%;
		}
		/*START CSS for the 3 columns on the inde.html page */
			.select_container {
				height : 100px;
				width : auto;
			}
			.select {
				float : left;
				padding : 5px;
				border-right : 1px dotted #999999; 
				text-align : center;
				width : 27%;
				height : 140px;
			}
				.select a:link {
					color : #999999;
					font-size : 14px;
				}
				.select a:visited {
					color : #777777;	
					font-size : 14px;					
				}
				.select a:hover {
					text-decoration : none;	
					color : #ffcc00;	
					font-size : 14px;					
				}
				.select a:active {
					text-decoration : none;	
					color : #ffcc00;	
					font-size : 14px;					
				}	
		/*END CSS for the 3 columns on the inde.html page */
		.lalign {
			width : 45%;
			float : left;
		}
		
		.ralign {
			width : 45%;		
			float : right;
	
		}
		
		.centred {
			display: block;
			margin-left: auto;
			margin-right: auto;
			clear : both;
		}
		
		.lblue {
			line-height : 150%;
			font-size : 14px;
			font-weight : bolder;
			color  : blue;
		}
		
		.lred{
			line-height : 150%;		
			font-size : 14px;		
			font-weight : bolder;		
			color : red;
		}

		.lblack{
			line-height : 150%;		
			font-size : 14px;		
			font-weight : bolder;		
			color : black;
		}

		.lgold{
			line-height : 150%;		
			font-size : 14px;		
			font-weight : bolder;		
			color : #BBAE1D;
		}		
		.rightbox {
			float : right;
			width : 80%;
			height : 100%;
			padding : 10px 5px 0px 10px;	
			margin : 0;			
			text-align : right;
/* 			border-bottom : 1px dotted #999999;	*/
	
		}
		
		/*For the site map*/
		.sitemap {
			color : #ffcc00;
		}
		.tabbed { 
			margin-left : 20px;
			

		}
/*CONTENT END*/
	
#footer {
	width : 100%;
	clear : both;
	margin : 0px 0px 0px 0px;
	padding : 0 0 0 0;	
	height : 5px;
	text-align : center;
	background : #E1E1E1;	
	width : expression(document.body.clientWidth < 726? "725px": "auto" ); /*For IE*/
	min-width : 725px;						
}
	.topf {
		text-align : top;
		height : 5px;
		padding-bottom : 0px;
	}
	/*START Css for the house colour bar*/
		.colorcontainer {
			height : 0px;
			width : 90%;
			text-align : top;
			clear : both;
			padding : 0 0 10px 0;
			margin-left : 3%;
			margin-right : 2%;
		}
			.red {
				float : left;
				width : 19.4%;
				height : 5px;
				background : #FF0000;
				clear : none;			
			}
			.black {
				float : left;			
				width : 19.4%;
				height : 5px;
				background : #000000;	
				clear : none;		
			}
			.blue {
				float : left;			
				width : 19.4%;
				height : 5px;
				background : #27448B;	
				clear : none;			
			}
			.yellow {
				float : left;			
				width : 19.4%;
				height : 5px;
				background : #FFEB00;
				clear : none;
			}
			.green {
				float : left;			
				width : 19.4%;
				height : 5px;
				background : #1E941B;
				clear : none;
			}

	/*END Css for the house colour bar*/	
	.bottomf {
		background : #E1E1E1;
		height : 30px;
		border-bottom : 1px solid #000000;	
		clear : both;
	}