body {
	margin: 0px;
	padding: 0px;
	background: #A6D5DD;
}

#layout {
	background:url(../images/save_the_children_bg.gif) no-repeat;
	padding-left: 250px;
	padding-top: 102px;
	position: relative;
}

#layout img#logo {
	position: absolute;
	top: 125px;
	left: 85px;
}

#main {
	width: 711px;
	min-height: 837px;
	overflow: hidden;
	background: #fff;
	margin: 0px;
	padding: 0px 0px 20px 30px;
}

#navigation { float: left; margin-top: 18px; width:100%; }

#content { float: left; clear: both; margin-top: 22px;}
#content #left { float: left; clear: both; width: 530px; border-right: 1px dashed #8A9298; min-height: 750px; margin-right: 10px;}
#content #left .inside { float: left; width: 515px;}
#content #right { float: left; width: 150px;  }

#content #left-wide { float: left; clear: both; width: 100%; min-height: 750px; margin-right: 10px;}
#content #left-wide .inside { float: left; width: 580px}

#footer { position: relative; top: 12px; left: 90px; margin-bottom: 60px; }

.clear {
	border:0px none !important;
	clear:both !important;
	display:block !important;
	font-size:0px !important;
	height:0px !important;
	line-height:0px !important;
	margin:0px !important;
	padding:0px !important;
	width: 100% !important;
}

#content #left .inside .gallery-layout-wrapper{display:none;}


/* Home Page */
div.home-do-one-thing {
	border-top: 1px dashed #8A9298; 
	border-bottom: 1px dashed #8A9298; 
	float: left;
	padding: 7px 0px;
}

div.home-others-doing {
	background: url(../images/diag-bg-home.png) repeat-y;
	width: 524px;
	float: left;
	margin-top: 5px;
	position: relative;
	padding: 10px;
}

div.home-others-doing div#others-dropdown {
	width:500px;
	height: 55px;
	background: #fff;
	position: relative;
}

div.home-others-doing div#others-dropdown form {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 230px;
}

div.home-others-doing div#others-dropdown form select {
	width:180px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#content #left div.home-others-doing div#others-dropdown .inside h3 {
	width: 238px;
	margin-left: 10px;
}

div.home-others-doing div#map {
	
}

div.home-others-doing div#world {
	margin-top: 10px;
}

#content #left div.home-others-doing div#world .inside {
	background: #fff;
	width: 305px;
	height: 35px;
}

#content #left div.home-others-doing div#world .inside h3 {
	margin-left: 10px;
}

/* Maps */
#map {
	width: 500px;
	height: 286px;
}

#map .gmnoprint {display: none; }

.map-overlay {
	float: left;
	background: url(../images/map-corner.png) no-repeat bottom left !important;
	padding-left: 13px;
}

.map-overlay .inside {
	background: #fff !important;
	float: left;
	width: 120px !important;
}

/* donation page */
.donations{
	background-color:#d5eeea;
	float:left;
	width:230px;
	height:306px;
	position:relative;
}
.donation-graphic{
	background: url(../images/donationBG.png) no-repeat;
	width:230px;
	height:306px;
	position:absolute;
}
.donation-details{
	float:right;
	width:260px;
	margin-left:20px;
}


/* Survey Page */
#survey { float: left; clear: both; margin-top: 20px; }
#survey a { display: block; float: left; margin-right: 15px;}
#survey a span { display: none; } 
#survey a.coffee, #survey a.coffee-active { width: 160px; height: 145px; background: url(../images/onething-coffee-off.gif) no-repeat; }
#survey a.coffee:hover, #survey a.coffee-active { background: url(../images/onething-coffee-on.gif) no-repeat; } 

#survey a.trade, #survey a.trade-active { width: 160px; height: 145px; background: url(../images/onething-trade-off.gif) no-repeat; }
#survey a.trade:hover, #survey a.trade-active { background: url(../images/onething-trade-on.gif) no-repeat; } 

#survey a.entertainment, #survey a.entertainment-active { width: 165px; height: 145px; background: url(../images/onething-entertainment-off.gif) no-repeat; }
#survey a.entertainment:hover, #survey a.entertainment-active { background: url(../images/onething-entertainment-on.gif) no-repeat; } 

#survey a.donate, #survey a.donate-active { width: 160px; height: 145px; background: url(../images/onething-donate-off.gif) no-repeat; }
#survey a.donate:hover, #survey a.donate-active { background: url(../images/onething-donate-on.gif) no-repeat; } 

#survey a.walk, #survey a.walk-active { width: 165px; height: 160px; margin-top:20px; background: url(../images/onething-walk-off.gif) no-repeat; }
#survey a.walk:hover, #survey a.walk-active { background: url(../images/onething-walk-on.gif) no-repeat; } 

#survey a.challenge, #survey a.challenge-active { width: 190px; height: 160px; margin-top:20px; background: url(../images/onething-challenge-off.gif) no-repeat; }
#survey a.challenge:hover, #survey a.challenge-active { background: url(../images/onething-challenge-on.gif) no-repeat; }

#survey a.idea, #survey a.idea-active { width: 155px; height: 100px; margin-top:10px; background: url(../images/onething-idea-off.gif) no-repeat; }
#survey a.idea:hover, #survey a.idea-active { background: url(../images/onething-idea-on.gif) no-repeat; } 

form a#finish-up { text-transform: uppercase; display: block; border-top: 1px dashed #8A9298; border-bottom: 1px dashed #8A9298; color: #74C7B8;
background: url(../images/arrow-btn-off.gif) no-repeat 100% 2px; padding: 5px 20px 5px 0px;
position: absolute;
right: 0px;
bottom: 0px;
}
form a#finish-up:hover { color: #EC1C24; background: url(../images/arrow-btn-on.gif) no-repeat 100% 2px; padding: 5px 20px 5px 0px;
}


#content #left .col1, #content #left .col2 { float: left; width: 50% }

#content #left .pager { float: right; margin-bottom: 10px; }
#content #left .pager a { font-size: 16px; }


/* play page */
div.play div.left-col {
	width: 270px;
	float: left;
}
div.play div.right-col {
	width: 210px;
	float: left;
	margin-left: 20px;
}
div.play div.toolkit {
	border: 1px dashed #8A9298;
	padding: 0px 0px 10px 10px;
}