/* -------------------------------------------------------------------- */
/*                                                                      */
/*  English Heritage - Climate Change and Your Home                     */
/*                                                                      */
/*  Author: Mark Hurrell, Usama Shehadeh                                */
/*  Date: Nov 2007                                                      */
/*  Company: Message                                                    */
/*  URL: www.message.uk.com                                             */
/*                                                                      */
/*                                                                      */
/*      Table of Contents                                               */
/*                                                                      */
/*      General Layout:                                                 */
/*  1.  CSS Reset Styles                                      line .48  */
/*  2.  Basic Layout Styles                                   line .80  */
/*  3.  Inline Element Styles                                line .303  */
/*  4.  Header Styling                                       line .586  */
/*  5.  Link Styling                                         line .749  */
/*  6.  Other Typography & Inline Images                    line .1079  */
/*  7.  Footer Styling                                      line .1177  */
/*                                                                      */
/*                                                                      */
/*                                                                      */
/*                                                                      */
/*      Additional Function Styling:                                    */
/*                                                                      */
/*   .  House Selector Click-through Styling can be found at;           */
/*                                          "layout_click_through.css"  */
/*                                                                      */
/*   .  House Selector overlay is created using Thickbox 3.1, relevant  */
/*      styling and javascript can be found in;                         */
/*                                                        "overlay/.."  */
/*                                                                      */
/*   .  Climate Impacts and Saving Energy navigation grid styling can   */
/*      be found at;                                                    */
/*                                                  "layout_grids.css"  */
/*                                                                      */
/*                                                                      */
/* -------------------------------------------------------------------- */






/* -------------------------------------------------------------------- */
/*                                                                      */
/*  1. CSS Reset styles                                                 */
/*  (unifies basic styling between browsers)                            */
/*                                                                      */
/* -------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}

ol, ul {
		list-style: none;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}






/* -------------------------------------------------------------------- */
/*                                                                      */
/*  2. Basic Element Styles                                             */
/*                                                                      */
/* -------------------------------------------------------------------- */

body {
		font-family: Arial, sans-serif;
		font-size: 80%;
		line-height: 1.4;
		color: black;
		background: #FFFFFF;
		text-align: center;
}

#container {
		width: 958px;
		position: relative;
		margin: 10px auto;
		text-align: left;
		background-color: #FFFFFF;
}

* html #container {
		width: 958px;
		w\idth: 958px;
}

#branding {
		width: 958px;
		position: relative;
		top: 0;
		left: 0;
		background-position: top left;
		background-repeat: no-repeat;
		background-image: url("images/branding.png");
		height: 73px;
		margin-top: -10px;
		margin-bottom: 0;
}
#brandingPF {
		width: 958px;
		position: relative;
		top: 0;
		left: 0;
		background-position: top left;
		background-repeat: no-repeat;
		background-image: url("images/brandingPFE.png");
		height: 73px;
		margin-top: -10px;
		margin-bottom: 0;
}

#branding.home /* alt. branding for homepage */ {
		position: relative;
		background-image: url("images/branding_home.jpg");
		height: 234px;
		z-index: 50;
}

#navigation {
		position: relative;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 0;
		float: left;
		width: 958px;
		border-top: 1px solid #FFFFFF;
		background: #165077;
}
#navigationPF {
		position: relative;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 0;
		float: left;
		width: 650px;
		border-top: 1px solid #FFFFFF;
		background: #165077;
}

* html #navigation {
		width: 958px;
		w\idth: 958px;
}

				#navigation ul {
						padding: 0 10px;
						width: 600px;
				}

								#navigation ul li {
										float: left;
								}

#contentContainer {
		width: 958px;
		float: left;
		position: relative;
		background-image: url(images/contentcontainer_bg_right.jpg);
		background-position: right;
		background-repeat: repeat-y; 
		font-size: 0.9em;
		margin-top: 1px;
		margin-bottom: 4px;
}

#contentContainerPF {
		width: 650px;
		float: left;
		position: relative;
		font-size: 0.9em;
		margin-top: 1px;
		margin-bottom: 4px;
}
#contentBranding {
		position: relative;
		width: 958px;
		background-position: bottom left;
		background-repeat: repeat-y;
		border-bottom: 1px solid #ffffff;
}

* html #contentBranding {
		width: 958px;
		w\idth: 958px;
}
				/* styles control the dimensions & dimensions of the header - except on homepage */
				
				.context {
						background-image: url(images/branding_content_context.jpg);
						height: 122px;
						background-color: #f15d22;
				}

				.context_subLevel {
						background-image: url(images/branding_content_context_sublevel.png);
						height: 4em;
						background-color: #f15d22;
				}

				.impacts {
						background-image: url(images/branding_content_impacts.jpg);
						height: 122px;
						background-color: #a1218c;
				}

				.impacts_subLevel {
						background-image: url(images/branding_content_impacts_sublevel.png);
						height: 4em;
						background-color: #a1218c;
				}

				.savingEnergy {
						background-image: url(images/branding_content_savings.jpg);
						height: 122px;
						background-color: #c1d72e;
				}

				.savingEnergy_subLevel {
						background-image: url(images/branding_content_savings_sublevel.png);
						height: 4em;
						background-color: #c1d72e;
				}

				.furtherInfo {
						background-image: url(images/branding_content_further-info.jpg);
						height: 122px;
						background-color: #b15ea4;
				}

				.furtherInfo_subLevel {
						background-image: url(images/branding_content_further-info_sublevel.png);
						height: 4em;
						background-color: #5881C1;
				}

#content_left {
		width: 958px;
		float: left;
		top: 0;
		left: 0;
		margin: 0;
		position: relative;
}

				#contentNavigation {
						float: left;
						width: 186px;
						padding-top: 6em;
				}

								#contentBody ul {
										margin: 10px 15px;
								}

#contentBody {
		float: left;
		position: relative;
		padding-top: 5em;
		padding-bottom: 20px;
		padding-left: 10px;
		min-height: 265px;
		max-width: 642px;
}

* html #contentBody {
		height: 265px;
		h\eight: 265px;
		width: 642px;
		w\idth: 632px;
}
				/* main content area away from homepage */
				
				#contentBody.dotted {
						width: 454px;
						border-left: 1px dotted #999999;
						margin-top: 1px;
						display: inline;
						min-height: 400px;
				}

				* html #contentBody.dotted {
						width: 454px;
						w\idth: 454px;
						height: 400px;
				}

/* Start @@SJ: Home page side boxes */
.sidebox_container {
        width: 275px;
		float: right;
		background: url(images/additional_right_bg.jpg) no-repeat left top;
		padding-left: 18px;
		padding-right: 12px;
		display: inline;
}
* html .sidebox_container {
        
}
.sidebox {
        margin-top: 20px;
        padding: 10px 0 0 0;
        background: url(images/side_box_bg_top.png) no-repeat left top;
        position: relative;
}
.sidebox img {
        float: left;
        padding-right: 10px;
        margin-left: 8px;
        position: relative;
}
.sidebox h2 {
        font-size: 12pt;
        line-height: 1em;
        margin: 0;
        font-weight: bold;
        background: url(images/side_box_arrow.png) no-repeat right center;
}
.sidebox p {
        font-size: 8pt;
        font-weight: bold;
        padding-top: 5px;
}
.sidebox h2, .sidebox p {
        margin: 0 18px 0 98px;
}
.sidebox h2 a {
        display: block;
        color: #cf1d3d;
        text-decoration: none;
}
.sidebox p a {
        font-size: 9pt;
        font-weight: bold;
        color: #cf1d3d;
        text-decoration: underline;
}
.sidebox_clear {
        clear: both;
        background: url(images/side_box_bg_bottom.png) no-repeat left top;
        font-size: 0;
        line-height: 0;
        height: 6px;
}
/* End @@SJ: Home page side boxes */

/* @@SJ (modified) */
#additional_right /* div containing house selector */ {
		width: 267px;
		float: right;
		display: inline;
		position: relative;
		margin: 10px 19px 0 0;
}

* html #additional_right {
		width: 306px;
		w\idth: 267px;
}

#user_poll {
		width: 267px;
		background: url(images/poll_bg.png) bottom right no-repeat;
		position: relative;
		margin-top: 10px;
		padding-bottom: 2.4em;
}

	#user_poll h2 {
			display: block;
			width: 237px;
			margin: 0;
			padding: 5px 15px 3px;
			background: url(images/poll_bg.png) top left no-repeat;
			color: #106489;
			font-size: 1.1em;
			font-weight: 800;
			position: relative;
	}
	
	#user_poll p {
			padding: 8px 15px 4px;
			font-weight: 800;
	}
	
	#user_poll #aform {
			width: 233px;
			margin: 5px 19px 3px 15px;
			position: relative;
	}
		#user_poll #aform fieldset {
				position: absolute;
				width: 60px;
		}
		
			#user_poll #aform fieldset.no {
					top: 0;
					left: 60px;
			}
			
			#user_poll #aform fieldset label {
					position: relative;
					left: 20px;
					text-transform: uppercase;
					font-weight: 800;
			}
			
			#user_poll #aform fieldset input {
					position: absolute;
					top: -0.2em;
					left: -3px;
			}
			
			#user_poll #aform button {
					position: absolute;
					top: -4px; 
					right: 0;
					background: #619bb1;
					border: 0;
					width: 80px;
					padding: 2px 6px;
					line-height: 1.2;
					font-size: 1.1em;
					color: #ffffff;
					text-transform: uppercase;
					font-weight: 800;
			}

#working_with_eon {
		position: absolute;
		top: 24px;
		float: left;
		padding: 0;
}

	#contentBody #working_with_eon p {
			font-size: 1em;
			margin: 0;
			padding: 0;
			text-align: right;
	}
	
	#working_with_eon p a {
			position: absolute;
			top: 0;
			right: -65px;
			width: 60px;
			height: 18px;
			background: url(images/eon_logo.png) top left no-repeat;
			overflow: hidden;
	}
	
	#working_with_eon p a span {
			position: absolute;
			left: -5000px;
	}

#working_with_eon_template {
		position: absolute;
		top: 150px;
		padding: 0;
}

	#contentBody #working_with_eon_template p {
			font-size: 1em;
			margin: 0;
			padding: 0;
			text-align: right;
	}
	
	#working_with_eon_template p a {
			position: absolute;
			top: 0;
			right: -65px;
			width: 60px;
			height: 18px;
			background: url(images/eon_logo.png) top left no-repeat;
			overflow: hidden;
	}
	
	#working_with_eon_template p a span {
			position: absolute;
			left: -5000px;
	}

.clear, #clear {
		clear: both;
}






/* -------------------------------------------------------------------- */
/*                                                                      */
/*  3. Inline Element Styles                                            */
/*                                                                      */
/* -------------------------------------------------------------------- */


/* all four half-width divs on homepage are styled seperately to enable their differing colors, so be sure to make any alterations to all four elements */

.halfWidth_context {
		display: inline;
		width: 200px;
		margin: 2em 20px 10px 0;
		float: left;
		position: relative;
		min-height: 140px;
		padding: 0 0 0 100px;
		background-image: url(images/halfpage-div-bgs.png);
		background-repeat: no-repeat;
		background-position: 0 bottom;
}

* html .halfWidth_context {
		width: 300px;
		w\idth: 200px;
		height: 150px;
		margin: 5px 10px 5px 0;
		m\argin: 5px 20px 5px 0;
}
	
.halfWidth_impacts {
		display: inline;
		width: 200px;
		margin: 2em 10px 10px 0;
		float: left;
		position: relative;
		min-height: 140px;
		padding: 0 0 0 100px;
		background-image: url(images/halfpage-div-bgs.png);
		background-repeat: no-repeat;
		background-position: -300px bottom;
}

.userpoll {
		display: inline;
		width: 267px;
		margin: 2em 10px 10px 0;
		float: left;
		position: relative;
		min-height: 80px;
		padding: 0 0 0 0;
		background-image: url(images/userpoll-div-bgs.png);
		background-repeat: no-repeat;
		background-position: -0px bottom;
}
.userpoll p {
		margin: 0px 10px 10px 10px;
		
}

.userpoll_submit {

		margin: 5px 0px 0px 130px;
}

.userpoll_header /* controls positioning and background */ {
						background-image: url(images/userpoll_header.png);
						background-repeat: no-repeat;
						background-position: 0 0;
						display: block;
						margin-left: 0px;
						margin-right: 0;
						margin-top: 0px;
						letter-spacing: 0.05em;
						height:30px;
}

.userpoll_header p {
		font-family: Arial, "Times New Roman", Times, serif;
		font-size: 1em;
		color: #106489;
		display: block;
		position: relative;
		font-weight: bold;
		margin-top: 5px;
	
	

}

* html .halfWidth_impacts {
		width: 300px;
		w\idth: 200px;
		height: 150px;
		margin: 5px 10px 5px 0;
		m\argin: 5px 20px 5px 0;
}
	
.halfWidth_savings {
		display: inline;
		width: 200px;
		margin: 10px 20px 10px 0;
		float: left;
		position: relative;
		min-height: 140px;
		padding: 0 0 0 100px;
		background-image: url(images/halfpage-div-bgs.png);
		background-repeat: no-repeat;
		background-position: -600px bottom;
}

* html .halfWidth_savings {
		width: 300px;
		w\idth: 200px;
		height: 150px;
		margin: 5px 10px 5px 0;
		m\argin: 5px 20px 5px 0;
}
	
.halfWidth_furtherInfo {
		display: inline;
		width: 200px;
		margin: 10px 10px 10px 0;
		float: left;
		position: relative;
		min-height: 140px;
		padding: 0 0 0 100px;
		background-image: url(images/halfpage-div-bgs.png);
		background-repeat: no-repeat;
		background-position: -900px bottom;
}

* html .halfWidth_furtherInfo {
		width: 300px;
		w\idth: 200px;
		height: 150px;
		margin: 5px 10px 5px 0;
		m\argin: 5px 20px 5px 0;
}

/* half-width divs end */

.callout {
		padding: 0 5px 0 0;
		margin: 15px 20px;
		border: 2px solid #ffe892;
		background-color: #fff3d0;
		position: relative;
		min-height: 101px;
}

* html .callout {
		height: 101px;
}

.consideredIssues /* styles considered issues callout */ {
		margin: 10px 20px;
		background-color: #fff3d0;
		padding-bottom: 4px;
}

.consideredIssueContainer /* styles individual passages within considered issue callout */ {
		border-top: 1px dotted #333333;
		padding: 0 80px 0 0;
		margin: 0;
		clear: both;
		position: relative;
		min-height: 101px;
}

* html .consideredIssueContainer {
		height: 101px;
}

#search {
		position: absolute;
		top: 5px;
		right: 0;
}

.searchField {
		margin-top: 4px;
		margin-right: 1px;
		float: left;
		width: 127px;
		height: 16px;
}

#navigationForm {
		float: left;
}

#navigationForm .submit {
		margin: 3px 0 0 4px;
}

#contentActions {
		position: absolute;
		top: 20px;
		right: 20px;
}

.downloadContainer {
		clear: both;
		margin: 20px 0 30px 0;
		padding: 0 0 10px 0;
		position: relative;
		width: 400px;
}

* html downloadContainer {
		width: 400px;
}

#chooseYourProperty /* before user has chosen their property */ {
		background-color: #7db2cd;
		border: 1px solid #324448;
		padding: 10px 15px 180px 15px;
		background-image: url(images/additional_tellus_body.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
}

#chooseYourProperty i {
		position: absolute;
		border-top: 2px solid #ffffff;
		display: block;
		width: 265px;
		height: 10px;
		overflow: hidden;
		top: 1px;
		left: 1px;
}
		
#yourProperty /* after user has chosen their property */ {
		background-color: #b3d1dd;
		border: 1px solid #324448;
		font-size: 0.9em;
		padding-bottom: 8px;
		background-image: url(images/gb_map.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
}

#sitemap span 
{
		color: #FFFFFF;
		display: block;
		background-color: #ffe8a0;
		padding: 2px 4px;
		font-size: 1.1em;
		margin: 1em 0;
		float: left;
		width: 610px;

}

#clipboard fieldset {
		clear: both;
		margin-bottom: 1em;
		font-size: 1.2em;
}
#globalnav 
{
	left: 200px;
}
#globalnav fieldset 
{
		
		clear: both;
		margin-bottom: 1em;
		font-size: 1.2em;
}


#clipboard span {
		color: #5988a0;
		display: block;
		background-color: #ffe8a0;
		padding: 2px 4px;
		font-size: 1.1em;
		margin: 1em 0;
		float: left;
		width: 610px;
}
#globalnav  span {
		color: #5988a0;
		display: block;
		background-color: #FFFFFF;
		padding: 2px 4px;
		font-size: 1.1em;
		margin: 1em 0;
		float: left;
		width: 610px;
}

* html #clipboard legend {
		margin-left: -10px;
}

#clipboard input {
		clear: both;
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
		margin-top: 0.2em;
}

#clipboard .clipboard_submit {
		margin-right: 2em;
		margin-bottom: 0;
		margin-top: 0;
		float: none;
}

#clipboard label {
		float: left;
		color: #000000;
		font-weight: 800;
}

#clipboard_header {
		padding-top: 2px;
		padding-left: 22px;
		background-image: url(images/clipboard_header.gif);
		background-repeat: no-repeat;
		background-position: top left;
}

#globalnav_header {
		padding-top: 2px;
		background-repeat: no-repeat;
		background-position: top left;
}
#sitemap_header {
		padding-top: 2px;
		padding-left: 22px;
		background-image: url(images/sitemap_header.gif);
		background-repeat: no-repeat;
		background-position: top left;
}






/* -------------------------------------------------------------------- */
/*                                                                      */
/*  4. Header Styling                                                   */
/*                                                                      */
/* -------------------------------------------------------------------- */

h1 {
		letter-spacing: 0.05em;
		font-family: Arial, "Times New Roman", Times, serif;
		font-size: 2.2em;
		font-weight: 100;
		left: 20px;
		bottom: 5px;
		color: #FFFFFF;
		display: block;
		position: absolute;
		background-color: transparent;
}

				#branding h1 /* used on homepage to hide the h1 */ {
						position: absolute;
						top: 10px;
						left: -1000px;
						text-align: right;
						font-size: 0.1em;
						z-index: -10;
				}
				
				#clipboard_header h1 {
						background-image: url(images/clipboard_header.gif) no-repeat top left;
						position: relative;
						color: #777777;
						font-family: Verdana, Arial, sans-serif;
				}
				#globalnav_header h1 
				{
						left: 0px;
						position: relative;
						color: #777777;
						font-family: Verdana, Arial, sans-serif;
				}
				

h2 {
		font-size: 1.4em;
		font-weight: 800;
		margin-top: 10px;
		margin-left: 0;
		margin-right: 20px;
}


				#contentBody.dotted h2 {
						margin-left: 20px;
				}
				
				#contentBody .consideredIssues h2 {
						display: block;
						background-color: #ffe892;
						margin: 0;
						padding: 10px 20px;
						font-size: 1.1em;
						color: #000000;
				}
				
				/* as with the half-width divs, alterations much be made to all four half-width headers */

				#contentBody .halfWidth_context h2 /* controls positioning and background */ {
						background-image: url(images/halfpage-div-header.png);
						background-repeat: no-repeat;
						background-color: #f8971e;
						background-position: 0 0;
						display: block;
						margin-left: -100px;
						margin-right: 0;
						margin-top: -2px;
				}
				
								#contentBody .halfWidth_context h2 .halfWidthHeader /* controls type */ 
								{
										display: block;
										position: relative;
										font-size: 0.9em;
										font-weight: bold;
										margin: 0;
										padding: 4px 10px;
										color: #ffffff;
								}	
		
				#contentBody .halfWidth_impacts h2 {
						background-image: url(images/halfpage-div-header.png);
						background-repeat: no-repeat;
						background-color: #593e99;
						background-position: -300px 0;
						display: block;
						margin-left: -100px;
						margin-right: 0;
						margin-top: -2px;
				}
				
								#contentBody .halfWidth_impacts h2 .halfWidthHeader 
								{
										display: block;
										position: relative;
										font-size: 0.9em;
										font-weight: bold;
										margin: 0;
										padding: 4px 10px;
										color: #ffffff;
								}	

				#contentBody .halfWidth_savings h2 {
						background-image: url(images/halfpage-div-header.png);
						background-repeat: no-repeat;
						background-color: #7ac243;
						background-position: -600px 0;
						display: block;
						margin-left: -100px;
						margin-right: 0;
						margin-top: -2px;
				}

								#contentBody .halfWidth_savings h2 .halfWidthHeader 
								{
										display: block;
										position: relative;
										font-size: 0.9em;
										font-weight: bold;
										margin: 0;
										padding: 4px 10px;
										color: #ffffff;
								}	

				#contentBody .halfWidth_furtherInfo h2 {
						background-image: url(images/halfpage-div-header.png);
						background-repeat: no-repeat;
						background-color: #e73f97;
						background-position: -900px 0;
						display: block;
						margin-left: -100px;
						margin-right: 0;
						margin-top: -2px;
				}
		
								#contentBody .halfWidth_furtherInfo h2 .halfWidthHeader 
								{
										display: block;
										position: relative;
										font-size: 0.9em;
										font-weight: bold;
										margin: 0;
										padding: 4px 10px;
										color: #ffffff;
								}	
								
				/* half-width headers end */

				#chooseYourProperty h2 {
						font-size: 1.9em;
						line-height: 1.2em;
						color: #fa961a;
						margin: 0;
						font-weight: 400;
						background-color: transparent;
				}

				
h3 {
		font-size: 1.1em;
		margin-left: 20px;
		margin-top: 10px;
		font-weight: 800;
}

				.consideredIssueContainer h3 {
						float: left;
						margin: 0 10px 10px 20px;
						word-wrap: break-word;
				}
				
				.downloadContainer h3 {
						position: relative;
						margin-left: 130px;
						margin-top: 10px;
						margin-right: 20px;
				}


.context_header {
		color: #f25d22;
}

.impacts_header {
		color: #584098;
}

.savingEnergy_header {
		color: #7ac243;
}

.furtherInfo_header {
		color: #5378BC;
}







/* -------------------------------------------------------------------- */
/*                                                                      */
/*  5. Link Styling                                                     */
/*                                                                      */
/* -------------------------------------------------------------------- */

a, a:visited {
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

#navigation a {
		color: #FFFFFF;
		background-color: transparent;
}

				#navigation li a {
						padding: 5px 10px 10px 10px;
						display: block;
						float: left;
				}

				#navigation li a:hover {
						display: block;
						text-decoration: none;
						background-color: #447ea2;
						/* background-image: url(images/navigation_bg_hover.jpg); */
						/* background-repeat: repeat-x; */
						/* background-position: top; */
				}

				#navigation .current {
						background-color: #447ea2;
						/* background-image: url(images/navigation_bg_hover.jpg); */
						/* background-repeat: repeat-x; */
						/* background-position: top; */
				}

a#myClipboard {
		/* border: 1px solid #aacbdd; */
		/* margin: 2px 5px 2px 10px; */
		/* padding: 1px 20px 1px 6px; */
		/* background-color: #68a0be; */
		/* float: right; */
		margin: 2px 8px 0 8px;
		display: block;
		width: 127px;
		height: 24px;
		overflow: hidden;
		background-image: url(images/my_clipboard_button.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		position: relative;
}

		#myClipboard span {
				position: absolute;
				left: 5000px;
		}

#contentActions #action_print {
		position: absolute;
		overflow: hidden;
		right: 0;
		top: 0px;
		width: 98px;
		height: 23px;
		xbackground-image: url(images/action_printing_button.gif);
		background-image: url(images/printer-friendly-button.gif);		
		background-position: top left;
		background-repeat: no-repeat;
}

		#contentActions #action_print span {
				position: absolute;
				left: 5000px;
		}

#contentActions #action_clipboardFAQ {
		position: absolute;
		overflow: hidden;
		right: 157px;
		width: 76px;
		height: 23px;
		xbackground-image: url(images/action_clipboardFAQ_button.gif);
		background-image: url(images/Clipboard-button2.gif);
		background-position: top left;
		background-repeat: no-repeat;
}

		#contentActions #action_clipboardFAQ span {
				position: absolute;
				left: 5000px;
		}

#contentActions #action_clipboard {
		position: absolute;
		overflow: hidden;
		right: 232px;
		width: 183px;
		height: 23px;
		xbackground-image: url(images/action_clipboard_button.gif);
		background-image: url(images/Clipboard-button1.gif);
		background-position: top left;
		background-repeat: no-repeat;
}

		#contentActions #action_clipboard span {
				position: absolute;
				left: 5000px;
		}


#contentActions #action_clipboardFAQ_home {
		position: absolute;
		overflow: hidden;
		right: 0px;
		width: 76px;
		height: 23px;
		xbackground-image: url(images/action_clipboardFAQ_button.gif);
		background-image: url(images/Clipboard-button2.gif);
		background-position: top left;
		background-repeat: no-repeat;
}

		#contentActions #action_clipboardFAQ_home span {
				position: absolute;
				left: 5000px;
		}

#contentActions #action_clipboard_home {
		position: absolute;
		overflow: hidden;
		right: 75px;
		width: 183px;
		height: 23px;
		xbackground-image: url(images/action_clipboard_button.gif);
		background-image: url(images/Clipboard-button1.gif);
		background-position: top left;
		background-repeat: no-repeat;
}

		#contentActions #action_clipboard_home span {
				position: absolute;
				left: 5000px;
		}

#contentBody .halfWidth_context a:hover, #contentBody .halfWidth_impacts a:hover, #contentBody .halfWidth_savings a:hover, #contentBody .halfWidth_furtherInfo a:hover {
		text-decoration: none;
}


#contentBody a {
		font-weight: 800;
		color:  #000000;
		
}

.downloadContainer a {
		float: left;
		position: absolute;
		bottom: 10px;
}

.externalLink a {
		background-image: url(images/arrow_grey.gif);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 10px;
}

/* Start @@SJ: navigation styles */
#contentNavigation li a {
		color: #000000;
		font-weight: 800;
		background-image: url(images/arrow_red.gif);
		background-repeat: no-repeat;
		background-position: 4px 0;
		padding: 2px 20px;
		display: block;
		margin: 10px 2px 10px 0;
}
* html #contentNavigation li a { /* IE6 */
		margin: 5px 2px 5px 0;
}
#contentNavigation .current {
		background-color: #bfd8e6;		
		background-image: none;
}
#contentNavigation .current_withSubmenu {
		background-color: #bfd8e6;		
		background-image: url(images/arrow_red_down.gif);
		background-repeat: no-repeat;
		background-position: 4px 0;
		margin-bottom: 0;
}
#contentNavigation li li a {
		color: #000000;
		font-weight: 400;
		background-image: none;
		padding: 2px 20px;
		display: block;
		margin: 0 2px 0 0;
		border-top: 1px solid #d9e8f0;
		border-bottom: 1px solid #d9e8f0;
}
* html #contentNavigation li li a { /* IE6 */
		padding: 0 20px;
}
#contentNavigation li li li a {
		color: #000000;
		background-color: #d9e8f0;
		font-weight: 400;
		background-image: none;
		padding: 2px 20px 0 40px;
		display: block;
		margin: 0px 2px 0 0px;
		border-top: 1px solid #d9e8f0;
		border-bottom: 1px solid #d9e8f0;
}
#contentNavigation li li ul.menu_sub_sub_list li a {
		color: #000000;
		background-color: #fff;
		font-weight: 400;
		background-image: none;
		padding: 2px 10px 0 0;
		display: block;
		margin: 0;
		border: none;
}
* html #contentNavigation li { /* IE6 */
    border: 1px solid #fff;
}
* html #contentNavigation li li { /* IE6 */
    border: 1px solid #d9e8f0;
}
* html #contentNavigation li li li { /* IE6 */
    border: 1px solid #d9e8f0;
}
* html #contentNavigation li li ul.menu_sub_sub_list li { /* IE6 */
    border: 1px solid #fff;
}
#contentNavigation li li .current, ul.menu_sub_sub_list {
		background-color: #fff;
		margin: 0 10px;
}
#contentNavigation li li a.hover, ul.menu_sub_sub_list {
		background-color: #fff;
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 10px;
		padding-right: 10px;
}
#contentNavigation li li .current {
        padding-left: 10px;
        padding-right: 20px;
}
#contentNavigation li li .current_withSubSubMenu {
		background: #fff url(images/arrow_red_down_trans.gif) no-repeat 144px center;
		margin: 0 10px 1px 10px;
		padding: 2px 20px 2px 10px;
}
* html #contentNavigation li li .current { /* IE6 */
        padding-top: 2px;
        padding-bottom: 2px;
}
ul.menu_sub_sub_list {
        padding: 0 0 2px 10px;
		margin-right: 10px;
        margin-bottom: 1px;
}
ul.menu_sub_sub_list li a.menu_sub_sub_item {
        padding-left: 8px !important;
        background: #fff url(images/list-marker.gif) no-repeat left .7em !important;
}
ul.menu_sub_sub_list li a.menu_sub_sub_item_current {
        padding-left: 8px !important;
        color: #598ea4 !important;
}
.submenu {
        margin-right: 2px;
        background-color: #d9e8f0;
}
.menu_sub_sub_item_current {
        color: Red;
}
/* End @@SJ: navigation styles */

/* @@SJ (modified) */
#chooseYourProperty a {
		color: #000000;
		padding: 2px 20px;
		display: block;
		background-color: #fa961a;
		font-size: 1.4em;
		font-weight: 800;
		border: 2px solid #cccccc;
		float: right;
		margin-top: 9px;
		width: 38px;
}

#chooseYourProperty a:hover {
		text-decoration: none;
		background-color: #e2973d;
}

#changeYourProperty {
		float: right;
		margin-right: 10px;
		padding-left: 16px;
		color: #c1445a;
		font-weight: 800;
		background-image: url(images/pencil.gif);
		background-position: center left;
		background-repeat: no-repeat;
} 

#search a {
		float: left;
}

#contentBody ul.pagination {
		margin: 10px 20px;
		position: relative;
		display: block;
}
		
		#contentBody ul.pagination li 
		{
				display: block;
				margin: -1px 0 0 0;
				list-style: none;
				border-top: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
				position: relative;				
		}

				ul.pagination a 
				{
						display: block;
						margin: 0;
						font-size: 1em;
						padding: 2px 10px 2px 0;
						position: relative;
						background-image: url(images/arrow_red_trans.gif);
						background-repeat: no-repeat;
						background-position: center right;
				}

				ul.pagination a:hover 
				{
						display: block;
						background-color: #d9e8f0;
						border-color: #d9e8f0;
						z-index: 10;
				}
				
				ul.pagination a.current 
				{	
						display: block;
						background-image: url(images/arrow_red_down_trans.gif);
						background-repeat: no-repeat;
						background-position: center right;
				}

.pdf_read {
		left: 110px;
}

.pdf_clipboard {
		left: 174px;
}

#contentBody a.magnify {
		width: 19px;
		height: 19px;
		float: none;
		margin: -3.5em 0 -0.5em 380px;
		display: block;
}

* html #contentBody a.magnify {
		width: auto;
		height: auto;
		clear: both;
		float: none;
		margin: 0 0 0 0;
		display: inline;
}

#footer ul.left li a {
		color: #000000;
		padding-left: 10px;
		margin-right: 15px;
		background-image: url(images/arrow_grey.gif);
		background-position: left center;
		background-repeat: no-repeat;
		display: block;
}

#footer ul.right li a {
		color: #000000;
		padding-left: 10px;
		margin-left: 15px;
		background-image: url(images/arrow_grey.gif);
		background-position: left center;
		background-repeat: no-repeat;
		display: block;
}








/* -------------------------------------------------------------------- */
/*                                                                      */
/*  6. Other Typography & Inline Images                                 */
/*                                                                      */
/* -------------------------------------------------------------------- */

strong {
		font-weight: 800;
}

#contentBody p {
		margin: 1.5em 20px 1.5em 0;
}

#contentBody.dotted p{
		margin-left: 20px;
}

#contentBody .consideredIssueContainer p {
		margin: 0 40px 10px 20px;
		clear: both;
}
		
#contentBody .halfWidth_context p, #contentBody .halfWidth_impacts p, #contentBody .halfWidth_savings p, #contentBody .halfWidth_furtherInfo p {
		margin: 4px 8px 4px 6px;
}

#contentBody li {
		list-style: disc;
		margin: 0 35px;
}

.downloadContainer p {
		position: relative;
		padding-left: 110px;
		margin-top: 10px;
		margin-right: 20px;
}

#chooseYourProperty p {
		margin: 6px 0;
		line-height: 1.3em;
		color: #ffffff;
}

#yourProperty p {
		margin-left: 40px;
}

#contentBody img {
		float: left;
		margin: 3px 10px 10px 0;
		
}

#contentBody .consideredIssueContainer img, #contentBody .callout img {
		position: absolute;
		margin: 0;
		right: 20px;
		top: 20px;
		width: 80px;
		height: 80px;
}
		
#contentBody .halfWidth_context img, #contentBody .halfWidth_impacts img, #contentBody .halfWidth_savings img, #contentBody .halfWidth_furtherInfo img {
		float: left;
		margin: 4px 0 10px -95px;
		border: 1px solid black;
		display: block;
		width: 90px;
		height: 90px;
}

* html #contentBody .halfWidth_context img, * html #contentBody .halfWidth_impacts img, * html #contentBody .halfWidth_savings img, * html #contentBody .halfWidth_furtherInfo img {
		margin: 5px 0 10px -47px;
}

.downloadContainer img {
		position: absolute;
		left: 20px;
		top: 0;
}

#yourProperty img {
		margin-bottom: 8px;
		width: 261px;
		border: 2px solid #ffffff;
}		

#myClipboard img {
		margin-right: 8px;
		float: left;
}






/* -------------------------------------------------------------------- */
/*                                                                      */
/* 7. Footer Styling                                                    */
/*                                                                      */
/* -------------------------------------------------------------------- */

#footer {
		border-top: 4px solid #7bb3d0;
		clear: both;
}

#footer ul.left /* styles links on left */ {
		float: left;
		font-size: 0.9em;
		margin-top: 3px;
		margin-bottom: 4px;
		width: 65%;
}

				#footer ul.left li {
						float: left;
				}

#footer ul.right /* styles links on right */ {
		float: right;
		font-size: 0.9em;
		margin-top: 3px;
		margin-bottom: 4px;
		width: 35%;
}

				#footer ul.right li {
						float: right;
				}