html {
	overflow-y : scroll;
}

body {
	text-align : center;	
}

#wrapper,
#header .inner,
#footer .inner {
	width : 759px;
	text-align : left;
}

#wrapper {
	margin : 18.6em auto 0 auto;
	position : relative;
	z-index : 2;
}

#header .inner,
#footer .inner {
	margin : 0 auto 0 auto;
	height : 100%;
}

#logo {
	position : absolute;
	left : 0;
	top : -18.6em;
	padding-top : 18px;
	z-index : 2;
	margin : 0;
	display : block;
	width : 170px;
	height : 94px;
}

    #logo img {
        float : none;
        clear : none;
        margin : 0;
    }

/*****************************************
* Header and main nav
******************************************/
#header {
	background : transparent url(/_images/furniture/headerBackground.png) repeat-x bottom left;
	height : 13.3em; /*187px*/
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 1;
}

	#header .inner {
		position : relative;
	}

	#mainNav {
		position : absolute;
		/*bottom  : 42px;*/
		/*top : 7em;*/
		bottom : 3em;
		right : 0;
		margin : 0;
		height : 46px;
		font-size : 1em;
	}
	
		#mainNav li {
			float : left;
			list-style-type : none;
			list-style-image : none;
		}
		
			#mainNav li a {
				background : url(/_images/furniture/tabs.png) no-repeat 0 -8px;
				color : white;
				height : 25px;
				float : left;
				padding : 5px 9px 0 9px;
				text-decoration : none;
				margin-left : 1px;
				position : relative;
				font-size : 0.93em;
				overflow : hidden;
				margin-bottom : 8px;
			}
			
			#mainNav li a:hover,
			#mainNav li a:focus,
			#mainNav li a:active,
			#mainNav li.current a {
				padding-top : 11px;
				margin-top : -6px;
				height : 33px;
				margin-bottom : 0;
			}
			
				#mainNav li a span {
					position : absolute;
					bottom : 0;
					overflow : hidden;
					right : 0;
					display : block;
					height : 8px;
					width : 100%;
					display : none;
				}
				
				#mainNav li a:hover span,
				#mainNav li a:focus span,
				#mainNav li a:active span,
				#mainNav li.current a span {
					background : white url(/_images/furniture/tabs.png) no-repeat right 0;
					display : block;
				}
			
			/*Current and hover states*/
			#mainNav li.corethemes a {background-position : 0 -54px;}
				#mainNav li.corethemes a:hover span, #mainNav li.corethemes a:focus span, #mainNav li.corethemes a:active span, #mainNav li.current.corethemes a span {background-position : right -46px;}
			
			#mainNav li.activities a {background-position : 0 -100px;}	
				#mainNav li.activities a:hover span, #mainNav li.activities a:focus span, #mainNav li.activities a:active span, #mainNav li.current.activities a span {background-position : right -92px;}
			
			#mainNav li.regions a {background-position : 0 -146px;}
				#mainNav li.regions a:hover span, #mainNav li.regions a:focus span, #mainNav li.regions a:active span, #mainNav li.current.regions a span {background-position : right -138px;}
			
			#mainNav li.projects a {background-position : 0 -192px;}
				#mainNav li.projects a:hover span, #mainNav li.projects a:focus span, #mainNav li.projects a:active span, #mainNav li.current.projects a span {background-position : right -184px;}
			
			#mainNav li.newsandevents a {background-position : 0 -238px;}			
				#mainNav li.newsandevents a:hover span, #mainNav li.newsandevents a:focus span, #mainNav li.newsandevents a:active span, #mainNav li.current.newsandevents a span {background-position : right -230px;}
			
			#mainNav li.resources a {background-position : 0 -284px;}			
				#mainNav li.resources a:hover span, #mainNav li.resources a:focus span, #mainNav li.resources a:active span, #mainNav li.current.resources a span {background-position : right -276px;}
			

/*****************************************
* Courtesy nav
******************************************/
#cnav {
	position : absolute;
	top : 0;
	right : 0;
	font-size : 0.86em;
	margin : 0;
	padding-left : 180px;
}

	#cnav li {
		float : left;
		list-style-type : none;
		list-style-image : none;
		margin-left : 22px;
		padding-top : 14px;
		padding-bottom : 5px;
		border-left : 1px solid #e0dbec;
		padding-left : 22px;
	}
	
	#cnav li.first {
		border : 0;
	}
	
		#cnav li a {
			text-decoration : none;
			color : #47287B;
		}
		
		#cnav li a:hover,
		#cnav li a:focus,
		#cnav li a:active {
			text-decoration : underline;
		}

/*****************************************
* Crumb trail
******************************************/
#crumbTrail {
	font-size : 0.86em;
	position : absolute;
	margin : 0;
	bottom : 30px;
	left : 14px;
}
	
	#crumbTrail li {
		list-style-type : none;
		list-style-image : none;
		display : inline;
	}
	
		#crumbTrail li a {
			background : url(/_images/furniture/crumbTrailBullet.png) no-repeat right center;
			padding-right : 12px;
			margin-right : 5px;
			color : #47287B;
			text-decoration : none;
		}
		
		#crumbTrail li a:hover {
			text-decoration : underline;
		}


/*****************************************
* Search form
******************************************/
#header form {
	position : absolute;
	right : 0;
	top : 4em;
}

	#header fieldset {
		border : 0;
		text-align : right;
		float : right;		
	}
	
		#header fieldset div {
			position : relative;
		}
	
		#header fieldset div,
		#header .button {
			float : left;
		}
		
		#header .button {
			margin-left : 8px;
		}
	
		#header label,
		#header .button {
			vertical-align : top;
		}
		
		#header label {
			font-size : 0.79em;
			position :absolute;
			top : 5px;
			left : 5px; 
		}
		
		#header .compactlabel input {
			height : 16px;
			border : 1px solid #8c8c8c;
			font-family : "Tahoma", "Geneva", sans-serif;
			padding : 4px 5px 2px 5px;
			font-size : 0.79em;
			width : 15em;
		}

			
#sectionTitle { /*Clearfix applied*/
	background : url(/_images/furniture/doubleDotBorder.png) repeat-x bottom left;
	height : 1.95em;
	width : 748px;
	display : block;
	position : absolute;
	top : -2.68em;
	z-index : 5;
	left : 0;
	padding-left : 11px;
	color : black;
	font-size : 1.08em;
}
	
	/*Different coloured squares at the top of each page*/
	#sectionTitle span {
		width : 27px;
		height : 27px;
		float : left;
		background : url(/_images/furniture/squares.png) no-repeat 0 bottom;
		margin-right : 11px;
	}

/*****************************************
* Accesskeys
******************************************/
.accesskeys {
	margin : 0;
}

	.accesskeys dt,
	.accesskeys a {
		position : absolute;
		left : -10000px;
		top : 0;
		background-color : white;
		z-index : 2;
	}
	
	/*When the skip links are active via tabbing, make them visible*/
	.accesskeys a:active,
	.accesskeys a:focus {
		left : 0;
		top : -18.6em;
		border-top : 5px solid #734fa8;
		border-left : 5px solid #734fa8;
		border-bottom : 5px solid #381a6c;
		border-right : 5px solid #381a6c;
		padding : 6px;
		z-index : 3;	
	}
	
	#home .accesskeys a:active,
	#home .accesskeys a:focus {
		top : -10.6em;
	}

/*****************************************
* Columns
******************************************/

#mainColumn {
	width : 554px;
	float : right;
	overflow : hidden;
}

#search #mainColumn,
#sitemap #mainColumn {
	width : 759px;
	float : none;
}

#sideColumn {
	width : 170px;
	float : left;
	overflow : hidden;
}

/*****************************************
* Sub nav
******************************************/
#sideColumn .subNav {
	margin : 0 0 2em 0;
	border-top : 1px solid #d6d6d6;
	font-size : 0.86em;
}

	.subNav li {
		margin : 0;
		list-style-type : none;
		list-style-image : none;
	}
	
		.subNav li a {
			text-decoration : none;
			border-bottom : 1px solid #d6d6d6;
			display : block;
			padding : 9px 14px 9px 14px;
			position : relative;
		}
		
		.subNav li a:hover,
		.subNav li a:focus,
		.subNav li a:active,
		.subNav li.hover a,
		.subNav li.current a {
			color : black;
			border-bottom : 1px solid #afafaf;
			background : url(/_images/furniture/subNavHover.png) repeat-x bottom left;
		}
		
		.subNav li.current a {
			padding-left : 28px;
		}
		
		.subNav li.current a span {
			position : absolute;
			top : 0;
			left : 14px;
			width : 5px;
			height : 2.75em;
			background : transparent url(/_images/furniture/subNavSquares.png) no-repeat 0 center;
			display : block;
		}
		
	



#footer {
	clear : both;
	background : white url(/_images/furniture/footerBackground.png) repeat-x 0 0;
	/*height : 86px;*/
	padding-top : 50px;
	padding-bottom : 50px;
	font-size : 0.86em;
	color : #645f6c;
	margin-top : 20px;
}

	#footer ul {
		float : left;
		margin : 0;
		font-size : 1em;
		width : 400px;
	}

		#footer li {
			display : inline;
			margin-right : 30px;
		}
		
			#footer li a {
				text-decoration : none;
				color : #645f6c;
			}
			
			#footer li a:hover,
			#footer li a:focus,
			#footer li a:active {
				text-decoration : underline;
			}
	
	#footer p {
		float : right;
		display : inline;
		font-size : 1em;
	}

.backToTop {
	background : #f6f6f6 url(/_images/furniture/backToTop.png) no-repeat 3px 8px;
	padding : 3px 3px 3px 14px;
	clear : left;
	float : left;
	font-size : 0.86em;
	text-decoration : none;
	margin-bottom : 2em;
}
	
	.backToTop:hover,
	.backToTop:focus,
	.backToTop:active {
		text-decoration : underline;
	}


/*****************************************
* Sub columns as found on launch pages
******************************************/
.column {
	margin-right : 15px;
	float : left;	
	overflow : hidden;
	width : 100%;
}

.column.half {
	width : 269px;
}

.column.oneThird {
	width : 175px;
}

.column.mapIntro {
	width : 220px;
	font-size : 0.86em;
	margin-right : 0;
}

.column.twoThirds {
	width : 364px;
}

.column.last {
	margin-right : 0;
}

/*****************************************
* Pagination
******************************************/
.searched {
	font-weight : bold;
}

p.results span {
	font-weight : bold;
}

#wrapper .searched, #wrapper h2.results { /*clearfix applied on pagination container*/
	font-size : 0.86em;
	margin : 0 0 1.5em 0;
	color : #343434;
}

.pagination-container {
	font-size : 0.86em;
	margin-bottom : 1em;
}

.pages {
	float : left;
	margin : 0;
	clear : none;
}

	.pagination-container li {
		float : left;
		list-style-image : none;
		list-style-type : none;
		background-color : #f6f6f6;
		margin-right : 5px;
	}
	
	#wrapper .pagination-container li {
		line-height : 1.2em;
	}
	
	.pages li.current {
		padding : 2px 5px;
		background-color : #939393;
		color : #fff;
	}
	
		.pagination-container li a,
		.pagination-container li .inactive {
			padding : 2px 5px;
			float : left;
			text-decoration : none;
		}
		
		.pagination-container li .inactive {
			color : #424242;
		}
	
		#wrapper .pagination-container li a:hover,
		#wrapper .pagination-container li a:focus,
		#wrapper .pagination-container li a:active {
			background-color : black;
			color : white;
			 
		}

.controls {
	float : right;
	margin : 0;
}

	.controls li {
		margin-right : 1px;
		background-color : transparent;
	}
	
	.controls .previous {
		margin-right : 7px;
		padding-right : 7px;
		border-right : 1px solid #939393;
	}
	
		.controls li a,
		.controls .inactive {
			position : relative;
			background-color : #f6f6f6;
		}
	
		.controls li a span,
		.controls .inactive span {
			background : transparent url(/_images/furniture/paginationArrows.png) no-repeat 0 0;
			height : 7px;
			width : 7px;
			position : absolute;
			overflow : hidden;
		}

	.controls .first a,
	.controls .first .inactive,
	.controls .previous a,
	.controls .previous .inactive {
		padding-left : 17px;
	}

		.controls .first a span,
		.controls .first .inactive span,
		.controls .previous a span,
		.controls .previous .inactive span {
			float : left;
			top : 6px;
			left : 4px;
		}
	
	.controls .last a,
	.controls .last .inactive,
	.controls .next a,
	.controls .next .inactive {
		padding-right : 17px;
	}
	
		.controls .last a span,
		.controls .last .inactive span,
		.controls .next a span,
		.controls .next .inactive span {
			float : right;
			top : 6px;
			right : 4px;
		}

	.controls .first a span, .controls .first .inactive span {background-position : 0 0;}
	.controls .previous a span, .controls .previous .inactive span {background-position : -7px 0;}
	.controls .next a span, .controls .next .inactive span {background-position : -14px 0;}
	.controls .last a span, .controls .last .inactive span {background-position : -21px 0;}
	
	/*Hover state has white arrows - use #wrapper specificity to override section colours*/
	
	#wrapper .controls li a:hover span,
	#wrapper .controls li a:focus span,
	#wrapper .controls li a:active span {background-color : black;}
	
	#wrapper .controls .first a:hover span,
	#wrapper .controls .first a:focus span,
	#wrapper .controls .first a:active span {background-position : 0 -49px;}
	
	#wrapper .controls .previous a:hover span,
	#wrapper .controls .previous a:focus span,
	#wrapper .controls .previous a:active span {background-position : -7px -49px;}
	
	#wrapper .controls .next a:hover span,
	#wrapper .controls .next a:focus span,
	#wrapper .controls .next a:active span {background-position : -14px -49px;}
	
	#wrapper .controls .last a:hover span,
	#wrapper .controls .last a:focus span,
	#wrapper .controls .last a:active span {background-position : -21px -49px;}
	

/*****************************************
* Section specific overrides 
******************************************/

/*Core Themes*/
	#corethemes #sectionTitle span {
		background-position : -27px center;
	}
	
	#corethemes .backToTop {
		background-position : 3px -12px;
	}

	#corethemes .subNav li.current a span {
		background-position : -5px center;
	}
	
	#corethemes .controls .first a span {background-position : 0 -7px;}
	#corethemes .controls .previous a span {background-position : -7px -7px;}
	#corethemes .controls .next a span {background-position : -14px -7px;}
	#corethemes .controls .last a span {background-position : -21px -7px;}

/*Activities*/
	#activities #sectionTitle span {
		background-position : -54px center;
	}
	
	#activities .backToTop {
		background-position : 3px -32px;
	}

	#activities .subNav li.current a span {
		background-position : -10px center;
	}
	
	#activities .controls .first a span {background-position : 0 -14px;}
	#activities .controls .previous a span {background-position : -7px -14px;}
	#activities .controls .next a span {background-position : -14px -14px;}
	#activities .controls .last a span {background-position : -21px -14px;}
	
/*Regions*/
	#regions #sectionTitle span {
		background-position : -81px center;
	}
	
	#regions .backToTop {
		background-position : 3px -52px;
	}

	#regions .subNav li.current a span {
		background-position : -15px center;
	}
	
	#regions .controls .first a span {background-position : 0 -21px;}
	#regions .controls .previous a span {background-position : -7px -21px;}
	#regions .controls .next a span {background-position : -14px -21px;}
	#regions .controls .last a span {background-position : -21px -21px;}

/*Projects*/
	#projects #sectionTitle span {
		background-position : -108px center;
	}
	
	#projects .backToTop {
		background-position : 3px -72px;
	}

	#projects .subNav li.current a span {
		background-position : -20px center;
	}
	
	#projects .controls .first a span {background-position : 0 -28px;}
	#projects .controls .previous a span {background-position : -7px -28px;}
	#projects .controls .next a span {background-position : -14px -28px;}
	#projects .controls .last a span {background-position : -21px -28px;}


/*News & Events*/
	#newsandevents #sectionTitle span {
		background-position : -135px center;
	}
	
	#newsandevents .backToTop {
		background-position : 3px -92px;
	}

	#newsandevents .subNav li.current a span {
		background-position : -25px center;
	}
	
	#newsandevents .controls .first a span {background-position : 0 -35px;}
	#newsandevents .controls .previous a span {background-position : -7px -35px;}
	#newsandevents .controls .next a span {background-position : -14px -35px;}
	#newsandevents .controls .last a span {background-position : -21px -35px;}

/*Resources*/
	#resources #sectionTitle span {
		background-position : -162px center;
	}
	
	#resources .backToTop {
		background-position : 3px -112px;
	}

	#resources .subNav li.current a span {
		background-position : -30px center;
	}
	
	#resources .controls .first a span {background-position : 0 -42px;}
	#resources .controls .previous a span {background-position : -7px -42px;}
	#resources .controls .next a span {background-position : -14px -42px;}
	#resources .controls .last a span {background-position : -21px -42px;}



/*****************************************
* Home page
******************************************/

#home #wrapper {
	margin-top : 10.6em;
}

	#home #logo {
		top : -10.6em;
		left : 0;
	}

	#home #header {
		background-image : url(/_images/furniture/homeHeaderBackground.png);
		height : 10.4em;
	}
	
		#home #mainNav {
			bottom : 1px;
		}
	
	#home #mainColumn {
		float : left;
		width : 501px;
	}
	
	#home #sideColumn {
		float : right;
		width : 243px;
	}
	
	#home #mainColumn p,
	#home #sideColumn p {
		
	}

	#footerBlock .column {
		width : 243px;
	}


/*****************************************
* Map
******************************************/

#ukMap {
	margin-bottom : 2em;
}

#ukMap,
#worldMap {
	float : right;
	width : 325px;
}

/*****************************************
* Send to friend form
******************************************/
#sendToFriend {
	width : 425px;
	margin-bottom : 0;
}

#sendToFriend .buttons {
	background : none;
	padding-top : 0;
	text-align : center;
}

#sendToFriendLink {
	display : block;
	height : 17px;
	background : url(/_images/furniture/sendToFriend.png) no-repeat 0 0;
	padding-left : 25px;
	position : absolute;
	top : 0px;
	left : 220px;
}

/*****************************************
* Top images on launch pages
******************************************/
.topImage {
	width : 175px;
	height : 168px;
	background-position : top right;
	background-repeat : no-repeat;
	overflow : hidden;
	float : right;
	margin : 0 0 15px 15px;
}

	.topImage .inner {
		width : 100%;
		height : 100%;
		background : url(/_images/furniture/roundedImage.png) no-repeat 0 0;
	}