/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix { display:inline-block; } /* Hide from IE Mac \*/
	.clearfix { display:block; } /* End hide from IE Mac */
	
	.hC {
		text-indent:-5999em;
		font:1px/1px sans-serif;
		background-repeat:no-repeat;
		text-decoration:none;
		color:#ffffff;
	}
	
	* {
		padding:0;
		margin:0;
	}	
		
	br.clear {
		height:0em;
		font:1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0; 
	}
	
	a img {
		border:none;
	}
	
	/* text-indent:-9999px; line-height: 0.001em; font-size: 0.001em; */
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

	body {
		font-size:62.5%;
		background-color:#ffffff
	}
	
	/* width and centre */
	#wrapper {
		width:996px;
		margin:0 auto;
	}
	
	/* header */
	#header {
		padding:20px 3px 10px 3px;
		height:130px;
		background:url(../../images/layout/header.jpg) no-repeat;
	}
	#header h1#logo {
		float:left;
		width:400px;
		height:94px;
		padding:0;
		text-indent:-9999%;
	}
	#header h1#logo a {
		display:block;
		width:400px;
		height:95px;
		outline:0;
	}
	#header ul#links {
		float:right;
		width:348px;
	}
	#header ul#links li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		text-indent:-9999%;
	}
	#header ul#links li a {
		display:block;
		height:95px;
		float:left;
		outline:0;
	}
	#header ul#links li.hefce a {
		width:158px;
		text-indent: -9999px;
	}
	#header ul#links li.iop a {
		width:190px;
		text-indent: -9999px;
	}
	#header ul#nav {
		margin:0 45px;
		padding:0;
		width:900px;
		clear:both;
	}
	#header ul#nav li {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		text-indent:-9999%;
		width: 100px;
	}
	#header ul#nav li a {
		display:block;
		float:left;
		height:38px;
		width:100px;
		outline:0;
		background-color:#f68b1f;
		background-position:top center;
		text-indent: -9999px;
	}
	#header ul#nav li a:hover {
		background-position:center center;
	}
	#header ul#nav li.home a { background-image:url(../../images/layout/nav/home.jpg); }
	#header ul#nav li.news a { background-image:url(../../images/layout/nav/news.jpg); }
	#header ul#nav li.aboutus a { background-image:url(../../images/layout/nav/aboutus.jpg); }
	#header ul#nav li.projects a { background-image:url(../../images/layout/nav/projects.jpg); }
	#header ul#nav li.partners a { background-image:url(../../images/layout/nav/partners.jpg); }
	#header ul#nav li.contact a { background-image:url(../../images/layout/nav/contact.jpg); }
	#header ul#nav li.downloads a { background-image:url(../../images/layout/nav/downloads.jpg); }
	
	#header ul#nav li.regions a { background-image:url(../../images/layout/nav/regions.jpg); }
	#header ul#nav li.pilot a { background-image:url(../../images/layout/nav/pilot.jpg); }
	#header ul#nav li.jobs a { background-image:url(../../images/layout/nav/jobs.jpg); }
	#header ul#nav li.wales a { background-image:url(../../images/layout/nav/wales.jpg); width:101px; }
	#header ul#nav li.events a { background-image:url(../../images/layout/nav/events.jpg); }
	
	
	/* container frame */
	#container {
		position:relative;
		padding:10px 3px;
		background-image:url(../../images/layout/container-mid.png);
		background-repeat:repeat-y;
		background-position:center;
	}
	#container .top {
		height:30px;
		width:996px;
		position:absolute;
		top:0;
		left:0;
		background:url(../../images/layout/container-top.png) no-repeat top center;
		z-index:1;
	}
	#container .bottom {
		height:30px;
		width:996px;
		position:absolute;
		bottom:0px;
		left:0;
		background:url(../../images/layout/container-bottom.png) no-repeat top center;
		z-index:1;
	}
	
	
	#container #mainPic {
		/*width: 990px;
		height: 354px;*/
		padding: 40px 0 0 35px;
		width: 955px;
		height: 314px;
		}
		
		
	#container #noFlash p {
		width: 386px;
		height: 234px;
		background-color: #ffffff;
		padding: 20px;
		}
	
	
	#container #swirl {
		height:150px;
		width:150px;
		position:absolute;
		bottom:0;
		right:3px;
		background:url(../../images/layout/swirl.png) no-repeat;
	}
	
	/* container general h2 etc */
	#container h2 {
		margin:0;
		text-indent:-9999%;
		background-repeat:no-repeat;
		background-position:bottom center;
		height:28px;
	}
	#container h2 a {
		display:block;
		height:100%;
		width:996px;
		outline:0;
	}
	
	#container h3 {
		text-indent:-9999%;
		margin:0 0 0.2em 0;
		padding:0;
		height:30px;
		width:350px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	
	#container h4 {
		font-size: 1.4em;
		padding: 0 0 0.6em 0;
	}
	
	#container p {
		font-size:1.2em;
		line-height:1.8em;
		color:#464319;
		margin:0 0 1.6em 0;
	}
	
	#container #side p {

		color:#ffffff;

	}
	
	#container blockquote {
		font-size:1.2em;
		line-height:1.8em;
		color:#464319;
		margin: 1.4em 0 1.6em 1.8em;
		padding: 2em;
		background-color: #f8f8f8;
		font-style:italic;
	}
	
	#container blockquote span {
		padding: 1em 0 0 0;
		font-weight: bold;
		display: block;
	}
	

	
	#container #content ul, #container #content dl {
		list-style-type: none;
		font-size:1.2em;
		margin:10px 0 20px;
	}
	
	
	#container #content dt {
		line-height:1.8em;
		font-weight: bold;
		color: #28679d;
		}
	
	#container #content dd {
		line-height:1.8em;
		padding: 0.6em 0 1em 0;
		}

	
	#container #content li {
		padding: 0 0 10px 20px;
		line-height:1.8em;
	}
	#container #content li li {
		font-size:0.8em;
	}
	#container #content li li li {
		font-size:1.2em;
		padding:0 0 5px 20px;
	}

	
	#container #side h3 {
		width: 250px;
		}
	
	#container #side ul {
		margin:0 0 1.6em 0;
		padding:0;
	}
	#container #side ul li {
		list-style:none;
		margin:0;
		padding:0;
		font-size:1.2em;
		line-height:1.4em;
		padding: 0 0 1.4em 0;
		line-height: 1.4em;
	}
	#container #side ul li a {
		color:#ffffff;
		text-decoration:underline;
	}
	#container #side ul li a:hover {
		text-decoration:none;
	}
	
	
	
	#container #content {
		width:604px;
		float:left;
		padding:30px;

	}
	
	#container #side {
		float:left;
		width:266px;
		padding:30px 30px 150px 30px;
		color:#ffffff;
	}
	
	
	
	
	#container #side h3 {
		color:#ffffff;
	}
	
	#container #side ul.subnav {
		margin: 0 0 2.6em 0;
	}
	
	
	#container #side ul.subnav li {
		padding:0 0 0 16px;
		background-position:left center;
		background-repeat:no-repeat;
		line-height: 2.2em;
	}
	
	#container table{
		border:none !important;
		border-width:0px !important;
	}
		#container table tr td{
			border:none !important;
			border-width:0px !important;
			padding:3px;
		}
			#container table tr th{
				font-size:1.2em;
				border:none;
				border-width:0px;
				text-align:left;
				border-bottom:1px solid #ccc;
				padding:5px 0;
				color:#333;
			}
	
	/* footer */
	#footer {
		height:70px;
		padding:0 20px;
		margin:0 0 60px 0;
		background:url(../../images/layout/footer.jpg) no-repeat;
	}
	#footer p {
		font-size:1.1em;
		line-height:70px;
		vertical-align:middle;
		color:#818285;
	}
	#footer a {
		color:#818285;
		text-decoration:underline;
	}
	#footer a:hover {
		text-decoration:none;
	}
	#footer p#copyright {
		float:left;
	}
	#footer p#footlinks {
		float:right;
		padding:0 20px 0 0;
	}
	#footer p#dcsf {
		float:right;
		height:50px;
		width:165px;
		margin:11px 0 0 0;
	}
	#footer p#dcsf a {
		display:block;
		height:50px;
		width:165px;
		outline:0;
		text-indent:-9999px;
		background:url(../../images/layout/dcsf.jpg) no-repeat top left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Events Table
/////////////////////////////////////////////////////////////////////*/
	
	
	#container .tblEvent * {
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	}
	
		#container .tblEvent h4 {
			width: auto;
			line-height: 1.1em;
			text-indent: 0;
			font-size: 1.6em;
			color: #fff !important;
			text-align: center;
			background: #ec6c20 url(../../images/layout/tables.gif) left top no-repeat;
			margin: 0; padding: 15px 12px 15px 15px;
		}
		
		#container .tblEvent table {
			width: 100%;
			border-collapse: collapse;
		}
		
			#container .tblEvent table .e1,
			#container .tblEvent table .e123 {
				border-left: 0 !important; 
			}
			#container .tblEvent table .e4 {
				border-right: 0 !important; 
			}
		
			#container .tblEvent table p {
				font-size: 80%;
				line-height: 1.2em;
				padding: 5px 0 0 0;
			}
			#container .tblEvent table h5 {
				font-size: 100%;
				color: #ec6c20;
				line-height: 1.2em;
			}
		
			/* head */
		
			#container .tblEvent table thead tr th {
				background: #fcb316;
				font-size: 1.6em;
				text-transform: uppercase;
				text-align: center;
				border-right: 2px solid #fff !important;
				border-left: 2px solid #fff !important;
				border-bottom: 0;
				padding: 14px 0 15px 0;
			}
			
			/* foot */
								
			#container .tblEvent table tfoot td {
				font-size: 1.4em;
				color: #fff;
				text-align: center;
				background: #ec6c20 url(../../images/layout/tables.gif) left bottom no-repeat;
				padding: 10px 15px 15px 15px;
			}
		
			/* body */
		
			#container .tblEvent table tbody td {
				width: 25%;
				background: #fee8b9;
				font-size: 1.5em;
				text-align: center;
				vertical-align: top;
				padding: 17px 15px;
				border-right: 2px solid #fff !important;
				border-left: 2px solid #fff !important;
				white-space: normal;
			}
			
			#container .tblEvent table tbody tr.alt td {
				background: #fedd98;
			}
			#container .tblEvent table tbody tr.alt td a {
				background: #fedd98;
			}
			#container .tblEvent table tbody tr td.e4 a {
				display: inline-block;
			}
			#container .tblEvent table tbody td.e123 {
				text-align: left;
			}