/* Desktop layout changes */
.diseaseSnapshot { background: #cddbe2; padding: 7px; color: #000; margin: 0 0 0 0; }
.diseaseSnapshot h3 { color: #076138; }
.homeIntro { margin: 10px 0; }

/* hide left column, page title, breadcrumb */
#pageLeft, #pageTitle, #breadcrumbLayout { display: none; }
#pageLeft { width:0; }
#pageRight { padding: 0; }
#contentLayoutLeft { max-width: 950px; }
#contentLayoutRight { display: none; }

#homeLayout { width: 100%; }
#homeLayoutMain { width: 590px; padding: 0; float: right; margin-left: 15px; }
#homeLayoutSide { width: 329px; padding: 0; float: left; }
#homeLayoutBottom { clear: both; min-height: 55px; text-align: center; }
#homeLayoutBottom a { display: inline-block; height: 51px; margin: 5px 10px; }

.homeIntro { font-size: 0.9em; color: #064c6c; }
.homeIntro a { color: #064c6c; }
.grayBox { }

.homeZoneRow { width: 100%; }
.homeZone .ms-WPBody {  }
.homeZone { width: 180px; float: left; }
#homeZoneLeft { margin-right:10px; }
#homeZoneCenter { margin: 0px; }
#homeZoneRight {  margin-left:22px;}

/* 
@media screen and (max-width: 768px) {  
	#homeLayoutMain { width: 100%; float: none; margin-left: 0; }
	#homeLayoutSide { width: 100%; float: none; }
}
*/
@media screen and (max-width: 480px) {
	#homeLayoutMain { width: 100%; float: none; margin-left: 0; }
	#homeLayoutSide { width: 100%; float: none; }
	.homeZone { width: 100%; float: none; }
	#homeZoneCenter { margin: 10px 0; }
	.homeZone .ms-WPTitle, .homeZone .ms-WPHeader td { background-image: none; }
	.twtr-doc { width: 100% !important; }
	.diseaseSnapshot { margin:0; }
	#contentLayoutLeft { min-width:0px; }
	div#rssincl-box-1026980{
				width:100%!important;
}
}

@media screen and (max-width: 320px) {
	.diseaseSnapshot img { max-width: 300px; }
	.greenBox { margin-bottom: 0; }
	#homeLayoutBottom {  }
	#homeLayoutBottom a { display: block; width: 30px; margin: 0 5px; float: left; }
	#homeLayoutBottom a:first-child { width: 80px; }
	#contentLayoutLeft { min-width:0px; }
	div#rssincl-box-1026980{
				width:100%!important;
}

}