/*****************************************************************/
/************** This governs the page layout *********************/
/*****************************************************************/

/*** define the base formating for the site content ***/

	body {
		background-color: #eeeeee;
		font-family: arial;
		font-size: 12px;
		text-align: center;
	}

/*** container for the site that also centres it ***/

	#wrapper { 
		width: 750px;
		margin: 0 auto;
		padding: 4px;
		text-align: center;
		background-color: #ffffff;
	}

/*** padding amongst site elements ***/

	.padding {
		padding: 0px;
	}


/*** format the heading of the site ***/

	#heading {
		background-color: #c8eef5;
		border-top: 3px solid #A6DBD7;
		border-bottom: 3px solid #A6DBD7;
		color: #000000;
		width: 750px;
		height: 110px;
	}
	#banner_logo{
		float: left;
		margin-left: 16px;
		margin-top: 12px;
		padding: 2px;
	}
	#banner_picture{
		float: right;
		padding: 0px;
	}
	#banner_text{
		float: right;
		width: 565px;
		text-align: center;
		font-style: italic;
		font-size: 16px;
		font-weight: 900;
		padding: 2px;
	}

/*** container for the menu ***/

	#menu {
		background-color: #ffffff;
		float: left;
		border-bottom: 0px solid #A6DBD7;
		border-top: 0px solid #A6DBD7;
		margin-bottom: 20px;
		margin-top: 0px;
		margin-left: -3px;
		width: 175px;
	}

/*** container for the body ***/

	#bodyContent {
	 	background-color: #ffffff;
       		color: #000000;
		width: 560px;
		float: right;
		text-align: left;
		margin-top: 8px;
		margin-bottom: 10px;
	}

/*** container for the footer ***/

	#footer {
		background-color: #ffffff;
		border-bottom: 5px solid #A6DBD7;
		border-top: 5px solid #A6DBD7;
		color: #000000;
		font-size: 9px;
	}

/*** bits for the floats ***/

	/*** Standard floats to left and right ***/

		.left {
			float: left;
		}
		.right {
			float: right;
		}
		.centre {
			float: none;
		}

	/*** Tidy up the floats ***/

		.endFloat {
			clear: both;
		}


/*** formatting for the basic tags used in the html ***/

	/*** Standard image formatting aligning to the right ***/
	
		img {
			border: 0px;
			float: right;
		}

	/*** Standard link formatting ***/
	
		a {
			color: #444444;
			border: none;
		}
		a:visited {
			color: #444444;
		}

	/*** Standard header tags ***/

		h1 {
			font-size: 180%;
			font-weight: 80%
			color: #000000;
		}
		h2 {
			font-size: 140%;
		}
		h3 {
			font-size: 120%;	
		}
		h4 {
			font-size: 120%;
			color: #008C82;
		}
		h5 {
			font-size: 120%;
			color: #00A7DF;
		}

		h6 {
			font-size: 120%;
			color: #FFFFFF;
		}

/*** formatting tables used in text ***/

	#table {
		background-color: #ffffff;
		border: 1px solid #A6DBD7;
		width: 550px;
		padding: 0;
	}
	#table td {
		border: 1px solid #A6DBD7;
		font-family: arial;
		font-size: 12px;
	}

/*** formatting image inserted into body by script ***/

	#autoimage {
		margin-top: 0px;
		padding: 2px;
	}

/*** box for comments etc ***/

	#textbox {
		background-color: #c8eef5;
		border: 1px solid #A6DBD7;
		width: 90%;
		padding: 12px;
	}

/*****************************************************************/
/****************** This governs the menu ************************/
/*****************************************************************/

	#menucontent {
		float: left;
		border: 0px;
		padding-left: 3px;
		width: 175px;
		background-image: url(menu_tree.gif); 
	}
	#menucontent img {
		margin-left: -6px;
	}
	#menucontent a {
		display: block;
		text-align: left;
		padding: 2px 2px 2px 0.5em;
		text-decoration: none;
		background-color: #c8eef5;
		height: 20px;
		border-left: 2px solid #A6DBD7;
		border-right: 2px solid #A6DBD7;
	}
	#menucontent a:hover {
		background-color: #008C82; 
		color: #fff;
	}

/*** link formating depending on position in the menu tree ***/

	/*** formating for if you are branch the tree ***/
	
		#menucontent a.branch {
			font-weight: bold;
			color: #555555;
			background-color: #A6DBD7;
		}
		#menucontent a:visited.branch {
			font-weight: bold;
			color: #555555;
			background-color: #A6DBD7;
		}

	/*** formating for if you are the current link in the tree ***/

		#menucontent a.current {
			font-weight: bold;
			color: #000000;
			background-color: #A6DBD7;
		}
		#menucontent a:visited.current {
			font-weight: bold;
			color: #000000;
			background-color: #A6DBD7;
		}

	/*** formating for if you are the highest link in the tree ***/
	
		#menucontent a.currenttop {
			font-weight: bold;
			color: #000000;
			background-color: #c8eef5;
		}
		#menucontent a:visited.currenttop {
			font-weight: bold;
			color: #000000;
			background-color: #c8eef5;
		}

	/*** formating for if you are the selected open branch in the tree ***/

		#menucontent a.currenttopendbranch {
			font-weight: bold;
			color: #000000;
			border-bottom: 2px solid #A6DBD7;
		}
		#menucontent a:visited.currenttopendbranch {
			font-weight: bold;
			color: #000000;
			border-bottom: 2px solid #A6DBD7;
		}

	/*** formating for if you are the last link in the tree ***/

		#menucontent a.endbranch {
			border-bottom: 2px solid #A6DBD7;
		}
		#menucontent a:visited.endbranch {
			border-bottom: 2px solid #A6DBD7;
		}

/*****************************************************************/
/**************** Special bits for the front page ****************/
/*****************************************************************/

	#frontbox {
		background-color: #c8eef5;
		width: 540px;
		height: 110px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 6px;
	}

/*****************************************************************/
/**************** Special bits for PRS ****************/
/*****************************************************************/

	#prsbox {
		background-color: #e9f3f1;
		width: 540px;
		height: 200px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}

/*****************************************************************/
/**************** Special bits for new training site ***********/
/*****************************************************************/

	#tbox {
		background-color: #00A7DF;
		width: 260px;
		height: 120px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}

	#ssubox {
		background-color: #dde4ee;
		width: 538px;
		height: 80px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}

	#mhbox {
		background-color: #d9eeee;
		width: 538px;
		height: 80px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}
	
	#therabox {
		background-color: #e8f5df;
		width: 538px;
		height: 80px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}
	
	#wbbox {
		background-color: #fcecdc;
		width: 538px;
		height: 80px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}
	
	#plbox {
		background-color: #f9d9e1;
		width: 538px;
		height: 80px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}
	
	#pdevbox {
		background-color: #efd9eb;
		width: 538px;
		height: 80px;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 8px;
	}


/*****************************************************************/
/************** Special bits for the training site ***************/
/*****************************************************************/



	#tableinfo {
		background-color: #ffffff;
		font-family: arial;
		font-size: 12px;
	}
	#tableinfo td {
		vertical-align: top;
	}
	#tableinfo td a {
		font-weight: bold;
	}

	#tablered {
		background-color: #9E362E;
		width: 350px;
		font-family: arial;
		font-size: 12px;
		color: white;
	}

	#tableyellow {
		background-color: #7B9E2E;
		width: 350px;
		font-family: arial;
		font-size: 12px;
		color: white;
	}


	#tablegreen {
		background-color: #2E9E81;
		width: 350px;
		font-family: arial;
		font-size: 12px;
		color: white;
	}

	#tableblue {
		background-color: #2E499E;
		width: 350px;
		font-family: arial;
		font-size: 12px;
		color: white;
	}

	#tablepink {
		background-color: #9E2E66;
		width: 350px;
		font-family: arial;
		font-size: 12px;
		color: white;
	}

/*****************************************************************/
/************** Special bits for the intranet site ***************/
/*****************************************************************/

	#intranetheading {
		font-size: 36px;
		letter-spacing:10px;
		font-weight: bold;
		background-color: #ffffff;
		border-top: 5px solid #A6DBD7;
		border-bottom: 5px solid #A6DBD7;
		color: #000000;
		width: 100%;
		height: 40px;
	}
	#box {
		background-color: #ffffff;
		border: 1px solid #A6DBD7;
		width: 350px;	
		text-align: center;
	}