/* Project Heartlands CSS Document - MASTER */

@import url("section-colours.css");


body { margin:0; padding-bottom:160px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; background:#666; }

img { border:none; }

#wrap { position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:70; overflow:auto; }

.container { width:963px; position:relative; margin:0 auto; }

.title { z-index:22; margin:0; position:absolute; right:208px; top:156px; width:1255px; padding:78px 0 0 0; overflow:hidden; height:0 !important; height /**/:78px; }

.logo { position:absolute; left:0; top:48px; margin:0; z-index:21; }
	.logo a { display:block; padding:71px 0 0 0; overflow:hidden; height:0 !important; height /**/:71px; background:url(/images/logo_cc.png) no-repeat top left; width:458px; }
	.logo a.whitelogo { background:url(/images/logo-white_cc.png) no-repeat top left; }

.section-find .logo a { background:url(/images/logo-wh.png) no-repeat top left; }


/*Background image
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Overflow used to create full bleed background image effect*/
#bg,#bg table,#bg td{width:100%; height:100%; margin:0;}
html, body {width:100%; height:100%; margin:0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default; color:#000;}
#bg div, img{display:block;}
#bg div{ position:absolute; width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center; }
#bg img{ min-height:50%; min-width:50%; margin:0 auto; display:block; }

/*Background blocks*/
.layout-inner { background:url(/images/blocks-inner.gif) no-repeat top right; width:469px; height:506px; position:absolute; top:0; right:0; z-index:-100; }
.layout-webcam { background:url(/images/blocks-inner.gif) no-repeat top right; width:469px; height:506px; position:absolute; top:0; right:0; z-index:-100; }
.layout-overview { background:url(/images/blocks-overview.gif) no-repeat top right; width:469px; height:532px; position:absolute; top:0; right:0; z-index:-100; }
.layout-events { background:url(/images/blocks-events.gif) no-repeat top right; width:963px; height:755px; position:absolute; top:0; right:0; z-index:-100; }
.layout-media { background:url(/images/blocks-media.gif) no-repeat top right; width:963px; height:727px; position:absolute; top:0; right:0; z-index:-100; }



/*Primary menu (left)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.primary-menu { position:absolute; right:807px; top:234px; list-style:none; width:1000px; margin:0; padding:0; z-index:30; }
	.primary-menu li a { font-family:"Trebuchet MS", sans-serif; font-size:1.9em; text-decoration:none; color:#FFF; background:url(/images/primary-menu-bg.png) repeat; padding:5px 10px 5px 844px; float:left; clear:both; }
	.primary-menu li { float:left; clear:left; }
		.primary-menu ul { padding:0 0 12px 839px; margin:0; list-style:none; }
			.primary-menu ul li { width:161px; }
			.primary-menu ul li a { padding:6px 5px; background:url(/images/primary-menu-drop-bg.png) repeat; font-size:1.1em; line-height:0.7em; }

/*Section colour rollovers*/			
.primary-menu li a.nav-latest:hover { background:#e93e8f; }
.primary-menu li a.nav-heartlands:hover { background:#e52d09; }
.primary-menu li a.nav-visit:hover { background:#00a7e7; }
.primary-menu li a.nav-live:hover { background:#ffd500; }
.primary-menu li a.nav-business:hover { background:#91c01b; }
.primary-menu li a.nav-sustainability:hover { background:#21a635; }
.primary-menu li a.nav-learn:hover { background:#e93e8f; }
.primary-menu li a.nav-shop:hover { background:#e52d09; }
.primary-menu li a.nav-media:hover { background:#91c01b; }
.primary-menu li a.nav-contact:hover { background:#91c01b; }
.primary-menu li a.nav-sitemap:hover { background:#91c01b; }

/*Contact menu (left)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.contact-menu { position:absolute; right:807px; top:500px; width:1000px; margin:0; padding:0; z-index:300; }
.contact-menu p { font-family:"Trebuchet MS", sans-serif; font-size:1.2em; line-height: 1.4em; text-decoration:none; color:#FFF; background:url(/images/primary-menu-bg.png) repeat; padding:5px 10px 5px 844px; float:left; clear:both; color: #ffffff; }
.contact-menu p a { color: #ffffff; }

/*Secondary menu (top)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.secondary-menu { z-index:24; position:absolute; right:208px; top:0; margin:0; padding:0 11px 0 0; background:#40614e; color:#FFF; font-size:1.1em; list-style:none; }
	.secondary-menu li { position:relative; float:left; background:url(/images/secondary-list-divide.gif) no-repeat right; padding:6px 11px 0 11px; height:20px; }
	.secondary-menu li.secondary-menu-last { background:url(/images/arrow-down.gif) no-repeat right center; padding-right:12px; }
	.secondary-menu li a { color:#FFF; text-decoration:none; }
	.secondary-menu li a:hover { color:#fff; text-decoration:underline; }
	.secondary-menu ul { visibility:hidden; list-style:none; margin:0; background:#40614e; padding:0.5em 0 0 0; position:absolute; height:0; top:20px; left:0; width:11.5em; }
	.secondary-menu ul li { float:none; padding:0; margin:0; width:100%; height:auto; }
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.secondary-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
	/* style the second level links */
	.secondary-menu ul li a, .secondary-menu ul li a:visited { background:#40614e; height:auto; color:#FFF; width:auto; display:block; float:none; padding:0.2em 11px 0.4em 11px; }


/* style the top level hover */
.secondary-menu a:hover { /*color:#000;*/ _background: none; /* IE 6 and below */}
.secondary-menu :hover > a { /*color:#000;*/_background: none; /* IE 6 and below */}
.secondary-menu ul a:hover { /*color:#000;*/_background: none; /* IE 6 and below */}
.secondary-menu ul :hover > a { /*color:#000;*/_background:none; /* IE 6 and below */}

/* make the second level visible when hover on first level list OR link */
.secondary-menu li:hover ul,
.secondary-menu a:hover ul{visibility:visible; }



/*Site search (top)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.site-search { position:absolute; right:0; top:0; z-index:23; }
	.site-search form { margin:0; padding:0; }
	.site-search-formbox { width:151px; height:20px; background:#FFF; border:0; font-size:1.1em; color:#3a5a4b; position:absolute; right:26px; top:0; padding:6px 0 0 5px; }
	.site-search-button { width:26px; height:26px; position:absolute; right:0; top:0; margin:0; padding:0; }



/*Teriary menu (bottom)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.tertiary-menu { background:#40614e; color:#FFF; font-size:1.1em; }



/*Resources menu (bottom-right)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.resources-menu { width:182px; margin:0 0 0 130px; padding:0 0 7px 0; background:url(/images/rightcol-blockquote.png) repeat-y; }
	.resources-menu li { font-size:1.1em; color:#FFF; list-style:none; }
	.resources-menu li a { border-bottom:1px solid #9da597; padding:7px 7px 7px 0; margin:0 0 0 7px; color:#FFF; float:left; width:161px; clear:both; text-decoration:none; }
	.resources-menu li a:hover { text-decoration:underline; }
		.resources-menu li a.icon-pdf { background:url(/images/icon-pdf.gif) no-repeat right center; }
		.resources-menu li a.icon-doc { background:url(/images/icon-doc.gif) no-repeat right center; }
		.resources-menu li a.icon-quicktime { background:url(/images/icon-quicktime.gif) no-repeat right center; }
			.resources-menu li.resources-menu-header { background:#40614e; padding:7px; }
				.resources-menu li.resources-menu-last a { border-bottom:none; }



/*Overview page
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.overview { width:755px; position:absolute; left:156px; top:260px; }
	.overview div { font-family:"Trebuchet MS", sans-serif; color:#FFF; font-size:1.7em; line-height:1.2em; height:260px; position:relative; }
	.overview div img { position:absolute; left:0; bottom:0; }
	.overview div p { position:absolute; right:0; bottom:0; width:260px; margin:0; padding:11px 26px; background:url(/images/rightcol-blockquote.png) repeat-y; }
	.overview div p .overview-block { position:absolute; top:-26px; left:0; height:26px; width:169px; background:url(/images/blocks-overview-pink.gif) no-repeat top left; }
		.overview ul { margin:0; padding:20px 0 20px 0; width:599px; background:#FFF; }
		.overview li { list-style:none; font-size:1.2em; color:#40614e; padding:0 14px 0 153px; margin:0 0 20px 0; }
		.overview li img { margin:0 0 0 -153px; float:left; }
		.overview li h2 { font-size:1.2em; margin:0; padding:0; }
		.overview li h3 { font-size:1em; color:#305045; margin:0; padding:0.6em 0 0.2em 0; }
		.overview li p { margin:0.2em 0 1em 0; padding:0; }
		.overview li a { display:block; text-decoration:underline; padding:0.1em 0 0 0; background:none; }
		.overview li a:hover { color:#000; background:none; }



/*Inner/text page
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.inner { width:428px; position:absolute; left:156px; top:260px; background:#FFF; padding:11px 14px 28px 14px; overflow: visible; }
	.inner h1 { font-size:1.4em; margin:0; padding:0 0 0.8em 0; }
	.inner h2 { font-size:1.2em; margin:0; padding:0 0 0.2em 0; }
	.inner h3 { font-size:1.2em; color:#31544a; margin:0; padding:0 0 0.6em 0; }
	.inner p.abstract { font-size:1.3em; font-weight:bold; color:#31544a; margin:0 -14px 1.2em -14px; padding:14px; background:#ecefed; }
	.inner p { font-size:1.2em; color:#31544a; margin:0; padding:0 0 1.2em 0; }
	.inner ul { margin:0 0 1.2em 0; padding:0; font-size:1.2em; color:#31544a; }
	.inner li { list-style:outside; margin:0 0 0 15px; padding:0 0 0.2em 0; }
	.inner a { text-decoration:underline; background:none; }
	.inner a:hover { color:#000; background:none; }
	
/*webcam/text page
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.webcam { width:428px; position:absolute; left:156px; top:260px; background:#FFF; padding:11px 14px 28px 14px; overflow: visible; }
	.webcam h1 { font-size:1.4em; margin:0; padding:0 0 0.8em 0; }
	.webcam h2 { font-size:1.2em; margin:0; padding:0 0 0.2em 0; }
	.webcam h3 { font-size:1.2em; color:#31544a; margin:0; padding:0 0 0.6em 0; }
	.webcam p.abstract { font-size:1.3em; font-weight:bold; color:#31544a; margin:0 -14px 1.2em -14px; padding:14px; background:#ecefed; }
	.webcam p { font-size:1.2em; color:#31544a; margin:0; padding:0 0 1.2em 0; }
	.webcam ul { margin:0 0 1.2em 0; padding:0; font-size:1.2em; color:#31544a; }
	.webcam li { list-style:outside; margin:0 0 0 15px; padding:0 0 0.2em 0; }
	.webcam a { text-decoration:underline; background:none; }
	.webcam a:hover { color:#000; background:none; }
	#gallery ul {
		width:201px;
		list-style: none;
		margin:0;
		padding:0;
	}
	#gallery ul li{
		list-style: none;
		margin:0;
		padding: 5px 0;
		float: left;
	}
	#gallery ul li img {
		margin:0 1px 0 0;
		border:0;
		display:block;
	}
	
	#gallery ul h3 {
		font-weight: normal;
		padding: 2px 0 0 0;
		margin: 0;
		font-size: 11px;
	}
	#gallery h1,#gallery a {
		color: #E52D09;
	}
	#cam1,#cam2 {
		width:205px;
		padding:2px;
	}
	

/*Floated images*/
.left { float:left; margin:0 1em 0.8em -14px; }
.right { float:right; margin:0 -14px 0.8em 1em; }
.right-events-image { float:right; margin:-1.2em -14px 0.8em 1.4em; }

/*Rightcol*/
.rightcol { width:286px; position:absolute; left:651px; top:234px; font-family:"Trebuchet MS", sans-serif; color:#FFF; }
	.rightcol p { background:url(/images/rightcol-blockquote.png) repeat-y; padding:9px 7px 9px 12px; margin:0 0 26px 0; font-size:1.8em; }
	.rightcol p strong { font-weight:normal; }
		.rightcol blockquote { background:url(/images/rightcol-blockquote.png) repeat-y; padding:9px 7px 9px 12px; margin:0 0 26px 0; }
		.rightcol blockquote p { margin:0 0 7px 0; padding:0; background:none; }
		.rightcol blockquote cite { font-size:1.3em; font-style:normal; }
			.rightcol img.video-thumb { border:1px solid #FFF; }
				.play { position:relative; }
				.play-icon { position:absolute; top:22px; left:53px; cursor:pointer; }

/*Rightcol positioned elements*/
.rightcol .pos1 { margin:0 0 26px 0; }
.rightcol .pos2 { margin:0 0 26px 26px; }
.rightcol .pos3 { margin:0 0 26px 52px; }
.rightcol .pos4 { margin:0 0 26px 78px; }
.rightcol .pos5 { margin:0 0 26px 104px; }
.rightcol .pos6 { margin:0 0 26px 130px; }
.rightcol .pos7 { margin:0 0 26px 156px; }

/*Visit - Events inner/detail*/
.inner .events-detail { margin:0 -14px; }
	.inner .events-detail a.back-to { font-weight:bold; text-decoration:none; display:block; font-size:1.2em; padding:0 0 0.8em 14px; }
	.inner .events-detail a.back-to:hover { color:#000; }
	.inner .events-detail h2 { color:#FFF; background:#40614e; padding:0.8em 14px; margin:0; font-size:1.4em; }
		.inner .events-detail div { background:#ecefed; position:relative; margin:0 0 1.2em 0; }
		.inner .events-detail div p { padding:0.8em 14px; margin:0; font-size:1.4em; }
		.inner .events-detail div ul { position:absolute; top:0; right:0; margin:0; padding:0.6em 0.8em 0.2em 0.8em; background:#40614e; border-top:1px solid #FFF; }
		.inner .events-detail div li { list-style:none; margin:0; padding:0 22px 0.4em 0; }
		.inner .events-detail div li a { color:#FFF; text-decoration:none; padding:0 0 0.4em 0; margin:0; }
		.inner .events-detail div li a:hover { color:#FFF; text-decoration:underline; }
			.inner .events-detail div li#tell-a-friend { background:url(/images/tell-a-friend.gif) no-repeat right top; }
			.inner .events-detail div li#share { background:url(/images/share.gif) no-repeat right top; }

/*Contact form*/
.contact-form { margin:1.2em 0 0 0; padding:0; }
	.contact-form p { margin:0 0 0.6em 0; }
	.contact-form label { display:block; font-size:1.1em; margin:0 0 0.3em 0; font-weight:bold; }
	.contact-form .formbox { border:1px solid #3f625b; background:#FFF; width:278px; }
	.contact-form .formtextbox { border:1px solid #3f625b; background:#FFF; width:408px; }

/*How to get involved titles*/
.inner h2.icon_email { background:url(/images/icon-email.gif) left center no-repeat; padding:20px 0 15px 35px; height:20px; font-size:1.4em; }
.inner h2.icon_rss { background:url(/images/icon-rss.gif) left center no-repeat; padding:20px 0 15px 35px; height:28px; font-size:1.4em; }
.inner h2.icon_twitter { background:url(/images/icon-twitter.gif) left center no-repeat; padding:20px 0 15px 40px; height:23px; font-size:1.4em; }



/*Visit - Events Arena
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.events-arena { width:428px; position:absolute; left:156px; top:260px; background:#FFF; padding:11px 14px 0 14px; }
	.events-arena h1 { font-size:1.4em; margin:0; padding:0; }
	.events-arena p { font-size:1.4em; margin:0; padding:0 0 0.8em 0; }
		.events-arena ul { background:#ecefed; margin:0 -14px; padding:0; color:#305045; font-size:1.2em; }
		.events-arena li { list-style:none; padding:14px 144px 14px 14px; position:relative; border-bottom:1px solid #FFF; }
		.events-arena li img { position:absolute; right:0; top:0; }
		.events-arena li h2 { font-size:1.2em; margin:0; padding:0 0 0.1em 0; }
		.events-arena li strong { display:block; font-size:1.2em; margin:0; padding:0 0 1.1em 0; font-weight:normal; }
		.events-arena li em { display:block; margin:0; padding:0; font-style:normal; }
		.events-arena li a { font-weight:bold; text-decoration:none; color:#305045 }

/*Visit - Events diary*/
.events-diary { width:182px; position:absolute; left:651px; top:182px; }
	.events-diary h3 { text-align:center; color:#FFF; width:100%; margin:0; padding:7px 0; font-size:1.1em; }
		.events-diary .events-diary-view { margin:0; padding:10px 8px 5px 8px; border-bottom:1px solid #FFF; background:#355a49; }
		.events-diary .events-diary-view li { list-style:none; background:url(/images/view-icon.gif) no-repeat 0 1px; padding:0 0 0.5em 18px; font-size:1.1em; }
		.events-diary .events-diary-view li a { color:#FFF; text-decoration:none; }
		.events-diary .events-diary-view li a:hover { text-decoration:underline; }
			.events-diary .events-diary-list { margin:0; padding:0; background:#ecefed; }
			.events-diary .events-diary-list li { list-style:none; padding:6px; color:#40614e; border-bottom:1px solid #2c0f10; font-size:1.1em; }
			.events-diary .events-diary-list li h4 { margin:0; padding:0; font-size:1em; }
			.events-diary .events-diary-list li a { display:block; text-decoration:none; font-weight:bold; color:#40614e; padding:0.1em 0 0 0; }

/*Calendar*/
.calendar { position:relative; width:100%; text-align:center; color:#FFF; font-size:1.1em; }
	.calendar .monthYearText { position:relative; padding:7px 0; background:#355a49; font-weight:bold; }
	.calendar .monthYearText span { position:relative; display:block; width:100%; }
	.calendar .previous_month { position:absolute; top:0; left:7px; }
	.calendar .next_month { position:absolute; top:0; right:7px; }
		.calendar td { background:url(/images/calendar/calendar-bg.png); border-right:1px solid #3d2b32; border-bottom:1px solid #3d2b32; padding:4px; color:#FFF; }
			.calendar td.no-day { background:url(/images/calendar/calendar-bg-none-new.png); }
			.calendar td.event-busy { background:#e93e8f; color:#ffd500; }
			.calendar td.event-active { background:#e93e8f; }
		.calendar .day { padding:4px; background:url(/images/calendar/calendar-bg.png); border-right:1px solid #3d2b32; border-bottom:1px solid #3d2b32; }
		.calendar .no-border { border-right:none; }



/*Media
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.media { width:428px; position:absolute; left:156px; top:260px; background:#FFF; padding:11px 14px 0 14px; }
	.media h1 { font-size:1.4em; margin:0; padding:0 0 0.3em 0; }
	.media p { font-size:1.2em; color:#31544a; margin:0; padding:0 0 1.2em 0; }
		.media form { margin:10px 0 0 0; padding:0; float:right; }
		.media form select { width:150px; }

/*Press releases accordion*/
.accordion { margin:0 -14px 0 -14px; }
	h3.toggler { cursor:pointer; border-bottom:1px solid #FFF; font-size:1.1em; background:#ecefed; color:#40614e; margin:0; padding:0.6em 11px 0.6em 14px; }
	.element ul { margin:0; padding:0; }
	.element li { list-style:none; font-weight:bold; margin:0; padding:0; font-size:1.1em; }
	.element li a { background:url(/images/pdf.gif) no-repeat 430px 4px #40614e; color:#FFF; display:block; text-decoration:none; padding:0.6em 0 0.6em 14px; border-bottom:1px solid #668171; }
	.element li a:hover { background:url(/images/pdf.gif) no-repeat 430px 4px #91c01b; color:#FFF; text-decoration:none; }

/*Press images search*/
.media-search { background:#ecefed; margin:0 -14px; position:relative; height:50px; }
	.media-search form { margin:0; padding:0; float:none; }
	.media-search form p {margin:0; padding:0; }
		#media-search-formbox { width:218px; height:20px; background:#FFF; border:0; font-size:1.1em; color:#3a5a4b; position:absolute; left:14px; top:12px; padding:6px 0 0 5px; }
		#media-search-button { width:26px; height:26px; position:absolute; left:223px; top:12px; }
			#or { position:absolute; left:262px; top:18px; }
				#media-search-dropdown { position:absolute; left:286px; top:15px; }

/*Press images search results*/
.image-search-results { width:624px; position:absolute; left:156px; top:416px; }
	.image-search-results div { padding:7px 0; margin:0 0 1px 0; color:#FFF; background:#2a4c48; width:623px; }
	.image-search-results div h2 { margin:0; padding:0 4px 0 14px; display:inline; font-size:1.2em; }
	.image-search-results div em { font-style:normal; display:inline; font-size:1.1em; }
	.image-search-results div strong { font-weight:normal; float:right; font-size:1.1em; margin-right:10px; }
		.image-search-results p { background:#f6fafd; margin:0 1px 1px 0; padding:5px 3px; font-size:1.1em; color:#40614e; }
		.image-search-results ul { margin:0; padding:0; }
		.image-search-results li { list-style:none; background:#f6fafd; float:left; margin:0 1px 1px 0; padding:3px; width:97px; font-size:1.1em; color:#40614e; }
			.image-search-results li a { display:block; font-weight:bold; text-decoration:none; padding:0.2em 0 0 3px; }
			.image-search-results li a:hover { color:#000; }
				.image-search-results li a.view-image { padding:4px 0; margin:0.4em 0 0 0; width:100%; text-align:center; color:#FFF; }
				.image-search-results li a.view-image:hover { color:#000; }
					.image-search-results li a.press-image { width:97px; height:100px; overflow:hidden; margin:0 0 0.3em 0; padding:0; }
					.image-search-results li a.press-image img { margin-left:auto; margin-right:auto; }





/*Clear fix
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.clearfix { display:inline-table; zoom:1; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }