@import url(reset.css);

/* Global styles */
body, html {
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 0.9em;
}
body {
	background: #fff url(../images/site/darkblueheader_bkg.png) repeat-x 0 0;
}
.sitecentered {
	width: 960px;
	margin: 0 auto;
}

/* ==================

HOME PAGE

===================== */

	#projectsplash {
		height: 488px;
		width: 960px;
		background: url(../images/site/splash_bkg.png) repeat-x 0 0;
		padding: 20px 0 0;
		
		position:relative;
		overflow:hidden;
	}
		.projects {
			width:20000em;
			position:absolute;
		}
		.project {
			width: 960px;
			height: 450px;
			float: left;
		}
		.projectimage {
			width: 593px;
			height: 450px;
			float: left;
			margin-bottom: 20px;
			position: relative;
		}
			.projectimage span {
				display: block;
				position: absolute;
				top: 380px;
				left: 25px;
				width: 525px;
				height: 49px;
				background: transparent url(../images/site/white50.png) repeat 0 0;
			}
			.projectimage span a:link, .projectimage span a:visited, .projectimage span a:hover, .projectimage span a:active { color: #666; }
			.projectimage span a {
				display: block;
				width: 275px;
				height: 100%;
				line-height: 49px;
				color: #666;
				background: transparent url(../images/site/arrow_white.png) no-repeat 95% 5px;
				font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
				padding-left: 250px;
			}
			.projectimage span a:hover { background: #fff url(../images/site/arrow_white.png) no-repeat 95% -45px; color: #666; }
		.projectdetails {
			float: left;
			position: relative;
			margin-top: 24px;
			width: 302px;
		}
		.projectdetails h1 {
			display: block;
			position: absolute;
			height: 60px;
			line-height: 60px;
			top: 0; left: -11px;
			width: 378px;
			font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
			font-size: 28px;
			color: #fff;
			margin-top: 0;
			padding-left: 0;
		}
		.projectdetails h1 a {
			display: block;
			margin-left: 15px;
			color: #fff;
		}
		.projectdescription {
			margin-top: 60px;
			padding: 15px;
			background: #F7F7EF;
			font-size: 1.1em;
		}
		.projectdescription p {
			line-height: 1.4em;
			margin-bottom: 0;
			font-weight: bold;
		}
	
	#projectsplashnav {
		position: absolute;
		top: 180px;
		left: 593px;
		width: 322px;
		padding: 15px 0 0 16px;
	}

	#projectsplashnav a, #projectsplashnav a:link, #projectsplashnav a:visited, #projectsplashnav a:hover, #projectsplashnav a:active {
		color: #DAF0F5;
		font-weight: bold;
		display: block;
		padding: 3px 8px;
	}
		#projectsplashnav a:hover { text-decoration: underline; }
		.projectlink {
			display: block;
			float: left;
			margin: 0 2px;
		}
			/* Current project */
			.projectlink.here {
				background-color: #B4E1EB;
			}
			#projectsplashnav .projectlink.here a, #projectsplashnav .projectlink.here a:link, #projectsplashnav .projectlink.here a:visited, #projectsplashnav .projectlink.here a:hover, #projectsplashnav .projectlink.here a:active {
				color: #2B7180;
				font-weight: bold;
			}
		
		/* Previous and next links */
		a.next, a.prev {
			display: block;
			float: left;
			width: 143px;
			height: 27px;
			padding: 0;
			background: transparent url(../images/site/btn/btn_bkg_next.png) no-repeat 0 0;
			text-indent: -5000em;
			margin-top: 5px;
		}
		a.prev { background-image: url(../images/site/btn/btn_bkg_previous.png); clear: left; margin-left: -1px; }
		
		#projectsplashnav a.next, #projectsplashnav a.next:link, #projectsplashnav a.next:visited, #projectsplashnav a.next:hover, #projectsplashnav a.next:active,
		#projectsplashnav a.prev, #projectsplashnav a.prev:link, #projectsplashnav a.prev:visited, #projectsplashnav a.prev:hover, #projectsplashnav a.prev:active
		{
			padding: 0; 
		}
		#projectsplashnav a.next:hover, #projectsplashnav a.prev:hover { 
			background-position: 0 -34px;
		}
		#projectsplashnav a.next:active, #projectsplashnav a.prev:active { 
			background-position: 0 -68px;
		}
		
	
	
	#onwardslinks {
		position: absolute;
		top: 301px;
		left: 593px;
		width: 364px;
	}
		#onwardslinks li {
			display: block;
			height: 57px;
			width: 364px;
		}
		#onwardslinks li a {
			display: block;
			height: 57px;
			width: 346px;
			padding-left: 18px;
			background: url(../images/site/btn/big_btn_bkg.png) no-repeat 0 0;
			font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
			color: #65574C;
			color: #fff;
			line-height: 57px;
			font-size: 18px;
		}
		#onwardslinks li a:hover {
			background-position: 0 -65px;
		}
		#onwardslinks li a:active {
			background-position: 0 -130px;
		}

/* ==================

HEADER AREA

===================== */
	#header { height: 149px; position: relative; }
	#homepageLink { position: absolute; top: 22px; left: -11px; }

	#accessibilityLinks {
		float: right;
		border-bottom: 2px solid #B7D7D2;
		margin-top: 9px;
		font-size: 0.9em;
	}
	#accessibilityLinks li {
		display: block;
		float: left;
		padding-right: 20px;
	}
	#accessibilityLinks li a,
	#accessibilityLinks li a:link,
	#accessibilityLinks li a:visited,
	#accessibilityLinks li a:hover,
	#accessibilityLinks li a:active {
		display: block;
		color: #808080;
		color: #eee;
		text-decoration: none;
	}
	#accessibilityLinks li a:hover {
		text-decoration: underline;
	}
	
		
	
	#loginBtn, #logoutBtn {
		position: absolute;
		right: -6px;
		top:44px;
		width: 130px;
	}
	#loginBtn.btn140 {
		background-image: url(../images/site/btn/btn_bkg_login.png);
		text-indent: -5000em;
	}
	#logoutBtn.btn140 {
		background-image: url(../images/site/btn/btn_bkg_logout.png);
		text-indent: -5000em;
	}
	
	#searchwrap {
		position: absolute;
		right: -3px;
		top:84px;
		width: 369px;
		min-width: 369px;
	}
		#ajaxSearch_submit {
            display: block;
			float: right;
			width: 140px;
			height: 33px;
        }
		#searchwrap span {
			display: block;
			float: right;
			margin-right: 12px;
			font-size:1em;
			font-weight:bold;
			padding-top:0.8em;
			text-transform:uppercase;
		}
		#ajaxSearch_form {
            display: block;
			/*float: right;*/
        }
		#ajaxSearch_form fieldset {
			border: none;
			padding: 0; margin: 0;
		}
		#ajaxSearch_input {
			display: inline;
			float: right;
			width:216px;
			height: 28px;
			background-color: #2B7180;
			color: #eee;
			padding: 3px 3px 0 8px;
			border: 1px solid #DAF0F5;
			border-width: 1px 0 1px 1px;
		}
		#ajaxSearch_input:focus {
			background-color: #fff;
			color: #8B8B8A;
		}
		.searchbox {
			width: 228px;
			height: 27px;
			float: right;
		}
        #followTwitterWrap {
            position: absolute;
            right: -3px;
            top: 46px;
        }

li#textSizeChange { padding-right: 10px; }
	li#textSizeChange a, li#textSizeChange a:link, li#textSizeChange a:visited, li#textSizeChange a:hover, li#textSizeChange a:active { padding-right: 0; float: left;}
	#textSizeChange span {
		display: none;
		float: left;	
		font-weight: bold;
		padding: 0 0 0 3px;
		color: #808080;
		width: 17px;
		height: 27px;
		text-indent: -9000em;
		margin-top: -3px;
	}
	#textSizeChange span.bigger {
		font-size: 15px;
		background: url(../images/site/btn/textSizeUp.gif) no-repeat 3px 0;
	}
	#textSizeChange span.smaller {
		font-size: 12px;
		background: url(../images/site/btn/textSizeDown.gif) no-repeat 3px 0;
	}
	#textSizeChange span.bigger.textSizeHover { background: url(../images/site/btn/textSizeUp_over.gif) no-repeat 3px 0; }
	#textSizeChange span.smaller.textSizeHover { background: url(../images/site/btn/textSizeDown_over.gif) no-repeat 3px 0; }
	

/* ==================

STRUCTURE

===================== */		

	.leftcol {
		float: left;
		overflow: visible;
	}
	.wide {
		width: 593px;
	}
	
	.narrow {
	 	width: 299px;
	}
		
	.rightcol {
		float: right;
		width: 362px;
	}
	.maincol {
		width: 533px;
		float: right;
		padding: 0 30px 20px;
		margin-top: 20px;
	}
	.pageintro {

		background: url(../images/site/pageinfo_bkg.png) repeat-x 0 0;
		min-height: 246px;
		margin-left: -35px;
		margin-bottom: 20px;
		padding-top: 38px;
		position: relative;
	}
	.pageintro h1 { margin-top: 0; }
	.pageintrotext {
		background: #702C8A;
		width: 548px;
		margin-left: 15px;
		margin-top: 10px;
		padding: 30px 15px 15px;
	}
	.simplepage .pageintrotext { display: none; }
	.simplepage .pageintro { margin-bottom: 10px; background: none; height: auto; min-height: 1em; }
	.panel {
		min-height: 290px;
		margin-top: 20px;
		position: relative;
	}
	.colour0 {
		background: #fff;
	}
	.colour1 {
		background: #6D2B80 url(../images/site/purple_gradient_bkg.png) repeat-x 0 0;
	}
	.colour2 {
		background: #2B7180;
	}
	.colour3 {
		background: #D1B2C3 url(../images/site/gold_gradient_bkg.png) repeat-x 0 0;
	}
	.colour4 {
		background: #F4E8B2;
	}
	
	
	/* Template overrides */
	.filterpage .wide { width: 960px; }
	.filterpage .pageintro { width: 593px; float: left; margin: 20px 0 0 0; padding-top: 25px; height: 225px; }
	
/* ==================

TYPOGRAPHY

===================== */
	h1 {
		font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
		font-size: 2em;
		color: #702C8A;
		padding-left: 30px;
		margin-top: 38px;
	}
	.panel h2 {
		font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
		font-size: 1.9em;
		color: #fff;
		padding: 19px 25px;
	}
	.panel.colour4 h2, .panel.colour0 h2 {
		color: #DA5E3F;
	}
	.pageinfo {
		padding-left: 32px;
		font-size: 0.8em;
	}
		.pageinfo.overridepageinfo { font-size: 1em; padding-top: 20px; padding-right: 20px; }
	p {
		color: #65574C;
		line-height: 1.8em;
		margin-bottom: 1.8em;
	}
	.pageintrotext p {
		color: #fff;
		font-weight: bold;
		margin-bottom: 0;
	}
	.maincol ul, .projectpanes ul, ol {
		margin-left: 30px;
		color: #65574C;
		line-height: 1.8em;
	}
	ol {
		list-style-type: decimal;
	}
	.maincol li, .projectpanes li, #petitionform .form-row li{
		color: #65574C;
		line-height: 1.8em;
		background: url(../images/site/bullet_arrow.png) no-repeat 0 3px;
		padding-left: 30px;
		margin-bottom: 1em;
	}
	ol li, .maincol ol li, .projectpanes ol li { background: none; }
	
	h3 {
		color: #2B7180;
		font-weight: bold;
		border-top: 1px solid #F4E1A7;
		padding-top: 10px;
		margin: 2em 0;
		font-size: 1.3em;
	}
	
	
	.maincol a:hover { 
		text-decoration: underline;
	}
	.maincol a:visited { color: #2B7180; }
	.pageintrotext a:visited { color: #B7D7D2;}
	
	a.pdfDownload {
		padding-left: 30px !important; background: url(../images/site/pdf.png) no-repeat left center;
	}
	a.wordDownload {
		padding-left: 30px !important; background: url(../images/site/word.png) no-repeat left center;
	}
	
	.InternalLink, .relatedfiles li.InternalLink, .maincol ul.relatedDocuments li.InternalLink { background: url(../images/site/chain--arrow.png) no-repeat left center; }
	.ExternalLink, .relatedfiles li.ExternalLink, .maincol ul.relatedDocuments li.ExternalLink { background: url(../images/site/globe--arrow.png) no-repeat left center; }
	.rolled {
		cursor: pointer;
	}
	
	a.parentLink {
		display: block; height: 1.9em; line-height: 1.9em; padding-left: 25px; background: url(../images/site/arrow_green_back.png) no-repeat 0 50%;
	}
	
	.ajaxSearch_highlight {
		background-color: #FFFABD;
	}

/* ==================

Images

===================== */

	.imgLeft {
		float: left;
		margin: 0 1.8em 1.8em 0;
	}
	.featurecontent p.imgLeft { margin: 0; padding: 0; }
	img.justifyright { float: right; margin: 1.4em 0 1.4em 1.4em; }
	img.justifyleft { float: left; margin: 1.4em 1.4em 1.4em 0; }

	
/* ==================

Buttons

===================== */
		.showNoLink { display: none; }
		.btn92, .btn140, .btn166, .btn234, .btn97, .btn98 {
			font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
			color: #65574C;
			display: block;
		}
			a.btn92, a.btn92:link, a.btn92:visited, a.btn92:hover, a.btn92:active,
			a.btn140, a.btn140:link, a.btn140:visited, a.btn140:hover, a.btn140:active,
			a.btn166, a.btn166:link, a.btn166:visited, a.btn166:hover, a.btn166:active,
			a.btn234, a.btn234:link, a.btn234:visited, a.btn234:hover, a.btn234:active			
			{ /*color: #65574C;*/ color: #fff; }
			a.btn166:active,
			a.btn234:active
			{ color: #F7F7EF; }
		
		.btn92 {
			width: 83px;
			height: 33px;
			background: url(../images/site/btn/btn_bkg_signup.png) no-repeat 0 0;
			text-transform: uppercase;
			line-height: 33px;
			padding-left: 9px;
			font-size: 11px;
			font-weight: bold;
		}
		.btn92:hover { background-position: 0 -40px; }
		.btn92:active { background-position: 0 -80px; }
		
		.btn97 {
			width: 103px;
			height: 28px;
			background: url(../images/site/btn/btn_bkg_readmore.png) no-repeat 0 0;
		}
		.btn97:hover { background-position: 0 -32px; }
		.btn97:active { background-position: 0 -64px; }
		
		.btn98 {
			width: 115px;
			height: 28px;
			background: url(../images/site/btn/btn_bkg_bookonline.png) no-repeat 0 0;
		}
		.btn98:hover { background-position: 0 -32px; }
		.btn98:active { background-position: 0 -64px; }
		
		.btn140 {
			width: 131px;
			height: 37px;
			background: url(../images/site/btn/btn_bkg_140.png) no-repeat 0 0;
			text-transform: uppercase;
			line-height: 37px;
			padding-left: 16px;
			font-size: 11px;
			font-weight: bold;
		}
		.btn140:hover { background-position: 0 -41px; }
		.btn140:active { background-position: 0 -82px; }
	
		.btn166, .btn234 {
			height: 46px;
			line-height: 46px;
			font-size: 15px;
			padding-left: 15px;
		}
		.btn166:hover, .btn234:hover { background-position: -30px -50px; }
		.btn166:active, .btn166:active { background-position: -30px -100px; }
		
		.btn166 {
			width: 173px;	
			background: url(../images/site/btn/btn_bkg_166.png) no-repeat -30px 0;
		}
		.latestnewshome .btn166:hover, .btn234:hover { background-position: -30px -50px; }
		.latestnewshome .btn166:active, .btn166:active { background-position: -30px -100px; }
		
		.latestnewshome .btn166 {
			width: 173px;	
			background: url(../images/site/btn/btn_bkg_166.png) no-repeat -30px 0;
		}
		.btn234 {
			width: 225px;
			background: url(../images/site/btn/btn_bkg_234.png) no-repeat 0 0;
		}

	
	
	
/* ==================

Special Chunks

===================== */
	
	.featurecontent { position: relative; }
	.featurecontent .imgLeft {
		margin-left: 25px;
		margin-right: 1.2em;
		margin-bottom: 0;
	}
	.featurecontent p {
		color: #fff;
		padding-right: 1.8em;
		margin-left: 178px;
		line-height: 1.3em;
	}
	.panel.specialfeature, .projectchooser  {
		width: 362px;
	}
	.panel a.btn166  {
		position: absolute;
		bottom: 8px;
		left: 96px;
		margin: 0;
	}
	

	
	/* Latest news */
		
		.latestnews a.btn234 {
			margin: 4px auto 0;
		}
			.latestnews a.doublebuttonfirst {
				left: 3px;
			}
			.latestnews a.doublebuttonsecond {
				left: 150px;
			}
			
			.latestnewshome a.doublebuttonfirst {
				left: 3px;
			}
			.latestnewshome a.doublebuttonsecond {
				left: 150px;
			}
		
		.latestnews {
			height: auto;
			padding-bottom: 4px;
		}
		.latestnews h3 {
			border: none;
			margin: 0;
			padding: 0;
			font-size: 1em;
		}
		.latestnewshome h3 {
			border: none;
            margin-top: 0;
            margin-right: 0;
            margin-left: -6px;
            margin-bottom: 4px;
            padding-top: 0;
            padding-right: 0;
            padding-left: 0;
            padding-bottom: 0;
            font-size: 1.1em;
		}
		.latestnewshome p {
			line-height: 1.3em;
			margin-bottom: 0;
			margin-left: 0;
		}
		.latestnews p {
			line-height: 1.3em;
			margin-bottom: 0;
			margin-left: 0;
		}
		.latestnews ul {
			width: 302px;	
			background: #fff;
			padding: 17px 30px;
			overflow: auto;
		}
		.latestnewshome ul {
			width: 302px;	
			background: #fff;
            padding-top: 0px;
            padding-right: 30px;
            padding-left: 30px;
            padding-bottom: 17px;
            overflow: hidden;
		}
		
		.latestnews li {
			display: block;
			float: left;
			border-bottom:1px solid #CCCCCC;
			margin-bottom:1.5em;
			padding-bottom:1em;
		}
		.latestnewshome li {
			padding-top: 17px;
			}
			a.newsItemTitle {
				font-weight: bold;
				color: #65574C;
				display: block;
				height: 37px;
				padding-right: 10px;
			}
			a.newsItemTitle:hover { text-decoration: underline; }
			
			.newsItemImage {
				float: left;
				width: 90px;
			}
			.latestnews li p {
				float: left;
				width: 173px;
				padding-left: 10px;
				color: #7B5086;
			}
			.latestnews li .newsItemImage+p {
				width: 150px;
			}
			.latestnewshome li p {
				float: left;
				width: 173px;
				padding-left: 10px;
				color: #7B5086;
			}
			.latestnewshome li .newsItemImage+p {
				width: 150px;
			}
			.latestnews li .newsItemImage+p {
				width: 150px;
			}
			a.newsItemMore {
				color: #DA5E3F;
				padding: 8px 0 0 10px;
				float: left;
				display: block;
			}
			a.newsItemMore:hover {
				color: #EDC236;
				text-decoration: underline;
			}
			/* Overrides for latest news in double col */
			.wide .latestnews ul {
				width: 533px;
				height: 129px;
			}
			.wide .latestnews li {
				width: 50%;
				margin-bottom: 0;
				border-bottom: 0;
				padding-bottom: 0;
			}
			
/* Overrides for latest news in double col */
			.narrow .latestnewshome ul {
				width: 234px;
				height: 388px;
			}
			.narrow .latestnewshome li {
				
				margin-bottom: 0;
				border-bottom: 0;
				padding-bottom: 0;
                		float:left;
			}
			.narrow .latestnewshome { 
			height: 536px; padding-bottom: 0;
			margin-right:5px;
			}
			.wide .latestnews { height: 290px; padding-bottom: 0; }
			.wide .latestnews a.btn234 {
				margin: 7px auto 0;
			}

    /* Tweets */

            .tweetsBackground {
                background-color: #ffffff;
            }
    /* Overrides for latest news in double col */
            .narrow .tweets ul {
                width: 234px;
                height: auto;
            }
            .narrow .tweets li {
                
                margin-bottom: 0;
                border-bottom: 0;
                padding-bottom: 0;
                float:left;
            }
            .narrow .tweets { height: 536px; padding-bottom: 0; margin-right:5px;}
            .narrow .tweets a.btn234 {
                margin: 7px auto 0;

            }
            .tweets a.doublebuttonfirst {
                left: 3px;
            }

	/* News items in list */
		
			.btnAllNews {
				display: block;
				float: left;
				width: 216px;
				height: 33px;
				background: url(../images/site/btn/btn_bkg_backtoallnews.png) no-repeat 0 0;
				text-indent: -10000em;
			}
			.btnPrevItem, .btnNextItem { display: block; width: 140px; height: 33px; float: right; text-indent: -10000em; }
			.btnPrevItem { background: url(../images/site/btn/btn_bkg_previousitem.png) no-repeat 0 0; margin-right: 10px; }
			.btnNextItem { background: url(../images/site/btn/btn_bkg_nextitem.png) no-repeat 0 0; }
			.btnAllNews:hover, .btnPrevItem:hover, .btnNextItem:hover { background-position: 0 -41px; }
			.btnAllNews:active, .btnNextItem:active, .btnPrevItem:active { background-position: 0 -82px; }
			.articlepage .pageintrotext { height: 50px; margin-top: 0; padding-top: 15px; padding-bottom: 0; }
			.articlepage .pageintro { margin-bottom: 0; height: 230px; }
			.articlepage .pageintrotext.bottomnav { margin-left: -15px; margin-top: 30px; clear: left; }
			
			.article { float: left; clear: both; margin-bottom: 12px; }
			.article h3 { color: #2B7180; margin: 0 0; border-top: none; padding-top: 14px; }
			.article h3 a, .article h3 a:link, .article h3 a:hover, .article h3 a:active { color: #2B7180; }
			.article h3 a:visited { color: #4394AA; }
			.articleheader {  height: 44px; position: relative; padding-left: 10px; width: 461px; border-bottom: 4px solid #E8D8E1; margin-bottom: 10px; }
			
			.articleIconType1, .articleIconType2 { position: absolute; width: 51px; height: 51px; top: 63px; right: -77px; }
			.articleIconType1 { background: url(../images/site/articleIcon_news.png) no-repeat 0 0; }
			.articleIconType2 { background: url(../images/site/articleIcon_event.png) no-repeat 0 0; }
				.date-num {
					display:block;
					font-family:"Courier new",courier,monospace,sans-serif;
					font-size:30px;
					font-weight:bold;
					height:28px;
					line-height:28px;
					text-align:center;
					width:37px;
					position: absolute;
					right: -85px;
					top: 13px;
					color:#DA5E3F;
				}
				.date-month, .date-year {
					font-size:11px;
					height:12px;
					right:-44px;
					position:absolute;
					text-transform:uppercase;
					top:14px;
					width:80px;
					text-align: right;
					color: #4394AA;
				}
				.date-month { color: #DA5E3F; }
				.date-year { top:25px; }
			.article img { float: left; margin-right: 10px; margin-top: 10px; width: 90px; overflow: hidden; padding-left: 10px; }
			.article .articleIntro { float: left; padding: 10px; width:310px;}
			.articleIntro p { margin-bottom: 0; }
			.articleIntro a { text-indent: -10000em; }
			.article .btn97 { float: left; clear: both; margin-left:-4px; margin-top:9px; }
			.article .btn98 { float: left; margin-left: 4px; margin-top:9px; }
		
	/* Project chooser feature panel */
		
			.panel.colour4.projectchooser h2 {
				font-size: 1.4em;
				padding-bottom: 0;
			}
			.panel.colour4.projectchooser p {
				width: 60%;
				color: #65574C;
				line-height: 1.8em;
				margin-left: 0;
				padding-right: 0;
			}
			.projectchooser select { width: 250px; margin-bottom: 1em; }
			.pcFormWrap { padding-left: 25px; }
		
	/* Project tags */
		
			.projecttaglist {
				margin: 0 0 0 23px;
				padding: 0 0 10px 0;
				background: #D1B2C3;
				overflow: auto;
			}
				.filterpage .projecttaglist { padding-bottom: 0; }
			.resourcetaglist {
				background: #702C8A; padding-top: 10px;
			}
			.projecttaglist .projecttaglist { padding: 0; }
			.projecttaglist a {
				display: block; float: left;
				/*width: 140px;*/
				height: 24px;
				line-height: 24px;
				padding: 0 10px;
				margin: 0 8px 8px 0;
				background: #4394AA;
				/* url(../images/site/tag_bkg.png) no-repeat 0 0 */
			}
			.projecttaglist a, .projecttaglist a:link, .projecttaglist a:visited, .projecttaglist a:active { color: #fff; }
			.projecttaglist a.currenttag, .projecttaglist a:hover {
				/*background: url(../images/site/tag_bkg.png) no-repeat 0 -27px;*/
				background: #B7D7D2;
				color: #4394AA;
			}
			.pageintrotext .projecttaglist a:visited { color: #E9E5C7; }
			.projecttaglist a.currenttag, .projecttaglist a.currenttag:link, .projecttaglist a.currenttag:visited, .projecttaglist a.currenttag:hover, .projecttaglist a.currenttag:active, .projecttaglist a:hover, .pageintrotext .projecttaglist a.currenttag, .pageintrotext .projecttaglist a.currenttag:link, .pageintrotext .projecttaglist a.currenttag:hover, .pageintrotext .projecttaglist a.currenttag:active, .pageintrotext .projecttaglist a:hover  { color: #fff; text-decoration: none; }
			
			.projecttaglist a.cleartags, .projecttaglist a.cleartags:link, .projecttaglist a.cleartags:visited, .projecttaglist a.cleartags:hover, .projecttaglist a.cleartags:active {
				display: inline; float: none; width: auto; background: none; margin: 0; padding: 0;
			}
			p.cleartagswrap { clear: left; margin-left: 24px; }
		
		
	/* Project thumbnails */
		
			.projectthumb {
				width: 260px;
				min-height: 278px;
				float: left;
				margin-right: 5px;
				margin-bottom: 20px;
			}
			.findingsthumb { height: auto; background-color: #F4E8B2; }
			.projectthumb h2 a {
				display: block;
				padding: 0 15px;
				width: 230px;
				height: 50px;
				line-height: 50px;
				color: #fff;
				font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
				font-size: 1.5em;
				background-color: #702C8A;
			}
			.projectthumb h2 a:visited { color: #E9E5C7; }
			.projectthumb p {
				display: block;
				min-height: 60px;
				background-color: #F4E8B2;
				padding: 7px 15px;
				margin-bottom: 0;
				line-height: 1.5em;
				float: left;
				clear: left;
				width: 230px;
			}
			.findingsthumb p { height: auto; min-height: 9em; margin-bottom: 10px; }
			.projectthumb img { width: 198px; }
			a.projectthumblink, a.projectthumblink:link, a.projectthumblink:visited, a.projectthumblink:hover, a.projectthumblink:active {
				display: block;
				width: 260px;
				height: 165px;
				background: url(../images/site/btn/btn_bkg_vertical.png) no-repeat 198px 0;
			}
			a.projectthumblink:hover { background-position: 128px 0; }
			a.projectthumblink:active { background-position: 58px 0; }
		
		
	/* Project splash on project detail page */
		
			#projectdetailsplash {
				width: 598px;
				background: url(../images/site/projectsplash_bkg.png) no-repeat 0 0;
				padding-top: 38px;
				margin-top: 20px;
				position: relative;
			}
			#projectdetailsplash h1 { margin-top: 0; position: absolute; width: 647px; height: 60px; top: 38px; left: 0; line-height: 60px; color: #fff; }

			#projectdetailsplash .projectdescription { margin-top: 0; width: 302px; position: absolute; left: 345px; top: 98px; z-index:3; }
			#projectdetailsplash .projectimage { float: none; margin-top: 60px; margin-bottom: 0;}
			
				.backtoallprojects {
					display: block;
					position: absolute;
					top: 8px;
					left: 5px;
					width: 175px;
					height: 21px;
					background: url(../images/site/btn/btn_bkg_backtoallprojects.png) no-repeat -5px -5px;
					text-indent: -10000em;
				}
				a.backtoallprojects:hover { background-position: -5px -39px; }
				a.backtoallprojects:active { background-position: -5px -73px; }
		
	/* Project tabs on project detail page */
		
			.projecttabs { 
				list-style:none; 
				padding:0;
				height:60px;	
				width: 592px;
				margin-top: -4px;
			}
				/* single tab */
				.projecttabs li { 
					float:left;	 
					text-indent:0;
					padding:0;
					margin:0 !important;
					list-style-image:none !important;
					width: 50%;
				}
				.projecttabs a { 
					display:block;
					height: 60px;  
					line-height:60px;
					text-align:center;	
					padding:0px;
					margin:0px;	
					position:relative;
					top:1px;
					font-family: "fertigo-pro-1","fertigo-pro-2", arial, sans-serif;
					color: #E2715D;
					background: #E9E5C7;
				}
				.projecttabs a, .projecttabs a:link, .projecttabs a:visited, .projecttabs a:hover,	.projecttabs a:active {
					color: #E2715D;
					font-size: 1.2em;
				}
				.projecttabs a.current, .projecttabs a.current:link, .projecttabs a.current:visited, .projecttabs a.current:hover,	.projecttabs a.current:active {
					outline: none;
					color: #fff;
					font-size: 1.6em;
					background: #702C8A;
				}
				.pane {
					display:none;		
				}
				.projectpanes {
					padding: 20px 15px;
					background: #F7F7EF;
				}
			
	/* Constant project info, e.g. related files and resources */
			
				.constantprojectinfo, .projectpanes div {
					width: 100%;
					overflow: hidden;
				}
				.relatedfindings {
					float: left;
					width: 40%;
					margin-left: 20px;
				}
				.relatedfiles {
					float: right;
					width: 46%;
					margin-right: 20px;
				}
				.relatedfindings h3, .relatedfiles h3  {
					display: block;
					height: 30px;
					line-height: 30px;
					padding: 0 0 0 4px;
					margin: 0;
					border: none;
					font-size: 12px;
					border-bottom: 2px solid #65574C;
				}
				.relatedfindings ul, .relatedfiles ul { padding-top: 10px; margin-left: 0; }
				.relatedfindings li, .relatedfiles li {		
					margin: 6px 0 14px 4px;
					padding: 0;
					background: none;
				}
				
				.relatedfindings li a {
					padding: 4px 15px 4px 6px;
					background-color: #E9E5C7;
				}
					.relatedfindings li a:hover {
						background-color: #F4E8B2;
					}
				.relatedfiles li  { padding-left: 29px; }
				.relatedfiles li a {
					padding: 4px 15px 4px 0;
				}
				.relatedfiles li a:link, .relatedfiles li a:visited, .relatedfiles li a:hover, .relatedfiles li a:active {
					color: #E2715D;
				}
				.relatedfiles li a:hover, .relatedfindings li a:hover { text-decoration: underline; }
		
		
		/* Related projects feature panel */
		
			.panel.relatedprojects {
				height: 261px;
			}
			.panel.relatedprojects h2 {
				font-size: 1.4em;
				padding-left: 18px;
			}
			.relatedprojects ul li {
				display: block;
				background: #F4E8B2 url(../images/site/arrow_red.png) no-repeat 95% 50%;
				height: 72px;
				min-height: 72px;
				margin: 0 7px 10px 7px;
				padding-top: 8px;
				padding-bottom: 8px;
			}
			.relatedprojects ul li.rolled {
				background-color: #EECE4B;
			}
			.relatedprojects ul li a {
				display: block;
				font-size: 1.4em;
				margin: 0 0 0 18px;
			}
			.relatedprojects ul li a, .relatedprojects ul li a:link, .relatedprojects ul li a:visited, .relatedprojects ul li a:hover, .relatedprojects ul li a:active {
				color: #2B7180;
			}
			.relatedprojects ul li span {
				display: block;
				color: #E2801F;
				margin: 7px 33px 0 18px;
			}
			.relatedprojects .currenttags {
				color:#AAAAAA;
				display:block;
				font-size:0.9em;
				font-style:italic;
				margin: -10px 0 10px 22px;
			}
		
		/* Document listings */
		
		.maincol ul.relatedDocuments {
			margin-bottom: 2.5em;
		}
		.maincol ul.relatedDocuments li {
			background: none;
		}
		span.docTechNotes { color: #aaa; }
	
		ul.relatedDocuments li a, ul.relatedDocuments li a:link, ul.relatedDocuments li a:visited, ul.relatedDocuments li a:hover, ul.relatedDocuments li a:active { color: #E2715D; }
        #petitionform li a, #petitionform li a:link, #petitionform li a:visited, #petitionform li a:hover, #petitionform li a:active { color: #E2715D; }



.childListDocDate { color: #aaa; font-size: 0.9em; padding-left: 15px; }
		
		.fileDownload { background: url(../images/site/text.png) no-repeat 0 50% !important; }
		.pdfFile { background: url(../images/site/pdf.png) no-repeat 0 50% !important; }
		.docFile, .docxFile { background: url(../images/site/word.png) no-repeat 0 50% !important; }
		.pptFile, .pptxFile { background: url(../images/site/powerpoint.png) no-repeat 0 50% !important; }
		.xlsFile, .xlsxFile, .csvFile { background: url(../images/site/powerpoint.png) no-repeat 0 50% !important; }
		.JPGFile, .jpgfile { background: url(../images/site/picture.png) no-repeat 0 50% !important; }

		
		/* ==================

		Newsletter signup

		===================== */
		
		.getournewsletter { /*height: 249px;*/ padding-bottom: 10px; overflow: auto; }
		.panel.getournewsletter h2 {
			color: #DAF0F5;
		}
		.getournewsletter a.btn92 {
			background-image: url(../images/site/btn/btn_bkg_signup.png);
			float: right;
			margin-right: 10px;
		}
		.getournewsletter a.btn234 {
			background-image: url(../images/site/btn/btn_bkg_234_blank.png);
			font-size: 12px;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
			float: right;
			clear: both;
			margin-top: 15px;
		}
		.mailchimpmessage {
			width: 290px;
			background-color: #B7D7D2;
			padding: 10px;
			margin: 0 0 20px 20px;
		}
		.mailchimpmessage p {
			color: #65574C;
			margin-left: 0;
			padding-right: 0;
		}
		.successful { display: none; }
		.TXNewsletters_form_item {
			padding-left: 25px;
			margin-bottom: 8px;
		}
		.TXNewsletters_form_item label {
			color: #fff;
			font-weight: bold;
			display: block;
			width: 100px;
			float: left;
			padding-top: 3px;
		}
		.TXNewsletters_form_item input {
             border: none;
             -moz-border-radius: 8px;
             border-radius: 8px;
             background-color: #E9E5C7;
             height: 24px;
             width: 190px;
             line-height: 24px;
             padding-left: 10px;
             color:#6D2B80;
             margin-left: 10px;
         }
        /*
.TXNewsletters_form_item textarea {
            border: none;
            background: url(../images/site/textinput_bkg.png) no-repeat 0 0;
            height: 24px;
            width: 200px;
            line-height: 24px;
            padding-left: 10px;
            color:#6D2B80;
            margin-left: 10px;
        }
        */
        .TXNewsletters_form_item textarea {
            width: 190px;
            height: 10em;
            -moz-border-radius: 8px;
            border-radius: 8px;
            background-color: #E9E5C7;
            border: none; /* everything up to and including this line
                                       are aesthetics, adjust to taste */
            outline: none; /* removes the default outline */
            resize: none; /* prevents the user-resizing, adjust to taste */
            line-height: 24px;
            padding-left: 10px;
            color:#6D2B80;
            margin-left: 10px;
        }


		.terms { float:left; margin-left: 29px; padding-top: 8px; }
		.terms input { float: left; margin-right: 17px; margin-top: 3px; }
		/*.terms span { float: left; width: 140px; }*/
		.terms a, .terms a:link, .terms a:visited, .terms a:hover, .terms a:active { color: #fff; }
		.terms a:hover { text-decoration: underline; }
		.TXNewsletters_form_right { text-align: right; padding-top: 8px; width: 333px; }
		.form-submit .TXNewsletters_form_right  input { padding: 5px 1.5em; cursor:pointer; }

/* ==================

MAIN MENU

===================== */

	#mainmenuwrap {
		background-color: #2B7180;
		height: 48px;
		text-align:center;
		width: 100%;
	}
	#mainmenuwrap ul {
		text-align: center;		
	}
	
	#mainmenuwrap ul li {
		display: block;
		position: relative;
		float: left;
		padding-right:0;
	}
	#mainmenuwrap ul li a {
		display: block;
		height: 33px;
		margin-top: 7px;
	}
	#mainmenuwrap ul li.level1 a span {	
		/*text-indent: -5000em;*/
	}
	#mainmenuwrap ul li.level1 a {
		display: block;
		font-size: 14px;
		line-height: 33px;
		font-family: "fertigo-pro-1","fertigo-pro-2", arial, sans-serif;
		text-transform: uppercase;
		margin: 7px 3px 0;
		padding: 0 20px;
	}
	#mainmenuwrap ul li.level1.first a {
		margin-left: 0;
	}
	#mainmenuwrap ul li.level1 a, #mainmenuwrap ul li.level1 a:link, #mainmenuwrap ul li.level1 a:visited { color: #fff; background-color: #2B7180; }	
	#mainmenuwrap ul li.level1 a:hover, #mainmenuwrap ul li.level1 a:active { color: #F4E8B2; background-color: #4394AA; }
	
	#mainmenuwrap ul li.active a, #mainmenuwrap ul li.active a:link, #mainmenuwrap ul li.active a:visited, #mainmenuwrap ul li.active a:active { color: #F4E8B2; background-color: #4394AA; }
	#mainmenuwrap ul li.active a:hover { color: #fff; background-color: #358496; }

	
/* ==================

SECTION MENU

===================== */
	
	.sectionnav {
		width: 362px;
		height: auto;
		min-height: 167px;
		margin-top: 20px;
		background: #F4E1A7 url(../images/site/sectionmenu_bkg.png) no-repeat 0 0;
		padding-top: 65px;
		padding-bottom: 10px;
	}
		.rightcol .sectionnav {
			background: #F4E1A7 url(../images/site/sectionmenu_bkg_right.png) no-repeat 0 0;
			min-height: 171px;
		}
		.filterpage .sectionnav {
			background: #fff url(../images/site/sectionmenu_bkg_right.png) no-repeat 0 0;
			min-height: 167px;
			float: right;
		}
	.sectionnav ul {
		margin: 0 0 0 12px;
		width: 160px;
	}
		.rightcol .sectionnav ul, .filterpage .sectionnav ul { margin-left: 196px; }
		
	.sectionnav li {
		padding-left: 19px;
		margin-bottom: 1em;
	}
	.sectionnav li.here {
		background: url(../images/site/sectionmenu_marker.png) no-repeat left center;
	}
	.sectionnav li.last { margin-bottom: 1.8em; }
	.sectionnav li a {
		color: #65574C;
	}
	.sectionnav li a:link { color: #65574C; }
	.sectionnav li a:visited { color: #463D36; }
	.sectionnav li a:hover { color: #4394AA; }
	.sectionnav li a:active { color: #F7F7EF; }
	.sectionnav li.here a, .sectionnav li.here a:link { color: #00A7E8; font-weight: bold;  }
	
	
/* ==================

FOOTER

===================== */
		
	#footernav {
		margin-top: 20px;
		background: #B7D7D2 url(../images/site/footer_bkg.png) repeat-x 0 0;
	}
	#breadcrumbs {
		height: 60px;
        color: #FFFFFF;
	}
	.footer-cols {
		display: block;
		float: left;
		/*width: 155px;*/
		margin: 16px 20px 72px 20px;
	}
	.footer-cols li {
		margin-bottom: 0.4em;
	}
	.footer-cols li.first {
		color: #7B5086;
		font-size: 1.4em;
		font-family: "fertigo-pro-1","fertigo-pro-2", "Lucida Sans Unicode", arial, sans-serif;
		margin-bottom: 0.5em;
	}
	.footer-cols a {
		color: #65574C;
		padding-left: 8px;
	}
	.footer-cols a:hover { text-decoration: underline; }
	
		/* Submenu/breadcrumbs */
		#breadcrumbs {
			padding-top: 13px; 
			height: 47px;
			margin-left: 20px;
			/*background: url(../images/site/breadcrumb_bkg.png) no-repeat 0 13px;*/			
		}
		.B_intro {
			color: #65574C;
			display: block;
			float: left;
			line-height: 34px;
			margin-left: -3px;
			padding-left: 10px;
			background: #B4E1EB;
		}
		#breadcrumbs ul li {
			display: block;
			float: left;
			line-height: 34px;
			background: #B4E1EB;
		}
		#breadcrumbs ul li a, #breadcrumbs ul li span {
			display: block;
			height: 100%;
			color: #DA5E3F;	
		}
		
		#breadcrumbs ul li span, #breadcrumbs ul li a.B_crumb {
			background: url(../images/site/breadcrumb_marker.png) no-repeat left center;
			padding-left: 21px;
			padding-right: 12px;
		}
		#breadcrumbs ul li span span { display: inline; background: none; padding: 0; }
		
		#breadcrumbs ul li span.B_firstCrumb {
			background: none;
			padding-left: 12px;
		}
		#breadcrumbs ul li a:hover { text-decoration: underline; }
		
		#breadcrumbs ul li span.B_currentCrumb {
			font-weight: bold;
		}
		
		/* Other info */
		#footerextras { margin-top: 20px; }
		ul.partnerlogos li { float: left; display: block; margin-right: 10px;  }
		p.fundinglink { float: left; font-size: 0.8em; color: #8b8b8a; padding: 45px 0 0 30px; width: 200px; }
		ul.validated { float: left; margin-left: 20px;  }
		ul.validated li { float: left; display: block; }
		.copyrightInfo { float: left; clear: left; font-size: 0.9em; color: #65574C; margin-bottom: 0 !important; }
		.siteDesignInfo { float: left; clear: left; font-size: 0.8em; color: #2B7180; }
		.siteDesignInfo a { color: #2B7180; font-weight: bold; }
	
/* the overlayed element */
.apple_overlay {
	
	display:none;
	background-color: rgba(255,255,255,0.4);
	width:582px;		
	padding:35px;
	font-size:11px;
	height: 444px;
	z-index:10000;
	
-webkit-box-shadow: 1px 1px 25px #666;
-moz-box-shadow: 1px 1px 25px #666;
-o-box-shadow: 1px 1px 25px #666;
box-shadow: 1px 1px 25px #666;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/site/close_blue.png);
	position:absolute;
	cursor:pointer;
	height:45px;
	right:-21px;
	top:-14px;
	width:45px;
}

#overlay {
		background: #D1B2C3 url(../images/site/gold_gradient_bkg.png) repeat-x 0 0; 
		color:#efefef;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {

	}
	.contentWrap p { margin-left: 0; }
	
	
/* Online Booking */

#onlinebookingwrap {
	margin-top: 1em;
	padding: 1em;
	background: #B7D7D2;
}
#onlinebookingwrap h3 {
	
	background: #fff url(../images/site/bookonline_header.png) no-repeat 0 0;
	border-top: medium none;
    margin: -1em -1em 0.7em;
    padding: 22px;
    text-indent: -100em;
	
}

.bookingstatusmsg {
	background: #f3f0d0;
	padding: 1.4em 1.8em 0.1em;
	margin-bottom: 1em;
}

#onlinebookingwrap .extrainfo {
	background: #bbdcd7;
	padding: 1.4em 1.8em 0.1em;
	margin: 1.5em 0 1em;
}

#onlinebookingwrap .inputBox {
/*	padding: 4px;
	width: 220px;*/
	
	background: url("../images/site/textinput_bkg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #6D2B80;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    padding-left: 10px;
    width: 220px;
}

#onlinebookingwrap .formlabel {
	float: left;
	padding-right: 16px;
    padding-top: 4px;
    text-align: right;
    width: 170px;
	
}

#onlinebookingwrap .formrow {
	padding-bottom: .7em;
	overflow: auto;
}

#onlinebookingwrap textarea {
	height: 110px;
    width: 280px;
}

#onlinebookingwrap #submitnewbooking {
	padding: 5px 1.5em;
	margin-top: 10px;
	float: right;
	cursor: pointer;
}

#onlinebookingwrap .formrow.submitrow {
	border-top: 1px solid #F4E1A7;
	margin-top: 1em;
	padding-top: 4px;
}

#onlinebookingwrap .eventerror {
	padding: 1.4em 1.8em 0.1em 60px;
	margin-bottom: 1em;
	background: #F7E1E1 url(../images/site/exclamation.png) no-repeat 10px 50%;
}
#onlinebookingwrap .eventerror p {
	margin: .3em 0 .5em;
}
.bookingsuccess {
	border: 1px solid #f3f0d0;
	padding: 0 0 10px;
}
.bookingsuccess .bsi {
	background: #f3f0d0;
	padding: 10px 2px;
	margin-bottom: 2em;
}
.bookingsuccess p {
	margin: .2em 1em 1em;
}
#onlinebookingwrap .accessibilityoptions {
	margin: 1em;
	border-bottom: 1px solid #F4E1A7;
	padding-bottom: .7em;
}
#onlinebookingwrap .checkboxinput li {
	background: none;
}
#onlinebookingwrap .checkboxinput {
	
	
}
#onlinebookingwrap .checkboxinput li input {
	margin-right: 8px;
}
#onlinebookingwrap #address {
	background-color: #E9E5C7;
    border: 1px solid #DCC999;
	color: #6D2B80;
    font-size: 1em;
    padding: 5px;
	font-family: "Helvetica neue",helvetica,calibri,trebuchet,"trebuchet ms","Lucida Sans Unicode","Lucida Sans",lucida,arial,sans-serif;
    margin: 2px 10px;
}

/* petition form */
.consent {
    background: #cccccc;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right:20px;
}
.consent a {
    color: #fff;
}
.consent a:hover {
    text-decoration: underline;
}
.charter {
    background: #B7D7D2;
    margin-top: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#petition-success {
    background-color: #B7D7D2;
    margin: 0 0 20px 20px;
    padding: 10px;
    width: 290px;

}
#petition-success h2 {
    font-size: 1.4em;
}
#petition-success p {
    color: #65574C;
    padding: 0px 25px 10px 25px;
    margin: 0px;
}
#petitionform .errors {
    background-color: #B7D7D2;
    margin: 0 0 20px 20px;
    padding: 10px;
    width: 290px;
    color: #65574C;
}

#petition-stats {
    width: 200px;
    min-height: 100px;
    color: #ffffff;
    float:right;
    padding: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 1.8em;
}
#petition-stats .signatories-no {
    font-size: 2.6em;
    text-align: center;
}