﻿* {
	margin:0; padding:0;
	behavior: url(j/iepngfix.htc);
}

iframe {background:transparent!important;}

body {
	color:#737373;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
}

#container {
	margin:auto;
	position:relative;
	top:50px;
	width:942px;
}

/* ----- header start ----- */

#header {
	display:inline;
	float:left;
	margin-bottom:45px;
	width:942px;
}

#header h1 a {
	background:url(../i/bmiLogo.gif) no-repeat 0 0;
	display:inline;
	float:right;
	height:100px;
	margin-right:45px;
	margin-top:40px;
	text-indent:-9999px;
	width:186px;
}

#header #intro {
	background:url(../i/intro.gif) no-repeat 0 0;
	display:inline;
	float:left;
	height:182px;
	width:664px;
}

#header #intro h3 {
	background:url(../i/introTitle.gif) no-repeat 0 0;
	display:inline;
	float:left;
	/*height:62px;*/
	height:91px;
	margin-left:40px;
	margin-top:25px;
	text-indent:-9999px;
	width:571px;
}

#header #intro p {
	background:url("../i/intro.gif") no-repeat scroll left bottom transparent;
	clear:left;
	display:inline;
	float:left;
	margin-top:8px;
	padding-bottom:40px;
	padding-left:40px;
	padding-right:65px;
	width:560px;
}

/* ----- header end ----- */

/* ----- main start ----- */

#main {
	background:url(../i/mainBG.gif) no-repeat 0 0;
	display:inline;
	float:left;
	height:482px;
	margin-bottom:20px;
	width:942px;
}

/* ----- BMI start ----- */

#main #BMI {
	display:inline;
	float:left;
	width:300px;
}

#main #BMI p#cloud1 {
	background:url(../i/bubble1.png) no-repeat 0 0;
	height:94px;
	margin-top:35px;
	text-indent:-9999px;
	width:171px;
}

#main #BMI h2 a {
	background:url(../i/whatYourBMI.png) no-repeat 0 0;
	cursor:pointer;
	display:inline;
	float:left;
	height:42px;
	margin-left:75px;
	margin-top:120px;
	text-indent:-9999px;
	width:221px;
}

#main #BMI h2 a:hover {
	background-position:0 -42px;
}

/* ----- BMI end ----- */

/* ----- pledge start ----- */

#main #pledge {
	display:inline;
	float:left;
	width:300px;
}

#main #pledge p#cloud2 {
	background:url(../i/bubble2.png) no-repeat 0 0;
	display:inline;
	float:left;
	height:94px;
	margin-left:-60px;
	position:relative; /* fixes ie6 cutting off overflow content */
	text-indent:-9999px;
	width:224px;
}

#main #pledge h2 a {
	background:url(../i/pledgeBtn.png) no-repeat 0 0;
	cursor:pointer;
	display:inline;
	float:left;
	height:34px;
	padding-right:30px;
	margin-left:100px;
	margin-top:103px;
	text-indent:-9999px;
	width:192px;
}

#main #pledge h2 a:hover {
	background-position:0 -34px;
}

/* ----- pledge end ----- */

/* ----- game end ----- */

#main #game {
	display:inline;
	float:left;
	width:300px;
}

#main #game p#cloud3 {
	background:url(../i/bubble3.png) no-repeat 0 0;
	display:inline;
	float:left;
	height:94px;
	margin-left:-60px;
	margin-top:15px;
	position:relative; /* fixes ie6 cutting off overflow content */
	text-indent:-9999px;
	width:224px;
}

#main #game h2 a {
	background:url(../i/gameBtn.png) no-repeat 0 0;
	cursor:pointer;
	display:inline;
	float:left;
	height:36px;
	margin-left:30px;
	margin-top:290px;
	text-indent:-9999px;
	padding-left:80px;
	width:184px;
}

#main #game h2 a:hover {
	background-position:0 -36px;
}

/* ----- game end ----- */

/* ----- main end ----- */

/* ----- footer start ----- */

#footer {
	display:inline;
	float:left;
	width:942px;
}

#footer h1 a {
	background:url(../i/lighterLifeLogo.gif) no-repeat 0 0;
	display:inline;
	float:right;
	height:53px;
	text-indent:-9999px;
	width:124px;
}

#footer h5 a {
	background:url(../i/strokeLogo.gif) no-repeat 0 0;
	display:inline;
	float:right;
	height:53px;
	margin-right:25px;
	text-indent:-9999px;
	width:103px;
}

/* ----- mainNav start ----- */

#footer #mainNav ul {
	display:block;
	float:left;
	height:61px;
	list-style:none;
	margin-bottom:15px;
	width:640px;
}

#footer #mainNav ul li {display:block; float:left; height:61px;}
#footer #mainNav ul li a {background:url(../i/mainNav.gif) no-repeat 0 0; display:block; height:61px; text-indent:-9999px; overflow:hidden;}

#footer #mainNav li a.aboutLink {background-position: 0 0; width:83px;}
    #footer #mainNav li a.aboutLink:hover {background-position: 0 -62px; width:83px;}

#footer #mainNav li a.bmiLink {background-position:-83px 0;width:38px;}
    #footer #mainNav li a.bmiLink:hover {background-position:-83px -62px;}

#footer #mainNav li a.pledgeLink {background-position:-121px 0;width:141px;}
    #footer #mainNav li a.pledgeLink:hover {background-position: -121px -62px;}

#footer #mainNav li a.friendLink {background-position:-262px 0; width:89px;}
    #footer #mainNav li a.friendLink:hover {background-position: -262px -62px;}

#footer #mainNav li a.gameLink {background-position:-351px 0; width:152px;}
    #footer #mainNav li a.gameLink:hover {background-position: -351px -62px;}

#footer #mainNav li a.readLink {background-position:-504px 0; width:137px;}
    #footer #mainNav li a.readLink:hover {background-position: -504px -62px;}

/* ----- mainNav end ----- */

/* ----- footerNav start ----- */

#footer #footerNav ul {
	display:inline;
	float:left;
	list-style:none;
	width:671px;
}

#footer #footerNav ul li {
	border-right: #737373 solid 1px;
	display:inline;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	padding-right:5px;
}

#footer #footerNav ul li.last {
	border-right:none;
	margin-right:0; padding-right:0;
}

#footer #footerNav ul li a {
	color:#737373;
	text-decoration:none;
}

#footer #footerNav ul li a:hover {
	text-decoration:underline;
}

/* ----- footerNav end ----- */

/* ----- footer end ----- */

/* ----- PLEDGE FORM PAGE ----- */

#pledgeContainer {
	margin:auto;
	position:relative;
	width:619px;
}

#pledgeForm {
	background:url(../i/pledgeBG.png) no-repeat 0 0;
	display:inline;
	float:left;
	height:576px;
	width:619px;
}

#pledgeContent {
	display:inline;
	float:left;
	margin-top:23px;
	width:619px;
}

#pledgeContent p {
	margin-bottom:15px;
}

#pledgeContent #pledgeContentLeft {
	display:inline;
	float:left;
	padding-left:40px;
	padding-right:20px;
	width:249px;
}

#pledgeContentLeft h1 {
	background:url(../i/showCareTitle.gif) no-repeat 0 0;
	height:35px;
	margin-bottom:20px;
	margin-top:20px;
	text-indent:-9999px;
	width:250px;
}

#pledgeContentRight {
	display:inline;
	float:left;
	padding-left:15px;
	width:288px;
}

#pledgeContentRight p, #pledgeContentRight {
	color:#FFF;
}

#pledgeContentRight h2 {
	background:url(../i/getInvolvedTitle.gif) no-repeat 0 0 ;
	height:28px;
	margin-bottom:27px;
	margin-top:20px;
	text-indent:-9999px;
	width:227px;
}

#pledgeContentRight /*#form1*/ .rowItem {
	display:inline;
	float:left;
	margin-bottom:15px;
	width:278px;
}

#pledgeContentRight /*#form1*/ label {
	display:inline;
	float:left;
	width:90px;
}

#pledgeContentRight /*#form1*/ #ctl04_DedicationTextBox {
	height:100px;
	width:150px;
}

#pledgeContentRight /*#form1*/ #ctl04_DedicationRequiredFieldValidator {
	display:inline;
	float:right;
	margin-right:20px;
	margin-top:-100px;
}

#pledgeContentRight /*#form1*/ .checkBox label {
	width:250px;
}

#pledgeContentRight /*#form1*/ .checkBox #ctl04_OptInCheckBox, #pledgeContentRight /*#form1*/ .checkBox #ctl04_OptInAssociationCheckBox {
	display:inline;
	float:right;
	margin-right:5px;
	margin-top:15px;
}

#pledgeContentRight #ctl04_SubmitLinkButton {
	background:url(../i/submitPink.gif) no-repeat 0 0;
	display:inline;
	float:right;
	height:22px;
	margin-bottom:15px;
	margin-right:22px;
	margin-top:20px;
	text-indent:-9999px;
	width:75px;
}

/* ----- PLEDGE FORM PAGE END ----- */

/* ----- READ PLEDGES PAGE ----- */

#readPledgeContainer {
	margin:auto;
	position:relative;
	width:869px;
}

#readPledgeForm {
	background:url(../i/readPledgeBG.png) no-repeat 0 0;
	display:inline;
	float:right;
	height:506px;
	width:837px;
}

#readPledgeForm #readPledgeContent {
	display:inline;
	float:left;
	margin-left:50px;
	margin-top:30px;
	width:820px;
}

#readPledgeForm #readPledgeContent h1 {
	background:url(../i/supportTitle.gif);
	display:inline;
	float:left;
	height:35px;
	text-indent:-9999px;
	width:393px;
}

#readPledgeForm #readPledgeContent h2 {
	background:url(../i/moreSupportTitle.gif);
	display:inline;
	float:left;
	height:35px;
	text-indent:-9999px;
	width:493px;
}

#readPledgeForm #readPledgeContent ul {
	display:inline;
	color:#005a84;
	float:left;
	list-style:none;
	margin-left:-40px;
	margin-top:15px;
	position:relative;
	width:800px;
}

#readPledgeForm #readPledgeContent li {
	background:url(../i/pledgeNoteBG.png) no-repeat 0 0;
	display:inline;
	float:left;
	height:146px;
	padding-left:20px;
	padding-top:40px;
	width:234px;
}

#readPledgeForm #readPledgeContent li.normalList {
	background:none;
	display:inline;
	float:left;
	height: 95px;
	padding-left:30px;
	padding-top:0px;
	width: 225px;
}

#readPledgeForm #readPledgeContent li p {
	margin-bottom:5px;
	width:225px;
}

#readPledgeForm #readPledgeContent p.pagination {
	/*background:url(../i/paginationArrow.gif) no-repeat 0 0;*/
	left:640px;
	position:absolute;
	top:465px;
	width:175px;
}

#readPledgeForm #readPledgeContent p.pagination a {
	color:#005a84;
	text-decoration:none;
}

#readPledgeContainer .twitterForm, #aboutContainer .twitterForm {
	background:url(../i/twitterBG.png) no-repeat 0 0;
	display:inline;
	float:left;
	height:185px;
	margin-top:-43px;
	width:270px;
}

#readPledgeContainer .twitterForm .twitterContent, #aboutContainer .twitterForm .twitterContent {
	display:inline;
	float:left;
	margin-top:30px;
	padding-left:30px;
	width:185px;
}

#readPledgeContainer .twitterForm .twitterContent ul, #aboutContainer .twitterForm .twitterContent ul {
	list-style:none;
}

/*#readPledgeContainer .twitterForm .twitterContent p.date, #aboutContainer .twitterForm .twitterContent p.date {
	color:#005a84;
	margin-top:10px;
}*/

#readPledgeContainer .twitterForm .twitterContent a, #aboutContainer .twitterForm .twitterContent a {
	background:url(../i/followUsBtn.gif) no-repeat 0 0;
	border:none;
	color:#0E638B;
	cursor:pointer;
	display:inline;
	float:left;
	height:22px;
	margin-top:30px;
	outline:none;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
	width:93px;
}

#readPledgeContainer .twitterForm .twitterContent span a, #aboutContainer .twitterForm .twitterContent span a {
	background:none;
	float:none;
	text-indent:0;
	width:auto;
}

div#ctl04_Summary 
{
	font-size: 0.8em;
}

/* ----- READ PLEDGES PAGE END ----- */

/* ----- WHAT'S YOUR BMI PAGE ----- */

#bmiContainer {
background: url(../i/bmiBackground.png) top left no-repeat;
margin: auto;
padding: 15px 15px 0px 40px;
width: 289px;
height: 424px;
}

#bmiContainer h1 {
float:left;
margin-bottom:10px;
margin-top:20px;
}

#bmiContainer p {
padding: 15px 35px 0px 0px;
}

#bmiContainer a {
background:url(../i/buttonCheckYourBMI.gif) no-repeat 0 0;
border:none;
float: right;
height:22px;
outline:none;
margin: 0px 30px 0px 0px;
text-indent:-9999px;
width:142px;
}

#bmiContainer img {
border: none;
}

/*body#bmi #bmiContainer span.closeButton a {
background: url(../i/buttonClose.png) top left no-repeat;
margin: 0px 5px 0px 0px!important;
height: 37px;
width: 36px;
text-indent: -9999px;
}*/

/* ----- WHAT'S YOUR BMI PAGE END ----- */

/* ----- THANK YOU PAGE ----- */

#thankYouPledgesContainer, #thankYouContainer {
background:url(../i/thankYouPledgeBG.png) no-repeat 0 0;
height:260px;
margin: auto;
padding-left:25px;
padding-right:25px;
padding-top:15px;
width: 337px;
text-align: center;
}

#thankYouContainer h1, #thankYouPledgesContainer {
clear: both;
}

#thankYouContainer p, #thankYouPledgesContainer p {
padding: 15px 0px 0px 0px;
}

#thankYouContainer a {
float: left;
margin: 15px 0 0 0;
}

#thankYouPledgesContainer a {
float: left;
margin: 35px 0 0 0;
}

#thankYouContainer a.link {
float:none;
margin:0;
}

#thankYouContainer a.left {
margin-left:20px;
}

#thankYouPledgesContainer a.left {
margin-left:15px;
margin-right:25px;
}

#thankYouContainer a.left {
margin-right: 10px;
}

#thankYouContainer img, #thankYouPledgesContainer img {
border: none;
}

#thankYouContainer #ctl04_ConfirmationButton {
background:url(../i/buttonSendToAnotherFriend.gif) no-repeat 0 0;
margin: 0 auto;
width: 197px;
height:22px;
float: none;
margin-top:20px;
display: block;
text-indent:-9999px;
}

/*#thankYouContainer span.closeButton a {
background: url(../i/buttonClose.png) top left no-repeat;
float: right!important;
margin: 0px 5px 0px 0px!important;
height: 37px;
width: 36px;
text-indent: -9999px;
}*/

/* ----- THANK YOU PAGE END ----- */

/* ----- TELL FRIEND ----- */

#tellFriendContainer {
	background:url(../i/tellFriendBG.png) no-repeat 0 0;
	height:530px;
	margin:auto;
	width:509px;
}

#tellFriendContainer #tellFriendContent {
	display:inline;
	float:left;
	padding-bottom:40px;
	padding-left:40px;
	padding-top:40px;
	width:509px;
}

#tellFriendContainer #tellFriendContent h1 {
	background:url(../i/passItOnTitle.gif) no-repeat 0 0;
	height:27px;
	margin-bottom:15px;
	text-indent:-9999px;
	width:198px;
}

#tellFriendContainer #tellFriendContent p {
	margin-bottom:8px;
	width:405px;
}

#tellFriendContainer #tellFriendContent fieldset {
	border:none;
	margin-bottom:4px;
	width:405px;
}

#tellFriendContainer #tellFriendContent fieldset strong {
	display:inline;
	float:left;
	width:170px;
}

#tellFriendContainer #tellFriendContent textarea, #tellFriendContainer #tellFriendContent textarea input {
	width:150px;
}

#tellFriendContainer #tellFriendContent #ctl04_OptInCheckBox {
	width:10px;
}

#tellFriendContainer #tellFriendContent #ctl04_SubmitButton {
	background:url(../i/submitGreen.gif) no-repeat 0 0;
	display:inline;
	float:left;
	height:22px;
	margin-left:255px;
	margin-top:-5px;
	text-indent:-9999px;
	width:70px;
}

/* ----- TELL FRIEND END ----- */

/* ----- ABOUT ----- */

#aboutContainer {
	background:url(../i/aboutBG.png) no-repeat 0 0;
	height:561px;
	margin:auto;
	width:786px;
}

#aboutContainer #aboutContent {
	display:inline;
	float:left;
	margin-left:50px;
	margin-top:50px;
	width:672px;
}

#aboutContainer #aboutContent h1 {
	background:url(../i/theCampaignTitle.gif) no-repeat 0 0;
	height:35px;
	margin-bottom:15px;
	text-indent:-9999px;
	width:245px;
}

#aboutContainer #aboutContent p {
	margin-bottom:15px;
}

#aboutContainer #aboutContent a.showCare {
	background:url(../i/careBtnBlue.gif) no-repeat 0 0;
	border:none;
	display:inline;
	float:left;
	height:22px;
	margin-bottom:15px;
	outline:none;
	text-indent:-9999px;
	width:165px;
}

#aboutContainer #aboutContent h2 {
	background:url(../i/moreAboutTitle.gif) no-repeat 0 0;
	clear:left;
	height:35px;
	margin-bottom:15px;
	text-indent:-9999px;
	width:395px;
}

#aboutContainer .twitterForm {
	margin-left:550px;
	margin-top:-20px;
}

/* ----- ABOUT END ----- */

/* ----- GAME ----- */

#gameContainer {
	background:url(../i/gameBG.png) no-repeat 0 0;
	height:555px;
	margin:auto;
	padding-top:20px;
	padding-left:20px;
	width:507px;
}

/* ----- GAME END ----- */