.UHI #topSection .introduction h2, .UHI #topSection .introduction h4 {
color: #e57100;
border-top: none;
border-bottom: 1px dotted #e57100;
font-size: 25px;
height: auto;
font-weight: normal;
padding-top: 0px;
}
.UHI #topSection .introduction h2 {
font-size: 30px;
}
.UHI #topSection .introduction #story {
width: 150px;
float: left;
}
.UHI.standard #topSection .introduction #story {
width: 350px;
float: left;
}
.UHI.bubbles #topSection .introduction #story {
width: 691px;
float: none;
}
.UHI #contentWrapper #topSection .introduction #story p {
font-size: 24px;
}
.UHI.bubbles #contentWrapper #topSection .introduction #story p, .UHI.standard #contentWrapper #topSection .introduction #story p {
font-size: 14px;
}
.UHI #contentWrapper #topSection #mainImage {
width: 380px;
float: right;
}
.UHI.bubbles #contentWrapper #topSection #mainImage {
width: 691px;
float: none;
}
.UHI.standard #contentWrapper #topSection #mainImage {
width: 331px;
}
.UHI #midSection .project {
	width: 150px;
	margin-right: 20px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.UHI.standard #topSection .clear, .UHI.bubbles #topSection .clear {
height: 1px;
}
.UHI.bubbles #midSection, .UHI.bubbles #topSection {
width: 100%;
}
.UHI.standard #midSection #getInvolved {
	width: 152px;
	margin-right: 23px;
	float: left;
	background-color: #dde6e6;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 8px;
	margin-left: 4px;
	background-image: url(assets/images/uhi/involvedBottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.UHI.standard #midSection #furtherInfo {
	width: 330px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
}
.UHI.standard #contentWrapper #midSection #furtherInfo h3 {
color: #e57100;
}
.UHI.standard #contentWrapper #midSection #getInvolved h3 {
border-top: none;
border-bottom: none;
margin-top: 0px;
padding: 16px 16px 5px 16px;
}
.UHI.standard #contentWrapper #midSection #getInvolved p {
background-color: transparent;
padding: 6px 16px 16px 16px;
}
.UHI.standard #midSection #notesBox {
	width: 150px;
	margin-right: 20px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
}
.UHI #midSection .project.last {
	margin-right: 0px;
}
.UHI #midSection .project h3.title, .UHI.standard #contentWrapper #midSection h3 {
color: #667777;
border-top: 1px solid #667777;
border-bottom: 1px dotted #667777;
padding: 5px 0px;
margin-bottom: 10px;
height: 40px;
}
.UHI.standard #contentWrapper #midSection h3, .bubbles #contentWrapper #midSection #leftColumn h3 {
color: #667777;
border-top: 1px solid #667777;
border-bottom: 1px dotted #667777;
padding: 5px 0px;
margin-bottom: 10px;
height: auto;

}
.UHI.standard #contentWrapper #midSection #getInvolved h3 {
	background-image: url(assets/images/uhi/involvedTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.UHI #midSection .project h3 {
font-size: 17px;
font-weight:normal;
}
.UHI #midSection .project h3.link a {
display: block;
color: #e57100;
background-color: #FFF;
border-top: 1px solid #e57100;
border-bottom: 1px dotted #e57100;
padding: 5px 0px;
margin-bottom: 10px;
height: 40px;
}
.UHI #midSection .project h3.link a:hover {
color: #667777;
border-top: 1px solid #667777;
border-bottom: 1px dotted #667777;
}
.UHI #topSection .introduction h2 {
	background-image: url(assets/images/uhi/env20participationButon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.greyType {
color: #667777;
}
.pp {
text-indent: -4000px;
}
.pp a {
width: 185px;
height: 50px;
display: inline-block;
float: right;
}
/*---BUBBLES---*/
#takePart {
width: 165px;
padding: 6px 5px 15px 5px;
float: left;
background-color: #FFF;
margin-right: 20px;
}
#takePart h3 {
font-size: 17px;
color: #667777;
border-top: 1px solid #667777;
border-bottom: 1px dotted #667777;
padding: 5px 0px;
margin-bottom: 10px;
display: block;
}
#game1, #game2 {
margin-top: 6px;

background-color: #0f91c5;
color: #FFF;
width: 241px;
height: 490px;
float: left;
padding: 0px 0px 15px 0px;
	background-image: url(assets/images/uhi/gameBottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#getStarted {
float: left;
margin-top: 20px;
background-color: #e57100;
width: 502px;
color: #FFF;
	background-image: url(assets/images/uhi/bubbleDownloadsBottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
padding-bottom: 15px;
}
#getStarted .details {
width: 270px;
float: left;
}
#getStarted .download {
width: 173px;
float: left;
}
#getStarted .download p {
text-indent: -3000px;
}
#getStarted .download p a {
	background-image: url(assets/images/uhi/getInstructions.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
width: 173px;
height: 59px;
display: block;
}
.bubbles #contentWrapper #games {
float: left;
width: 510px;
}
#game1 {
	margin-right: 20px;
}
#game1 h3, #game2 h3, #getStarted h3 {
font-size: 26px;
font-weight: normal;
padding: 15px 15px 5px 15px;
}
#game1 h3, #game2 h3 {
	background-image: url(assets/images/uhi/gameTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#getStarted h3 {
width: 100%;
	background-image: url(assets/images/uhi/bubbleDownloadsTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#game1 p.game, #game2 p.game {
font-size: 18px;
padding-bottom: 5px;
border-bottom: 1px dotted #FFF;
background-color: transparent;

}
#game1 p, #game2 p, #getStarted p {
font-size: 12px;
background-color: transparent;
margin-left: 15px;
margin-right: 15px;
}
#game1 .bubbleType {
background-image: url(assets/images/uhi/bubbleChase.gif);
background-position: top left;
background-repeat: no-repeat;
padding-top: 300px;
}
#game2 .bubbleType {
background-image: url(assets/images/uhi/bubbleRace.gif);
background-position: top left;
background-repeat: no-repeat;
padding-top: 300px;
}
.UHI .artists {
font-size: 12px;
font-weight: bold;
color: #e57100;
}
#env20 #topSection h2 {
height: 50px;
font-size: 36px;
line-height: 44px;
}
.rightColumn {
float: right;
width: 150px;
background-color: #FFF;
padding: 5px 5px;

}
#countdown {
text-indent: -3000px;
height: 159px;
margin-bottom: 15px;
background-image: url(assets/images/uhi/climateBubblesRaceAnnounce.jpg);
background-repeat: no-repeat;
background-position: top left;
}
#countdown p {
display: none;
}
.takenMeasurement {
margin-top: 6px;
float: right;
width: 160px;
background-color: #dde6e6;
padding: 0px;
	background-image: url(assets/images/uhi/measurementBottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
.bubbles #contentWrapper .takenMeasurement p, .bubbles #contentWrapper .takenMeasurement h2 {
background-color: transparent;
}
.bubbles #contentWrapper .takenMeasurement h2 {
	background-image: url(assets/images/uhi/measurementTop.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

.bubbles #contentWrapper .takenMeasurement p {
padding-left: 10px;
padding-right: 10px;
}
.bubbles #contentWrapper .takenMeasurement p.upload {
text-indent: -3000px;
}
.bubbles #contentWrapper .takenMeasurement p.upload a {
width: 107px;
height: 55px;
display: block;
background-image: url(assets/images/uhi/uploadButton.gif);
background-position: top left;
background-repeat: no-repeat;
}
#climateBubblesInstructions #contentWrapper #leftColumn {
float: left;
width: 140px;
margin-right: 20px;
padding: 10px;
background-color: #FFF;
}

#climateBubblesInstructions #contentWrapper #centralContent {
width: 520px;
float: left;
margin-right: 20px;
}
#climateBubblesInstructions #contentWrapper #centralContent .topBox h3 {
font-size: 26px;
font-weight: normal;
background-image: url(assets/images/uhi/centralBoxTop.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
#centralContent .topBox h3, #centralContent .topBox p, #centralContent .topBox h3, #centralContent .instructionSheet p {
background-color: transparent;
padding: 15px 15px 0 15px;
}
#climateBubblesInstructions #contentWrapper #centralContent .topBox {
background-color: #dde6e6;
padding-bottom: 15px;
margin-bottom: 20px;
background-image: url(assets/images/uhi/centralBoxBottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
#climateBubblesInstructions #contentWrapper #leftColumn .safety h3 {
	background-image: url(assets/images/uhi/safety.gif);
	background-position: left 3px;
	background-repeat:no-repeat;
	padding-left: 25px;
}

#climateBubblesInstructions #contentWrapper #centralContent .instructionSheet h3 {
color: #FFF;
font-size: 26px;
padding: 15px 15px 0 15px;
font-weight: normal;
background-image: url(assets/images/uhi/bubblesInstructionsTop.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
#climateBubblesInstructions #contentWrapper #centralContent .instructionSheet {
background-color: #0f91c5;
background-image: url(assets/images/uhi/bubblesInstructionsBottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	padding-bottom: 10px;
}
#climateBubblesInstructions #contentWrapper #centralContent .instructionSheet p {
	color: #FFF;
}
#climateBubblesInstructions #contentWrapper #centralContent .instructionSheet .downloadpdf {
text-indent: -3000px;
}
#climateBubblesInstructions #contentWrapper #centralContent .instructionSheet p.downloadpdf a {
	background-image: url(assets/images/uhi/bubblesInstructionspdf.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 296px;
	height: 72px;
	display: block;
}
body#bubblesurvey.UHI.bubbles #contentWrapper #topsection {
width: 690px;
}
body#bubblesurvey.UHI.bubbles #contentWrapper #topsection .introduction {
padding-bottom: 0;
}
#bubblesurvey #map, #bubbles #map {
margin: 10px 0;
width: 690px;
height: 300px;
display: block;
border: 1px solid #99AAAA;
}
#bubbles #map {
height: 450px;
}
#bubblesurvey #midSection {
float: left;
width: 690px;
}
#bubblesurvey #midSection #centralContent {
background-color: #FFF;
width: 690px;
padding: 10px;
}
#bubblesurvey #midSection #centralContent h2 {
font-size: 16px;
padding: 4px 0;
border-top: 1px solid #889999;
border-bottom: 1px dotted #889999;
font-weight: normal;
}
#bubblesurvey .rightBox {
float: right;
width: 150px;
}
#bubblesurvey #contentWrapper .takenMeasurement h2 {
border-top: none;
}