/* specific styles for each sections nav........ */
/* this is for the Reduce - grey section */

/* supernav */
div.supernavCont{
background:url(../../images/supernav_bg_blue.jpg) no-repeat;
}

div.supernav ul li a#breatheeasy{
background-image:url(../../images/btn_super_home_off_blue.gif);
width:42px;
}

div.supernav ul li a:hover#breatheeasy{
background-image:url(../../images/btn_super_home_on_blue.gif);
}

div.supernav ul li a#green{
background-image:url(../../images/btn_super_green_off_blue.gif);
width:110px;
}

div.supernav ul li a:hover#green{
background-image:url(../../images/btn_super_green_on_blue.gif);
}

div.supernav ul li a#contact{
background-image:url(../../images/btn_super_con_off_blue.gif);
width:50px;
}

div.supernav ul li a:hover#contact{
background-image:url(../../images/btn_super_con_on_blue.gif);
}

div.mainnav{
background:url(../../images/mainnav_bg_bot_blue.jpg) repeat-x top left;
}

div.mainnav li a#how{
background-image:url(../../images/btn_main_how_off_blue.gif);
}

div.mainnav li a#reduce{
background-image:url(../../images/btn_main_reduce_off_blue.gif);
}

div.mainnav li a#offset{
background-image:url(../../images/btn_main_offset_on.gif);
}

div.mainnav li a#climate{
background-image:url(../../images/btn_main_climate_off_blue.gif);
}

/* subnav */

div.subnav ul {
	width: 770px;
	overflow: hidden;
}

div.subnav #taxRecMenu ul li {
	margin: 0px 11px 0px 0px;
	padding: 0px 0px 0px 11px;
	background-position: left center;
}	

div.subnav #taxRecMenu {
	width: 105px;
	float: left;
}

div.subnav #taxRecMenu ul {
	width: 105px;
	float: left;
}

div.subnav ul li a#home{
background:url(../../images/btn_sub_offset_home_off.gif) no-repeat;
width:68px;
}

div.subnav ul li a:hover#home{
background:url(../../images/btn_sub_offset_home_on.gif) no-repeat;
}

div.subnav ul li.selected a#home{
background:url(../../images/btn_sub_offset_home_on.gif) no-repeat;
}

div.subnav ul li a#business{
background:url(../../images/btn_sub_offset_business_off.gif) no-repeat;
width:88px;
}

div.subnav ul li a:hover#business{
background:url(../../images/btn_sub_offset_business_on.gif) no-repeat;
}

div.subnav ul li.selected a#business{
background:url(../../images/btn_sub_offset_business_on.gif) no-repeat;
}

div.subnav ul li a#recognition {
background:url(../../images/offset_recognition.gif) no-repeat;
width:65px;
}

div.subnav ul li a:hover#recognition{
background:url(../../images/offset_recognition_dn.gif) no-repeat;
}

div.subnav ul li.selected a#recognition{
background:url(../../images/offset_recognition_dn.gif) no-repeat;
}

div.subnav ul li a#events{
background:url(../../images/offset_events.gif) no-repeat;
width:37px;
}

div.subnav ul li a:hover#events{
background:url(../../images/offset_events_dn.gif) no-repeat;
}

div.subnav ul li.selected a#events{
background:url(../../images/offset_events_dn.gif) no-repeat;
}

div.subnav ul li a#community{
background:url(../../images/offset_community.gif) no-repeat;
width:60px;
}

div.subnav ul li a:hover#community{
background:url(../../images/offset_community_dn.gif) no-repeat;
}

div.subnav ul li.selected a#community{
background:url(../../images/offset_community_dn.gif) no-repeat;
}

div.subnav ul li a#charts{
background:url(../../images/offset_charts.gif) no-repeat;
width:39px;
}

div.subnav ul li a:hover#charts{
background:url(../../images/offset_charts.gif) no-repeat;
}

div.subnav ul li.selected a#charts{
background:url(../../images/offset_charts.gif) no-repeat;
}

div.subnav ul li a#corporate{
background:url(../../images/offset_corp.gif) no-repeat;
width:61px;
}

div.subnav ul li a:hover#corporate{
background:url(../../images/offset_corp_dn.gif) no-repeat;
}

div.subnav ul li.selected a#corporate{
background:url(../../images/offset_corp_dn.gif) no-repeat;
}

div.subnav ul li a#tax{
background:url(../../images/offset_tax.gif) no-repeat;
width:85px;
}

div.subnav ul li a:hover#tax{
background:url(../../images/offset_tax_dn.gif) no-repeat;
}

div.subnav ul li.selected a#tax{
background:url(../../images/offset_tax_dn.gif) no-repeat;
}

/* copy styles for section */

div.left p.intro{
color:#015b8f;
font-weight:bold;
}

div.leftImg p.intro{
color:#015b8f;
font-weight:bold;
padding:20px 10px 0 20px;
width:267px;
}

p.source{
font-size:11px
}

div.middleImg{
padding:0;
width:297px;
float:left;
margin-right:1px;
background:url(../../images/bg_columns.jpg) repeat-x top left;
}

div.rightImg{
padding:0;
width:297px;
float:left;
background:url(../../images/bg_columns.jpg) repeat-x top left;
}

/* Styles for business and home sections */

#formDescriptionMain, #formDescriptionSub {
	position: relative;
	left: 15px;
	top: 0px;
}

#formDescriptionMain {
	border-bottom: 1px solid #c2c8cd;
	width:540px;
	height:auto;
	float: left;
	clear: both;
	margin: 0px;
	padding: 15px 15px 15px 0px;
}

#formDescription  p {
	padding-bottom: 10px;
}

#formDescriptionMain  p {
	padding-bottom: 10px;
	color: #0D8BC5;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	height:auto;
}

#formDescriptionSub {
	margin: 0px;
	padding: 15px 15px 5px 0px;
	float: left;
	clear: both;
	width:540px;
	height:auto;
}

#formDescriptionSub p {
	clear: both;
	float: left;
	font-size: 13px;
	color: #1c394e;
	padding-bottom: 10px;
	width: 530px;
}

#mainContentWrap {
	overflow: hidden;
	float: left;
	width: 595px;
	padding-top: 0px;
	position: relative;
	background-image: url(../../images/form-bg.gif);
	background-position: top center;
	background-repeat: repeat-x;
	clear: both;
}

#subList {
	overflow: hidden;
	float: left;
	width: 595px;
	height: auto;
}

#subList .offsetType {
	background-image: url(../../images/offset-life-bus-listbg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	overflow: hidden;
	float: left;
	width: 595px;
	height: 84px;
}

#subList .offsetType .offsetTypeIcon {
	float: left;
	width: 143px;
	height: 84px;
}

#subList .offsetType .offsetTypeIcon img {
	float: left;
	padding-left: 18px;
	width: 108px;
	height: 84px;
}

#subList .offsetType .offsetTypeHeader {
	float: left;
	width: 111px;
	height: 84px;
}

#subList .offsetType .offsetTypeHeader h3 {
	float: left;
	width: 100px;
}

#subList .offsetType .offsetTypeDescription {
	float: left;
	width: 330px;
	height: 84px;
}

#subList .offsetType .offsetTypeDescription p {
	float: left;
	padding-right: 20px;
	padding-top: 17px;
	font-size: 12px;
	color: #85939E;
}

#subList .offsetType .offsetTypeDescription p sup {
	color: #85939E;
}

#subList .offsetType .offsetTypeHeader h3{
	float: left;
	color: #1c394e;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	padding-top: 32px;
}

#subList .offsetType .offsetTypeHeader h3 a{
	color: #1c394e;
}

#flashShoppingArea {
	float: left;
	clear: both;
	width: 595px;
	margin: 0px;
	padding: 0px;
}

#heroSubStrip {
	margin: 0px;
	padding: 0px;
	width: 595px;
	height: 31px;
	background-image: url(../../images/off-strip-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	float: left;
	clear: both;
}

#heroSubStrip p {
	margin: 0px;
	width: auto;
	padding-left: 10px;
	padding-top: 7px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
}

#leftHeader, #middleIntro, #rightForm {
	float: left;
	width: 297px;
	height: 310px;
	overflow: hidden;
}

.communityEvents#columns {
	padding-bottom: 0px;
}

#middleIntro, #rightForm {
	margin-left: 1px;
	background-image: url(../../images/carbon-offset-bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

#middleIntro p, #middleIntro ul, #rightForm p {
	padding: 15px 10px 0px 10px;
}

#middleIntro p a, #rightForm p a { 
	color: #0D8BC5;
}

#middleIntro p a:hover {
	color: #001E36;
}

#middleIntro ul {
	list-style-type: disc;
	margin-left: 30px;
}

#rightForm ul {
	list-style-type: none;
	float: left;
	width: 297px;
	clear: both;
}

#rightForm ul li {
	position: relative;
	top: 10px;
	left: 10px;
	width: 270px;
	float: left;
	clear: both;
	height: 28px;
}

#rightForm ul li label{
	float: left;
	clear: both;
	width: 90px;
}

#rightForm form {
	float: left;
	width: 297px;
	clear: both;
}

#rightForm ul li input, #rightForm ul li select {
	position: relative;
	bottom: 3px;
	float: left;
	color: #001e36;
	height: 22px;
	border-bottom: none;
	border-top: 1px solid #BEC4C9;
	border-left: 1px solid #BEC4C9;
	border-right: 1px solid #BEC4C9;
	width: 150px;
}

#rightForm ul li textarea {
	position: relative;
	bottom: 3px;
	float: left;
	color: #001e36;
	height: 60px;
	border-bottom: none;
	border-top: 1px solid #BEC4C9;
	border-left: 1px solid #BEC4C9;
	border-right: 1px solid #BEC4C9;
	width: 150px;
}

#rightInput {
	float: left;
	clear: both;
	width: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 50px;
	left: 202px;
}

#rightInput a {
	float: left;
	clear: both;
	width: 100px;
	color: #0D8BC5;
	height: 22px;
}

#rightInput a:hover {
	color: #001E36;
}

#middleIntro h1 {
	color: #000000;
	padding: 15px;
	font-size: 15px;
}

#flashShoppingArea{
	display:block;
	width: 546px;
	padding-left:17px;
}

#registerMessage {
 	float: left;
 	clear: both;
 	width: 160px;
 	font-size: 12px;
 	position: relative;
 	left: 20px;
 	top: 28px;
}

/* New styles for redesigned home page */

#homeContentWrap {
	float: left;
	width: 595px;
	clear: both;
	padding-top: 17px;
}

#offsetHomeHero {
	float: left;
	width: 595px;
	height: 276px;
	clear: both;
	background-image: url(../../images/hero_offset.jpg);
}

#heroLinks {
	width: 240px;
	height: 60px;
	float: left;
	clear: both;
	position: relative;
	top: 210px;
	left: 10px;	
}

#heroLinks a {
	float: left;
	width: 97px;
	height: 54px;
	padding-left: 10px;
}

#offsetHomeModules {
	float: left;
	width: 594px;
	padding-top: 20px; 
}

.moduleWrap {
	width: 595px;
	float: left;
	clear: both;
}

.moduleWrapLeft {
	width: 267px;
	height: 84px;
	float: left;
}

.moduleWrapLeft a {
	height: 16px;
	float: left;
	position: relative;
	top: 34px;
	left: 20px;
	padding: 0px;
	margin: 0px;
}

.moduleWrapRight {
	background-image: url(../../images/offset-home-mod-bg.gif);
	width: 320px;
	height: 84px;
	float: left;
}

.moduleWrapRight p{
	padding: 25px 30px 25px 30px;
	color: #7b8c98;
	font-size: 12px;
}

.moduleWrapRight p a {
	color: #0D8BC5;
	font-size: 12px;
}

.moduleWrapRight p a:hover {
	color: #001E36;
}

.moduleWrap .moduleWrapLeft, .moduleWrapRight {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.moduleWrap #homeLife {
	background-image: url(../../images/offset-home-life-bg.jpg);
}

.moduleWrap #smallBus {
	background-image: url(../../images/offset-home-sbus-bg.jpg);
}

.moduleWrap #corp {
	background-image: url(../../images/offset-home-corp-bg.jpg);
}

.moduleWrap #comm {
	background-image: url(../../images/offset-home-comm-bg.jpg);
}

.moduleWrap #event {
	background-image: url(../../images/offset-home-event-bg.jpg);
}

.moduleWrap .moduleWrapLeft a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.moduleWrap #homeLife a{
	width: 85px;
	background-image: url(../../images/offset-home-lifestyle-title.gif);
}

.moduleWrap #smallBus a{
	width: 140px;
	background-image: url(../../images/offset-home-sbus-title.gif);
}

.moduleWrap #corp a{
	width: 96px;
	background-image: url(../../images/offset-home-corp-title.gif);
}

.moduleWrap #comm a{
	width: 98px;
	background-image: url(../../images/offset-home-comm-title.gif);
}

.moduleWrap #event a {
	width: 58px;
	background-image: url(../../images/offset-home-event-title.gif);
}

.moduleWrap #homeLife a:hover{
	background-image: url(../../images/offset-home-lifestyle-title-on.gif);
}

.moduleWrap #smallBus a:hover{
	background-image: url(../../images/offset-home-sbus-title-on.gif);
}

.moduleWrap #corp a:hover{
	background-image: url(../../images/offset-home-corp-title-on.gif);
}

.moduleWrap #comm a:hover{
	background-image: url(../../images/offset-home-comm-title-on.gif);
}

.moduleWrap #event a:hover{
	background-image: url(../../images/offset-home-event-title-on.gif);
}

.offsetHome#leftFormNav {
	padding-top: 10px;
}

.offsetHome#leftFormNav p {
	font-size: 12px;
	padding: 10px 10px 0px 10px;
}

.offsetHome#leftFormNav p strong{
	color: #0D8BC5;
	font-size: 12px;
}

.recognition#rightForm ul {
	list-style-type: disc;
	position: relative;
	left: 7px;
	top: 5px;
}

.recognition#rightForm ul li {
	height: 17px;
	position: relative;
	top: 0px;
	left: 15px;
}

.recognition#rightForm ul li p {
	padding: 0px;
	margin: 0px;
}