body { font:62.5%/1.4 Verdana, Arial, sans-serif; background:#2c5e15 top left repeat-x; color:#fff; }
* html body { background-image:none; }

h2.arrow, h2.arrow2 { font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; background:url(../images/arrow-bg.gif) top left no-repeat; width:175px; height:40px; color:#469423; font-size:2.4em; padding:13px 20px 15px 20px; }
h2.arrow2 { background-image:url(../images/arrow-bg2.gif); padding:10px 18px 18px 22px; overflow:hidden; }
h2.arrow a, h2.arrow2 a { color:#469423; }

h2.formh2 { padding:5px 10px; font-size:1.2em; font-weight:bold; }

a { color:#fff; text-decoration:none; text-transform:uppercase; }
a.findoutmore { display:block; width:144px; height:28px; overflow:hidden; text-indent:-9000px; background:url(../images/find-out-more.gif) top left no-repeat; }
.box-rounded a.findoutmore { background-image:url(../images/find-out-more2.gif); }

p { padding-bottom:10px; }
p.dottedborderbase { border-bottom:1px dotted #aace9a; padding-bottom:10px; margin-bottom:10px; }
p.backbutton { clear:both; padding:15px 0 0 6px; }
p.backbutton a:hover { border-bottom:1px solid #fff; }
p.nopadding { padding-bottom:0; }
p.boxed { margin-bottom:10px; border:1px solid #999; padding:8px 10px 10px 10px; background-color:#fff; }
	p.boxed strong { font-size:1.2em; }
p.error { color:#a91441; font-weight:bold; }
p.pageerror { padding:10px 22px 20px 22px; }

div.dottedborderbase { border-bottom:1px dotted #b7d0ac; }
div.threecolumn { width:225px; float:left; padding-top:8px; }
div.threecolumn2 { width:215px; float:left; }
div.threecolumninner { padding:0 6px; }
div.threecolumnnoinner { width:213px; float:left; padding:0 6px; }
div.nosideblock { padding:10px; color:#8ed170; }
	div.nosideblock a { color:#8ed170; }
	div.nosideblock a:hover { border-bottom:1px solid #8ed170; }

img { display:block; }

object { display:block; }

ul.popularpledges li { padding-bottom:8px; }

#container { font-size:1.2em; }

#wrapper { min-height:270px; width:900px; margin:0 auto; padding:0 30px; }
* html #wrapper { height:270px; }

#header { height:250px; }
#header h1 { float:left; margin:0 4px 0 15px; }
#header h1 a { display:block; width:236px; height:244px; background:url(../images/logo-handsup2.gif) top left no-repeat; text-indent:-9000px; overflow:hidden; }
#header #header-noflash { width:960px; margin:0 auto; }

#header #header-right { width:675px; float:left; padding:90px 0 0 0; }
#header #header-right ul { padding-bottom:5px; }
#header #header-right li { float:left; border-left:1px dotted #fff }
#header #header-right li.header-navi-login { float:right; border-left:0; border-right:1px dotted #fff }
#header #header-right li.header-navi-first { border-left:0; }
#header #header-right li.header-navi-last { float:right; border-left:0; }
#header #header-right li a { padding:6px 10px; display:block; }
#header #header-right li a:hover { text-decoration:underline; }

#header #header-content, #rightcontent .box-rounded-white { background:url(../images/box-white-main-bg.gif) top left repeat-y; color:#469423; }
#header #header-content .box-outer, #rightcontent .box-rounded-white .box-outer { background:url(../images/box-white-main-top.gif) top left no-repeat; padding-top:18px; }
#rightcontent .box-rounded-white .box-outer { padding-top:16px; }
#header #header-content .box-inner, #rightcontent .box-rounded-white .box-inner { background:url(../images/box-white-main-base.gif) bottom left no-repeat; padding:0 18px 20px 21px; }
#rightcontent .box-rounded-white .box-inner { padding:0 12px 20px 15px; background-image:url(../images/box-white-main-base2.gif); min-height:250px; }
#header #header-logo { float:right; }
#header #header-content p { border-right:1px dotted #469423; display:block; width:460px; min-height:82px; padding-bottom:0; padding-right:15px; }
#header #header-content p span { font-size:2.4em; text-transform:uppercase; line-height:1em; }
#header #header-content p span.small { font-size:1.8em; } 

#footer { height:40px; }

#leftcontent { width:220px; float:left; }
#leftcontent h3 { font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:1.2em; font-weight:normal; line-height:1.2em; padding-bottom:3px; }

#rightcontent { width:675px; float:right; }

#flash-homebanner { padding-bottom:5px; }

#tellafriend, #tellafriend2 { width:324px; float:right; height:160px; text-indent:-9000px; overflow:hidden; background:url(../images/tellafriend.gif) top left no-repeat; }
#tellafriend2 { margin-top:30px; }

#randomquote, #randomquote2 { width:300px; float:left; background:url(../images/box-green-side-bg.gif) top right repeat-y; margin-top:20px; }
#randomquote2 { margin-top:50px; }
#randomquote .box-outer, #randomquote2 .box-outer { background:url(../images/box-green-quote-top.gif) top right no-repeat; padding-top:18px; }
#randomquote .box-inner, #randomquote2 .box-inner { background:url(../images/box-green-side-base.gif) bottom right no-repeat; padding:0 20px 20px 96px; }

/* ---- Boxes */

.box-rounded { background-color:#469423; }

.box-rounded-white { background-color:#fff; color:#469423; }
#leftcontent .box-rounded-white { background:url(../images/box-white-side-bg.gif) top left repeat-y; }
#leftcontent .box-rounded-white .box-outer { background:url(../images/box-white-side-top.gif) top left no-repeat; padding-top:18px; }
#leftcontent .box-rounded-white .box-inner { background:url(../images/box-white-side-base.gif) bottom left no-repeat; padding:0 16px 20px 19px; }
#leftcontent .box-rounded-white h3 { padding:0; text-align:center; font-weight:bold; }
* html #leftcontent .box-rounded-white { zoom:1; }

.box-rounded { background-color:#469423; }
#leftcontent .box-rounded { background:url(../images/box-green-side-bg.gif) top left repeat-y; }
#leftcontent .box-rounded .box-outer { background:url(../images/box-green-side-top.gif) top left no-repeat; padding-top:18px; }
#leftcontent .box-rounded .box-inner { background:url(../images/box-green-side-base.gif) bottom left no-repeat; padding:0 16px 20px 19px; }
* html #leftcontent .box-rounded { zoom:1; }

#rightcontent .box-rounded-greenonwhite { background:url(../images/box-green-onwhite-bg.gif) top left repeat-y; color:#fff; }
#rightcontent .box-rounded-greenonwhite .box-outer { background:url(../images/box-green-onwhite-top.gif) top left no-repeat; padding-top:18px; }
#rightcontent .box-rounded-greenonwhite .box-inner { background:url(../images/box-green-onwhite-base.gif) bottom left no-repeat; padding:0 16px 20px 19px; min-height:10px; }
#rightcontent .box-rounded-greenonwhite .box-inner strong { font-size:1.2em; }
* html #rightcontent .box-rounded-greenonwhite { zoom:1; }

/* ---- Text */

#leftcontent .txt-sohowarewedoing h3 { display:block; width:184px; height:17px; overflow:hidden; text-indent:-9000px; background:url(../images/txt/sohowarewedoing.gif) top left no-repeat; }
#leftcontent .txt-makingadifference { display:block; width:184px; height:31px; overflow:hidden; text-indent:-9000px; background:url(../images/txt/makingadifference.gif) top left no-repeat; }
#leftcontent .txt-popularpledges { display:block; width:184px; height:13px; overflow:hidden; text-indent:-9000px; background:url(../images/txt/popularpledges.gif) top left no-repeat; margin-bottom:5px; }
#rightcontent .txt-arrow { display:block; width:170px; height:34px; overflow:hidden; text-indent:-9000px; }
#rightcontent .txt-arrow-waste { background:url(../images/txt/arrow-waste.gif) top left no-repeat; display:block; width:160px; height:34px; overflow:hidden; text-indent:-9000px; }
#rightcontent .txt-arrow-energy { background:url(../images/txt/arrow-energy.gif) top left no-repeat; display:block; width:160px; height:34px; overflow:hidden; text-indent:-9000px; }
#rightcontent .txt-arrow-car { background:url(../images/txt/arrow-car.gif) top left no-repeat; display:block; width:160px; height:34px; overflow:hidden; text-indent:-9000px; }
#rightcontent .txt-arrow-travel { background:url(../images/txt/arrow-travel.gif) top left no-repeat; display:block; width:160px; height:34px; overflow:hidden; text-indent:-9000px; }
#rightcontent .txt-whatstheproblem { background:url(../images/txt/arrow-whatstheproblem.gif) top left no-repeat; }
#rightcontent .txt-sowhatarewedoing { background:url(../images/txt/arrow-sowhatarewedoing.gif) top left no-repeat; }
#rightcontent .txt-andwhatcanyoudo { background:url(../images/txt/arrow-andwhatcanyoudo.gif) top left no-repeat; }

/* ---- Graph */

.graph-people { background:url(../images/graph-people-bg.gif) top left no-repeat; width:185px; height:67px; margin:3px 0; }
.graph-people .graph-inner { background:url(../images/graph-people-fg.gif) top left no-repeat; width:185px; height:67px; }

.graph-bulbs { background:url(../images/graph-bulbs-bg.gif) top left no-repeat; width:185px; height:76px; }
.graph-bulbs .graph-inner { background:url(../images/graph-bulbs-fg.gif) top left no-repeat; width:185px; height:76px; }

/* ---- Forms */

#miniquiz-cars { background:url(../images/mini-quiz-cars.gif) bottom left no-repeat; padding:0 0 45px 0; }
#miniquiz-cars div { padding:0 0 2px 0; }
#miniquiz-cars div.form-buttons { padding:3px 0 0 0; }

div.pledge { padding:0 0 10px 5px; }
div.pledge input { float:left; }
div.pledge label { float:left; width:175px; padding:0 5px; }

div.pledge_textinput { padding: 10px 10px 5px 10px; }
div.pledge_textinput div { padding-bottom:15px; }
div.pledge_textinput label { float:left; padding:6px 5px 0 0; }
div.pledge_textinput input { float:left; width:240px; margin:3px 10px 0 0; }
div.pledge_textinput input.pledge_submit { width:auto; margin:0; }

div.pledge_submitdiv { margin:0 6px; padding:10px 10px 0 10px; border-top:1px dotted #666; }
div.pledge_submitdiv label { float:right; padding:3px 5px 0 0; }
div.pledge_submitdiv input { float:right; }

div.submitbtn { clear:both; padding-left:100px; padding-top:5px; }
div.submitbtn input { width:auto; }

/* ---- Clearfix */

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