	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
	h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
	li, dd, blockquote {margin-left:1em;}
	html, body, fieldset {font:100.1%/120% Arial, Helvetica, sans-serif;}
	input, select, textarea {font-size:100.1%;}
	h1, h2, h3, h4, h5, h6 {font-size:100%;}
	form label{cursor:pointer;}
	fieldset, img{border:none;}
	table{border-collapse:collapse; border-spacing:0;}
	hr {height: 1px; background-color: #E5E5E5;	color: #E5E5E5;	border: none;	padding: 0;	margin: 1em 1em;}
	
	ul, ol, dl, li, dt, dd {
		margin: 0;
		padding: 0;
	}
	
	/**************** General rules *********************/
	
	html{height:100%; }
	body {height:101%; line-height:110%; text-align: left; background:#8DD8F8 url('../images/gjnh-bg.jpg') repeat-x; font-face:Arial, Helvetica, sans-serif; color:#000}
	
	/**************** General Links ***********************************/
	a:link 				{ color: #000; text-decoration: underline;}
	a:visited 			{ color: #000; text-decoration: underline;}
	a:focus, a:hover, a:active	{color: #000;background-color:#fff;text-decoration:none; }
	
	#container {
		width:900px;
		margin:0 auto;	
		background:#fff
	}

	#header {
		height:140px;
		background:#F2F0F1 url('../images/golden-jubilee5.jpg') top right no-repeat
	}
	
	#subheader {
		background:url('../images/golden-jubilee6.jpg') no-repeat;
		height:52px;
		padding-bottom:17px
	}

	#footer {
		color:#fff;
		background:#F2F0F1 url('../images/gjnh-footer.jpg') no-repeat;height:190px;
		width:900px;
	}
	
	h3 {
		font-size:130%;
		margin:0;
		padding:0
	}

	#primaryContainer p, #primaryContainer h2  {
	margin-bottom:16px;
	}
	
	#pageContent {
	float:right;width:440px;padding:40px 0 0 0px;font-size:80%;margin-right:40px
	}
	
	#pageContent ul {
	margin:0 0 0 30px
	}
	
	#pageContent li {
	margin-bottom:10px
	}
	
	#subContent {
	float:right;width:200px
	}




	/* Top navigation bar *//********************//********************//********************//********************/
	
	#nav {
	background:#fff
	}

	#menu {
	width:820px;
	height:160px;
	list-style:none;
	margin:0 auto;
	border-bottom:7px solid #F2F0F1
	}
	
	#menu li {
	float:left
	}
	
	#menu li a {
	float:left;
	width:117px;
	height:160px;
	overflow:hidden;
	position:relative;
	}
	
	#menu li a:hover {background: #fff}
	
	#menu li a span {
	cursor:pointer;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
	}
	
	#menu li#welcome a span {
	background:url(../images/welcome-1.jpg) no-repeat
	}
	
	#menu li#welcome2 a span, #menu li#welcome a:hover span {
	background:url(../images/welcome-2.jpg) no-repeat
	}
	
	#menu li#working a span {
	background:url(../images/working-in-the-west-of-scotland-1.jpg) no-repeat
	}
	
	#menu li#working2 a span, #menu li#working a:hover span {
	background:url(../images/working-in-the-west-of-scotland-2.jpg) no-repeat
	}
	
	#menu li#benefits a span {
	background:url(../images/benefits-to-working-here-1.jpg) no-repeat
	}
	
	#menu li#benefits2 a span, #menu li#benefits a:hover span {
	background:url(../images/benefits-to-working-here-2.jpg) no-repeat
	}
	
	#menu li#useful-info a span {
	background:url(../images/other-useful-information-1.jpg) no-repeat
	}
	
	#menu li#useful-info2 a span, #menu li#useful-info a:hover span {
	background:url(../images/other-useful-information-2.jpg) no-repeat
	}
	
	#menu li#case-studies a span {
	background:url(../images/case-studies-1.jpg) no-repeat
	}
	
	#menu li#case-studies2 a span, #menu li#case-studies a:hover span {
	background:url(../images/case-studies-2.jpg) no-repeat
	}
	
	#menu li#jobs a span {
	background:url(../images/job-opportunities-1.jpg) no-repeat
	}
	
	#menu li#jobs2 a span, #menu li#jobs a:hover span {
	background:url(../images/job-opportunities-2.jpg) no-repeat
	}
	
	#menu li#how-to-apply a span {
	background:url(../images/how-to-apply-1.jpg) no-repeat
	}
	
	#menu li#how-to-apply2 a span, #menu li#how-to-apply a:hover span {
	background:url(../images/how-to-apply-2.jpg) no-repeat
	}
	
	#h2welcome {
	width:246px;
	height:22px;
	position: relative;
	}
	
	#h2benefits-to-working-here {
	width:243px;
	height:22px;
	position: relative;
	}
	
	#h2case-studies {
	width: 124px;
	height: 22px;
	position: relative;
	}
	
	#h2job-opportunities {
	width: 175px;
	height: 22px;
	position: relative;
	}
	
	#h2other-useful-information {
	width: 243px;
	height: 22px;
	position: relative;
	}
	
	#h2working-in-west-of-scotland {
	width: 311px;
	height: 22px;
	position: relative;
	}
	
	#h2how-to-apply {
	width: 136px;
	height: 22px;
	position: relative;
	}
	
	#h2welcome span, #h2benefits-to-working-here span, #h2case-studies span, #h2how-to-apply span, #h2job-opportunities span, #h2other-useful-information span, #h2working-in-west-of-scotland span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
	#h2welcome span {
	background: url(../images/welcome.gif) no-repeat; 
	}
	
	#h2benefits-to-working-here span {
	background: url(../images/benefits-to-working-here.gif) no-repeat;	 
	}
	
	#h2case-studies span {
	background: url(../images/case-studies.gif) no-repeat; 	
	}
	
	#h2how-to-apply span {
	background: url(../images/how-to-apply.gif) no-repeat; 	
	}
	
	#h2job-opportunities span {
	background: url(../images/job-opportunities.gif) no-repeat;	 
	}
	
	#h2other-useful-information span {
	background: url(../images/other-useful-information.gif) no-repeat;	 
	}
	
	#h2working-in-west-of-scotland span {
	background: url(../images/working-in-west-of-scotland.gif) no-repeat; 
	}
	
	
	
	#skip {font-size:80%; text-align:right; color:000; z-index:2;}
	#skip ul {margin:0}
	#skip li {display:inline;	list-style-type: none; color:#000;	padding: 0 0 0 1em;	}
	#skip li a:link, #skip li a:visited  {border:none;	color:#000;padding:5px;	} 
	#skip li a:focus, #skip li a:hover, #skip  a:active {border:none;background-color: #eceaea;padding:5px;} 
	#skip li.welcome {color:#000;}
	#skip li.welcome a:link, #skip li.welcome a:visited {color:#000;}
	ul#skip {width:900px;margin:0 auto;text-align:right}
	
	#footerlist li {font-size:76%;display: inline;list-style-type: none; padding: 0 .5em 0 0;}
	#footerlist li a:link, #footerlist li a:visited, #footerlist li a:hover {color:#fff;border-bottom:0px;background:none}
	#footer p {font-size:76%;margin:0}
	
	#footer ul {padding-top:150px}	
	
	#mainnewswrap {
	padding:3px;
	width:440px
	}
	
	.ref {
	border-bottom:1px dotted #999;
	margin-top:-10px
	}
	
	#pdfbg {
	background-color:#fff;
	border:1px dashed #F8F7EF;
	width:440px
	}
	
	.alert {
	background: #fff6bf url(../images/alert.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
	
	.success {
		background: #f8fafc url(../images/success.jpg) center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 5px 20px 5px 45px;
		border-top: 2px solid #b5d4fe;
		border-bottom: 2px solid #b5d4fe;
	}
	
	.vacancywrap {
	background-color:#f2f2f2;
	border-bottom:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;
	padding:3px;
	margin-bottom:10px;
	width:440px
	}
	
	.vacancywrap .newsfloat {
	float:right;
	margin:0 0 2px 2px;
	text-align:right;
	}

	#h1header {
	width:390px;
	height:139px;
	position: relative;
	margin:0;padding:0
	}
	
	#h1header span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/golden-jubilee3.jpg) no-repeat; 
	}
	
	#header h1, #header h1 span {
	margin:0;padding:0
	}

	.text {padding:160px 40px 0 40px}
	
	/* Case Study Icons */
	
	#case-study-tabs {
		padding-left:660px
	}
	
	#case-study-1, #case-study-2 {
		list-style-type:none;float:left
	}
	
	
	#case-study-tabs li a {
		float:left;
		width:97px;
		height:31px;
		overflow:hidden;
		position:relative;
	}
	
	#case-study-tabs li#case-study-1 a span {
		background:url(../images/case-study-tab-1.gif) no-repeat
	}	
	
	#case-study-tabs li#case-study-2 a span {
		background:url(../images/case-study-tab-2.gif) no-repeat
	}	
	
	#case-study-tabs li#case-study-1 a span {
		cursor:pointer;
		height:100%;
		left:0;
		position:absolute;
		top:0;
		width:100%
	}
	
	.ocean {
		float:right
	}



	/********************** Other Stuff ******************/ 
	abbr, acronym, .help {border-bottom: 1px dotted #333;cursor: help;}  
	blockquote {background: url(../images/quotemarks.gif) left top  no-repeat;margin-left:22px;padding-left:10px;margin-bottom:40px;}
	cite {background: url(../images/quotemarks1.gif) right top no-repeat;padding:5px 20px 0 10px; margin-top:-10px;text-align:right;float:right;width:80%; font-style:normal;font-weight:bold;}
	#sidebar2 blockquote {margin-top:20px;}
	#sidebar2 cite {font-size:70%;margin-top:-15px;width:90%;}
	sup {font-size:70%;}
	hr {height: 1px;background-color: #E5E5E5;color: #E5E5E5;border: none;padding: 0;margin: 1em 0;}
	#result_report, #results {margin-left:20px;}
	.haslayout {position:absolute;}
	/***************** Clearfix ****************/
	.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	.clearboth {clear:both}
	.floatleft {float:left}
	.floatright {float:right}

  .hideImage {display:hidden}
