/* CSS Document */
body, td.body{
	background-color: #344294;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	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:100px;
	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:100px;
	z-index:3;

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

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

}
#Footer{
	position:absolute;
	left:195px;
	top:57px;
	width:60%;
	height:10px;
	z-index:3;
	padding: 20px;

 	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: #FFFF33;
		text-decoration: none;
		font-size:12px;

	}

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

	}

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

	}

	a:hover {
		color: #ffff99;
		text-decoration: underline;
		font-size:12px;

	}

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

		margin: 1px 1px 1px 1px;

		border-left:5px solid #000000;
		border-right:1px solid #000000;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
		text-align: left;
		font-weight: bold;
		font-size:12px;
		color: white;
		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: #50467B;
		border-left:5px solid #131953;
		border-bottom:1px solid #131953;
		cursor: pointer;

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

		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: 168px;
		display: block;
	}
/******** Subject Hyperlinks *********/
	#SubDiv a{
		background-color: #354BA6;

		margin: 1px 1px 1px 1px;

		border-left:5px solid #000000;
		border-right:1px solid #000000;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
		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: #9084C6;
		border-left:5px solid #131953;
		border-bottom:1px solid #131953;

	}
	#SubDiv a:active{
		background-color: #595982;

		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#Student a#StudentNav,
	body#GoodPrac a#GoodPracNav,
	body#Link a#LinkNav,
	body#Contact a#ContactNav,
	body#Exam a#ExamNav,
	body#Mail a#MailNav,
	body#Keyskills a#KeyskillsNav,
	body#WelshBac a#WelshBacNav,
	body#Software a#SoftwareNav,
	body#eSafety a#eSafetyNav,

	body#Art a#DeptNavArt,
	body#Biol a#DeptNavBiol,
	body#BusStud a#DeptNavBusStud,
	body#Chem a#DeptNavChem,
	body#Dra a#DeptNavDra,
	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#MFL a#DeptNavMFL,
	body#Mus a#DeptNavMus,
	body#PE a#DeptNavPE,
	body#Phys a#DeptNavPhys,
	body#RE a#DeptNavRE,
	body#Sci a#DeptNavSci,
	body#SocSci a#DeptNavSocSci,
	body#Wel a#DeptNavWel
	{
		text-align: left;
		background-color: #192064;
		border-left:5px solid #FF6600;
	}

/****** Navigation Tab Hyperlink Setup********/
	#tabs a{
		background-color: #5F69A7;
		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 #000000;
		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: #9084C6;
		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.KS3 a#KS3,
		div.KS4 a#KS4,
		div.AS a#AS,
		div.A2 a#A2,
		div.Links a#Links,
		div.Extra1 a#Extra1,
		div.Extra2 a#Extra2,
		div.RevGam a#RevGam
	{
		color: white;
		background: #192064;
		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;
	}