/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: stylesheet.css
* Version: 1.0.0 (2009-03-31) YYYY-MM-DD
* Website: http://www.squidgemedia.com/
* Author: Andy @ Squidge Media
* Description: Handles the HTML site layout.

*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	/*font-family: inherit;
	font-style: inherit;*/
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}
sub {
	font-size:0.8em;
	position:relative;
	top:0.4em;
	vertical-align:baseline;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
ul {
	margin-left:20px;
}

body {
	background-image:url(../images/pop_bg_03.jpg);
	background-position:center;
	background-repeat: repeat-y;
	background-color: #BCBEC0;
}


/***********************
* NAVIGATION
***********************/

#nav {
	height:37px;
	position:absolute;
	top:100px;
}
#nav ul#topMenu {
	list-style:none;
	padding:0 130px 0 26px;
	margin:0 0 16px -14px;
	height:auto !important;
	position:relative;
	z-index:998;
	font-size:12px;
}
#nav ul#topMenu li a {
	max-height:37px;
}

#nav ul#topMenu {
	margin:0;
	padding:0;
	height:65px;
	min-height:37px;
	height:auto !important;
	width: 970px;
}

#nav li {
	color:#fff;
	position:relative;
	float:left;
	list-style-image: none;
}
#nav li a {
	display:block;
	line-height:37px;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	background-image:url(../images/pop_nav_bg_03.jpg);
	text-align:center;
}
#nav li a.navHome {
	width:89px;
}
#nav li a.navAbout {
	width:150px;
}
#nav li a.navCert {
	width:117px;
}
#nav li a.navSharing {
	width:154px;
}
#nav li a.navSupport{
	width:115px;
}
#nav li a.navNews {
	width:78px;
}
#nav li a.navCarbon {
	background-image:url(../images/nav_18.jpg);
	width:176px;
}
#nav li a.navContact {
	width:91px;
}
#nav li a:hover, #nav li.on ul a:hover, #nav li.on a, #nav li a:focus, #nav li a.sffocus {
	background-position:0 -37px;
	text-shadow:0 1px 2px #000000;
}

/* Top menu dropdowns */
#nav li ul {
	position:absolute;
	z-index:999;
	min-width:150px;
	background:#222;
	color:#fff;
	opacity:0.98;
	top:37px;
	list-style:none;
	border-top:1px solid #555;
	margin:0 0 0 -999em;
	padding:0;
	background-image:none;
}
#nav li:hover ul, #nav li.sfhover ul {
	margin-left:0;
}
#nav li ul li {
	float:none;
	margin:0;
	padding:0;
	white-space:pre;
	border-bottom:1px solid #fff;
	background-image:none;
	background:transparent;
}
#nav li ul li a {
	text-align:left;
	padding:0 15px;
}
#nav li ul a, #nav li.on ul a {
	height:auto;
	color:#fff;
	border:0px;
	line-height:37px;
	display:block;
	background-image:none;
	float:none;
	width:80%;
}
#nav li ul li:hover, #nav li ul a:hover, #nav li ul a:focus, #nav li ul a.sffocus {
	color:#fff;
	background:url(../images/pop_nav_bg_03.jpg) 0 -37px;
}






/********************
  GENERIC SITE STYLES
*********************/
#scroller {
	background-image: url(../images/home_04.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
}
marquee {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:14px;
	margin:7px 0 0 0;
	width: 100%;
}
marquee a {
	padding:0 30px;
}



#header {
	margin: 0px auto;
	width: 970px;
	background-image: url(../images/pop_home_05.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 137px;
	position: relative;
}
.logo {
	background-image: url(../images/pop_home_03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 450px;
	position: absolute;
	text-indent: -9999px;
}
#content {
	margin: 0px auto;
	width: 970px;
	position: relative;
}
#footer {
	margin: 10px auto 0;
	width: 970px;
	position: relative;
}
#footerColor {
	background-color:#E6E6E6;
	float:left;
	padding:15px;
	width:940px;
}
#footerNav {
	display: block;
	float: left;
	width: 770px;
}
#footerNav li {
	list-style-type: none;
	float: left;
}
#footerNav li a {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 11px;
	padding: 3px 12px;
	text-align:center;
}
#footerNav li a:hover {
	text-decoration:underline;
}
#footer p {
	float: left;
	display: block;
	width: 150px;
	font-size:12px;
	color:#333;
}
.footerTerms:hover {
	cursor:pointer;
}
.stratecoLogo {
	background-image:url(../images/pop_home_v2_11.png);
	background-repeat:no-repeat;
	display:block;
	height:34px;
	text-indent:-9999px;
}
#tcc {
	position: absolute;
    right: 5px;
    top: 7px;
    width: 174px;
}
#tcc a {
	font-size: 10px;
    color: #636363;
	text-decoration:none;
}
p.advice_hint {
	color:#0163B6;
	padding:8px;
	border:1px solid #0163B6;
}


#top_signup {
	margin: 0 auto;
	width: 950px;
	background-image: url(../images/pop_top_signup_bg_03.jpg);
	background-position:bottom;
	padding: 10px;
	color: #fff;
	font-size: 13px;
	height: 30px;
	font-weight: bold;
}
#top_signup p {
	display:block;
	float:left;
	padding:7px 0 0 10px;
	color:#fff;
	border:none;
}
#top_signup ul {
	display: block;
	float: left;
	margin-left: 0px;
	width: 700px;
}
#top_signup li {
	display: block;
	float: left;
	list-style-type: none;
}
#top_signup a.hideSignup {
	display: block;
	float: left;
	padding:8px 0 0 0;
}
#top_signup li label {
	display: block;
	padding-top: 2px;
	padding: 7px 15px 0 15px;
}
#top_signup .txtBox {
	margin:3px 0 0;
	padding:4px;
	width:175px;
}
#top_signup .top_signup_submit {
	background-image:url(../images/sign_up_btn_03.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:29px;
	margin:0 0 0 20px;
	width:114px;
}
#top_signup .top_signup_submit:hover {
	background-position: 0 -29px;
	text-shadow:0 1px 2px #000000;
	cursor:pointer;
}
.signup_reveal {
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: url(../images/pop_signup_tab_03.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 12px;
	width: 307px;
	height: 21px;
	text-align: center;
	padding: 7px 0 0 0;
}
.signup_reveal:hover {
	text-decoration:underline;
	cursor: pointer;
}

/**********************
   HOME PAGE STYLING
**********************/


#homeHeadCol1 {
	padding: 10px 15px;
	float: left;
	width: 210px;
}
#homeHeadCol1 h1 {
	display: block;
	background-image: url(../images/pop_home_12.jpg);
	background-repeat: no-repeat;
	height: 73px;
	text-indent: -9999px;
}
#homeHeadCol1 p {
	font-size: 12px;
	color: #666666;
	padding: 3px 0;
}
#homeHeadCol1 h2 {
	display: block;
	background-image: url(../images/pop_home_15.jpg);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 10px;
	border-top: 2px solid #ECECEC;
	background-position: 0 10px;
	text-indent: -9999px;
}
#homeHeadCol1 h3 {
	font-weight: normal;
	color: #0E5E9F;
	font-size: 14px;
	margin: 8px 0 0 0;
}
#homeHeadCol1 h3 a {
	color:#0E5E9F;
}
#homeHeadCol1 .revealIntro{
	color:#0E5E9F;
}
#homeHeadCol1 .revealIntro:hover {
	cursor:pointer;
}
#homeHeadCol1 .homeNewsDate {
	padding: 0;
}
#homeHeadCol2 {
	float: left;
	width: 730px;
}
#slide {
	height: 415px;
	width: 730px;
}
#homeSix {
	padding: 0px;
	clear: left;
	float: left;
	width: 970px;
}
.sixItem {
	display: block;
	width: 303px;
	float: left;
	padding: 10px;
	border-top: 2px solid #ECECEC;
	height: 185px;
	overflow: hidden;
}
.sixItem h2 {
	display: block;
	background-image: url(../images/pop_home_wSubSlices_24.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	background-position: 0 8px;
}
.sixItem p {
	font-size: 13px;
	color: #333333;
}


/*HOME PAGE NAV */

#slideshow {
	float: left;
}
#slideshow ul {
	background-color:#FFFFFF;
	height:29px;
	margin-left:0;
	width:730px;
	position: relative;
}
#slideshow li {
	float:left;
	height:29px;
	list-style-type:none;
}
#slideshow li .navItem {
	float:left;
	font-size:29px;
	height:29px;
	letter-spacing:0.03em;
	line-height:29px;
	text-indent:-9000px;
}
#slideshow li .navItem a {
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:29px;
	overflow:hidden;
}
#slideshow li .navItem a:hover, #slideshow li .selected a {
	background-position:0 -29px;
}
#slideshow li .navItem1 a {
	background-image:url(../images/pop_home_18.jpg);
	width:181px;
}
#slideshow li .navItem2 a {
	background-image:url(../images/pop_home_19.jpg);
	width:184px;
}
#slideshow li .navItem3 a {
	background-image:url(../images/pop_home_20.jpg);
	width:183px;
}
#slideshow li .navItem4 a {
	background-image:url(../images/pop_home_21.jpg);
	width:182px;
}

#slideshow li a {
	color:#3F3F3F;
}
#slideshow li a:hover {
	color:#6EC3E1;
	text-decoration:none;
}








/*********************
  PAGE STYLES
*********************/

/* GENERIC PAGE STYLES */

#pageWrap h1 {
	display: block;
	background-image: url(../images/h1_1.jpg);
	height:305px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#pageCol1 {
	margin: 20px;
	float: left;
	width: 490px;
}
#pageCol1 h2, #pageCol1 h3 {
	background-image: url(../images/pop_about_17.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 10px;
	color: #0761AA;
}
#pageCol1 p {
	font-size: 12px;
	margin: 0 0 10px 0;
}
#pageCol2 {
	float: left;
	width: 400px;
	margin: 20px;
}
.quote {
	display: block;
	background-image: url(../images/pop_quotes_21.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/***************************
* SUB NAV FOR PAGES THAT REQUIRE IT
***************************/
#page_sub {
	background-image: url(../images/pop_about_sub_bg_03.png);
	background-repeat: no-repeat;
	width: 970px;
	height: 45px;
	position:absolute;
}
#page_sub ul {
	display: block;
	margin: 0 auto;
	width: 880px;
}
#page_sub li {
	display: block;
	float: left;
	list-style-type: none;
}
#page_sub li a {
	color:#FFFFFF;
	display:block;
	padding:9px 25px 5px 0;
	text-decoration:none;
	font-size: 12px;
}
#page_sub li a:hover {
	text-decoration:underline;
}


#pageCol1 .faqQ {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	margin:15px 0 10px;
	display: block;
	width: 470px;
	background-color: #0B3A54;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.faqA {
	padding: 10px;
	background-color: #C6DBE9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.faqA ul, .faqA ol {
	font-size:12px;
	margin:20px 30px;
}


/******************
CALCULATOR PAGE
******************/

/* CALCULATOR NAV */
#calcNav {
	float: left;
}
#calcNav ul {
	background-color:#FFFFFF;
	height:40px;
	margin-left:0;
	width:970px;
	position: relative;
}
#calcNav li {
	float:left;
	height:40px;
	list-style-type:none;
}
#calcNav li .navItem {
	float:left;
	font-size:40px;
	height:40px;
	letter-spacing:0.03em;
	line-height:40px;
	text-indent:-9000px;
}
#calcNav li .navItem a {
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:40px;
	overflow:hidden;
}
#calcNav li .navItem a:hover, #calcNav li .selected a {
	background-position:0 -40px;
}
#calcNav li .calcAbout a {
	background-image:url(../images/pop_calculator2_03.jpg);
	width:323px;
}
#calcNav li .calcInd a {
	background-image:url(../images/pop_calculator2_05.jpg);
	width:324px;
}
#calcNav li .calcOrg a {
	background-image:url(../images/pop_calculator2_07.jpg);
	width:323px;
}
#calcNav li a {
	color:#3F3F3F;
}
#calcNav li a:hover {
	color:#6EC3E1;
	text-decoration:none;
}

.calcStartLink {
	display: block;
	clear: left;
	background-repeat: no-repeat;
	background-image:url(../images/pop_calculator_03_07.jpg);
	text-indent: -9999px;
	height: 42px;
	margin: 0 0 10px 0;
}
.calcStartLink:hover {
	background-position: 0 -42px;
}
#calcInd {
	display:block;
	float:left;
	margin:0;
	width:480px;
}
#calcInd li {
	display:block;
	float:left;
	list-style-type:none;
}
#calcInd a {
	padding: 1px 5px 0 25px;
	display: block;
	float: left;
}
.slctCalcCountry {
	width:490px;
	border:1px solid #999;
}
#calcNamesList {
	display: block;
	clear: left;
	margin: 0;
}
#calcNamesList li {
	float: left;
	width: 50%;
	list-style-type: none;
	display: block;
	margin: 0 0 10px 0;
}
#moreNames {
	background-color: #E6E6E6;
	border-left: #0863AD solid 4px;
	width: 90px;
	padding: 2px;
}
.txtCalcName {
	background-color: #E6E6E6;
	border-left: #0863AD solid 4px;
	width: 220px;
	padding: 2px;
}
#calcSubmit {
	background-image:url(../images/pop_calculator_indi_27.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 481px;
	height: 42px;
	font-size: 1px;
	color: #fff;
	clear: left;
	text-indent:-999em;
}
#calcSubmit:hover {
	background-position: 0px -42px;
	cursor:pointer;
}
#calcIndTarget {
	display: none;
}
#calc_1 {
	margin: 15px 0;
	display: none;
	clear: left;
	float: left;
}
.calctxt {
	background-color: #E0E0E0;
	border-left: 3px solid #0661AB;
	padding: 2px;
}
#calc_1_input {
	clear: left;
	float: left;
}
#calcOrgDateUL {
	display: block;
	margin: 15px 0;
	width: 490px;
	float: left;
}
#calcOrgDateUL li {
	list-style-type: none;
	display: block;
	float: left;
	padding: 0 20px 0 0;
}
#calcOrgYNUL {
	display: block;
	margin: 0 0 20px 0;
	float: left;
}
#calcOrgYNUL li {
	display: block;
	float: left;
	list-style-type: none;
}
#calcOrgYNUL label {
	width: 155px;
	display: block;
	background-image: url(../images/pop_calculator_indi_15.jpg);
	background-repeat: no-repeat;
	background-position: 50px 1px;
}
#calcOrgYNUL img {
	padding: 3px 0 0 0;
}
#calcOrgYNUL label.selected {
	background-image: url(../images/pop_calculator_indi_13.jpg);
}
#calc_2 h4 {
	font-weight: bold;
	color: #0661AB;
	font-size: 13px;
	margin: 5px 0;
}
.calc_2_ul {
	font-size: 12px;
	color: #0661AB;
	display: block;
	margin: 0;
}
.calc_2_ul li {
	list-style-type: none;
	margin: 5px 0;
	display: block;
}
.calc_2_ul_name {
	width: 125px;
	display: block;
	float: left;
}
#calc_total_wrap p {
	font-size: 24px;
	color: #494949;
	font-style: italic;
	padding: 10px 0;
}
#calc_total_wrap span {
	font-size: 26px;
	font-style: normal;
	color: #184C99;
}
.calc_total_pay {
	float: left;
	width: 32%;
}
#calc_total_wrap {
	float: left;
	width: 100%;
}

#calc_total_wrap .total_note {
	font-size: 11px;
	font-weight: normal;
}
#clockTarget {
	position: absolute;
	top: 55px;
	right: 20px;
	width: 280px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	text-align:right;
	color:#000;
	text-decoration:none;
}
#clockTarget:hover {
	text-decoration:underline;
}
#clockTarget span {
	color:#4181B1;
}
#pageCol1 a {
	color: #0163B6;
	text-decoration: underline;
}
.pageCol1UL {
	font-size: 12px;
	margin: 20px 30px;
}
#pageCol1 .largeLink {
	background-image: url(../images/pop_calculator_link_13.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	width: 100%;
	text-indent: -9999px;
}
#pageCol1 .largeLink:hover {
	background-position: 0px -42px;
}
.carbon_impact_table {
	font-size: 12px;
	text-align: center;
	border: 1px solid #000;
}
#pageCol1 .pQuote {
	font-style: italic;
	color: #0A69B0;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 13px;
}
#pageCol1 .pQuote span {
	font-style: normal;
	font-weight: normal;
	color: #666;
}
#homeHeadCol1 .introReveal {
	display: none;
}
.sixItem:hover {
	cursor: pointer;
}
.emailSignUp ul {
	display: block;
	margin: 0;
}
.emailSignUp li {
	list-style-type: none;
	display: block;
	padding: 5px 0;
}
.emailSignUp label {
	display: block;
	float: left;
	width: 105px;
	color: #0062B0;
	padding: 0 0 0 15px;
}
.opt_patrons {
	font-size: 12px;
	padding: 7px 0;
}
#homeNewsFeed {
	clear: left;
	float: left;
	width: 100%;
	background-image: url(../images/pop_home_news_bg_03.jpg);
	color: #fff;
	font-size: 13px;
}
#homeNewsFeed a {
	color: #FFFFFF;
	text-decoration: none;
}
#homeNewsFeed a:hover {
	text-decoration: underline;
}
#pageCol1 a.snLink {
	background-image: url(../images/pop_supportus_14.jpg);
	background-repeat: no-repeat;
	display: block;
	clear: left;
	height: 34px;
	width: 490px;
	margin: 10px 0;
	text-indent: -9999px;
}
#pageCol1 a.snLink:hover {
	background-position: 0px -34px;
}
a.funding_applications_link {
	display: block;
	background-image: url(../images/pop_contact_06.jpg);
	background-repeat: no-repeat;
	height: 107px;
	text-indent: -9999px;
	background-position: center top;
	margin-bottom: 20px;
}
a.funding_applications_link:hover {
	background-position: center -107px;
}
.pageCol1UL ol, .pageCol1UL ul {
	margin-left: 40px;
}




#calc_ind_basic {
	width: 100%;
	display: none;
	clear: left;
}
#cal_ind {
	clear: left;
	display: none;
}
.calc_total_pay a {
	display: block;
	width: 100%;
	background-image:url(../images/new_titles_50.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 42px;
	background-position:center -1px;
}
.calc_total_pay a:hover {
	background-position: center -43px;
}

#worldpay_ul {
	display: block;
	margin: 0px;
	width: 100%;
	list-style-type: none;
	font-size: 13px;
}
#worldpay_ul li {
	display: block;
	padding: 3px 0;
	clear: left;
}
#worldpay_ul label {
	display: block;
	float: left;
	width: 150px;
}
.worldpay_text {
	background-color: #E6E6E6;
	padding: 2px;
	width: 300px;
	border-left: 4px solid #0863AD;
}
#worldpay_submit {
	background-image: url(../images/new_titles_58.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 42px;
	width: 192px;
	font-size: 1px;
	color: #2F77AA;
	text-indent:-999em;
}
#worldpay_submit:hover {
	background-position: left -42px;
}
#worldpay_ul .worldpay_total_target {
	font-size: 26px;
	font-weight: normal;
	color: #184C99;
}
#worldpay_form {
	display: none;
}


.news_subnav_link {
	background-color:#020C15;
color:#FFFFFF;
display:block;
font-size:13px;
padding:8px 15px;
text-decoration:none;
}
.news_subnav_link:hover, .news_selected {
	background-color:#0761AA;
}
#sn_footer {
	margin: 0 auto;
	clear: left;
	width: 970px;
	position: relative;
}
#sn_footer ul {
	display: block;
	margin: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}
#sn_footer li {
	display: block;
	float: left;
}
#sn_footer a {
	background-image: url(../images/pop_home_sns_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 276px;
	height: 25px;
	text-indent: -999em;
}
#sn_footer .sn_twitter {
	background-image: url(../images/pop_home_sns_05.jpg);
	width: 288px;
}
#sn_footer span {
	background-image: url(../images/pop_home_sns_03.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 216px;
	color: #fff;
	font-size: 12px;
	padding: 6px 0 5px 190px;
}
#sn_footer a:hover {
	background-position: left -25px;
}
#donation_form {
	display: none;
	clear: left;
	width: 100%;
}
#worldpay_ul .giftaid_target {
	font-size: 15px;
}




/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:575px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png);
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
#standard_carbon {
	color:#fff;
	font-size:13px;
	padding:30px;
}
#standard_carbon p {
	padding:0 0 15px 0;
}
#standard_carbon ul {
	padding:0 0 15px 0;
}
