/* CSS Document */
body, td.body{
	background-color: #FFFF99;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	color: #0000cc;
	font-size: 12px;

	background-image: url("../Images/bg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
/************************************************** BEGINNING LAYER POSITIONING AND SETUP **************************************************/

/*******Main Content area *******/
#Main{
	position:absolute;
	left:195px;
	top:125px;
	width:70%;
	z-index:1;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
/*  voice-family: "\"}\""*/;
/*  voice-family:inherit;*/

	background-image: url("images/Main.jpg");
	background-repeat: no-repeat;
	background-position: top left;

}
/*******Navigation Bar *******/
#Navigation{
	position:absolute;
	left:0px;
	width:185px;
	top:120px;
	z-index:3;

	padding: 5px;
	padding-bottom: 50px;
	background-color: #FFCC33;
	background-image: url("images/Nav.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
}
/*******Banner *******/
#Banner{
	position:absolute;
	top:0px;
	width:770px;
	height:125px;
	z-index:2;

	background-image: url("../Images/Banner.jpg");
	background-repeat: no-repeat;
	background-position: top left;

}
#Footer{
	position:absolute;
	left:0px;
	top:115px;
	width:100%;
	height:10px;
	z-index:3;
	/*padding: 10px;*/
	background-color: #FFCC33;
 	text-align: right;

}
/*****Tabs at top of department page*****/
#tabs{
	position:relative;
	left:35px;
	width:100%;
	top:0px;
	z-index:1;

	padding-bottom: 15px;
}

/*****RSS Feed on Web page*****/
#RSS{
	position:absolute;
	left:200px;
	top:0px;
	width:200px;
	z-index:1;

	padding: 10px;

}

/************************************************** END OF LAYER POSITIONING AND SETUP **************************************************/





/************************************************** BEGIN HYPERLINK SETUP **************************************************/

/*******GENERAL HYPERLINKS*******/
	a:link {
		color: #000099;
		text-decoration: none;
		font-size:12px;

	}

	a:active {
		color: #FF0000;
		text-decoration: none;
		font-size:12px;

	}

	a:visited {
		color: #000099;
		text-decoration: none;
		font-size:12px;

	}

	a:hover {
		color: #FF0000;
		text-decoration: none;
		font-size:12px;

	}

/*******Navigation Hyperlink Buttons *******/
	#Navigation a{
		background-color: #FF9900;

		margin: 1px 1px 1px 1px;

		border-left:5px solid #FF6600;
		border-right:5px solid #FF6600;
		text-align: left;
		font-weight: bold;
		font-size:12px;
		color: #ffffff;
		padding: 4px;
		width: 168px;
		display: block;
		cursor: hand;
	}

	#Navigation a:hover{
		color: white;
		padding: 4px;
		width: 168px;
		display: block;
		text-decoration: none;
		text-align: left;
		background-color: #7D8DFF;
		border-left:5px solid #003366;
		border-right:5px solid #003366;
		cursor: pointer;

	}
	#Navigation a:active{
		background-color: #FF9900;

		border-left:5px solid #FF6600;
		text-align: left;
		font-weight: bold;
		color: white;
		padding: 4px;
		width: 168px;
		display: block;
	}
/******** Subject Hyperlinks *********/
	#SubDiv a{
		background-color: #FF6600;

		margin: 1px 1px 1px 1px;

		border-left:5px solid #FF0000;
		border-right:5px solid #FF0000;
		text-align: left;
		font-weight: bold;
		font-size:12px;
		color: white;
		padding: 4px;
		width: 153px;
		display: block;
	}
	#SubDiv a:hover{
		color: white;
		padding: 4px;
		width: 153px;
		display: block;

		text-align: left;
		background-color: #7DBEFF;
		border-left:5px solid #0066FF;
		border-right:5px solid #0066FF;
		/*border-bottom:1px solid #131953;*/

	}
	#SubDiv a:active{
		background-color: #7DBEFF;

		border-left:5px solid #FF6600;
		border-right:1px solid #000000;
		//border-top:1px solid #000000;
		border-bottom:1px solid #000000;
		text-align: left;
		font-weight: bold;
		color: white;
		padding: 4px;
		width: 153px;
		display: block;
	}

/****** Navigation Hyperlink Highlight ********/
	body#Home a#HomeNav,
	body#SchHist a#HistNav,
	body#Staff a#StaffNav,
	body#Date a#DateNav,
	body#Public a#PubNav,
	body#Dept a#DeptNav,
	body#Detail a#DetailNav,
	body#Link a#LinkNav,

	body#Art a#DeptNavArt,
	body#DT a#DeptNavDT,
	body#Eng a#DeptNavEng,
	body#Geog a#DeptNavGeog,
	body#Hist a#DeptNavHist,
	body#ICT a#DeptNavICT,
	body#Math a#DeptNavMath,
	body#Lang a#DeptNavLang,
	body#Mus a#DeptNavMus,
	body#PE a#DeptNavPE,
	body#RE a#DeptNavRE,
	body#Sci a#DeptNavSci
	{
		text-align: left;
		color:#FFFFFF;
		background-color: #97CBCB;
		border-left:5px solid #FF6600;
	}

/****** Navigation Tab Hyperlink Setup********/
	#tabs a{
		background-color: #FFCC33;
		margin: 0px 1px 0px 0px;
		text-align: left;
		color: white;
		font-weight: bold;
		padding-top: 4px;
		padding-bottom: 8px;
		padding-right: 0px;
		border-top:1px solid #FFCC33;
		display: block;
		background-image: url("images/TabRightCorner.gif");
		background-repeat: no-repeat;
		background-position: bottom right;
}


/****** Navigation Tab Hyperlink hover********/
	#tabs a:hover {
		color: white;
		text-decoration: none;
		background-color: #FF9900;
		border-top:1px solid #000000;
		background-image: url("images/TabRightCornerHover.gif");
		background-repeat: no-repeat;
		background-position: bottom right;
		z-index:10;
	}
	
/****** Navigation Tab Hyperlink Highlight********/
		div.Home a#Home,
		div.KS1 a#KS1,
		div.KS3 a#KS3,
		div.Cel a#Cel,
		div.Res a#Res,
		div.Level a#Level
	{
		color: white;
		background: #97CBCB;
		background-image: url("images/TabRightCornerSelected.gif");
		background-repeat: no-repeat;
		background-position: bottom right;
		border-top:1px solid #000000;
	}
/****** Navigation Tab Hyperlink span Setup********/
	
	#tabs span{
		padding: 8px;
		background-image: url("images/TabLeftCorner.gif");
		background-repeat: no-repeat;
		background-position: bottom left;
	
	}
/************************************************** END HYPERLINK SETUP **************************************************/

/******** Image Alignment *********/
	#ImgRight{
		float:right;
		margin:10px 0px 10px 10px;
	}

	#ImgLeft {
		float:left;
		margin:10px 10px 10px 0px;
	}
	img.centre {
		vertical-align:middle;
	}
/********************************************** Begin List Setup ***************************************************/
	#Navigation ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		border: none;
	}

	#Navigation li {
		/*border-bottom: 1px solid #90bade;*/
		margin: 0px 0px 0px 15px;
	}

	#tabs ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		border: none;
	}

	#tabs li {
		/*border-bottom: 1px solid #90bade;*/
		float: left;
		margin: 0px 0px 0px 0px;
	}