/* for drought index page*/
.block-40 {float:right;}

/* for map reset from archive maps */
#backTracker {width:8em; position:absolute; top:3.4em; right:0; margin:.6em; text-align:right;}

@media print{
	#mainImg {width:auto; max-width:100%;height:auto;}
	#backTracker {display:none;}
}

.promo {border:4px solid #FAE7C7; padding:5px; margin:5px 0;} /*#F6D5A0 */

#contacts dl{margin:.2em; padding:0;}
#contacts  p{margin-top:1em; margin-bottom:0;padding-bottom:0;}

#contacts dt, #contacts dd { display:block; float:left; min-width:auto; height:1.5em; padding:0; margin:0; color:#000; font-weight:normal;}
#contacts dt {min-width:4.6em;}
#contacts dd span {margin-right:5px;}
#contacts dt, #contacts b  {font-weight:bold; color:#666; clear:left;}

#statement .box-image img {width:98%; max-width:380px; height:auto;}

h2 {clear: both; border-bottom:1px dotted #ccc; color: #000; font-size:1.2em; margin-bottom: .4em;}
#dialog {max-width: 800px;}
#dialog  img { width:100%; height:auto;}
#content {padding-bottom:1em;}

a.btn-grey {background-color: #efefef; border: 1px solid #ccc; border-radius: 6px; padding:10px; text-align:center; text-decoration:none;}
a.btn-grey:hover,a.btn-grey:active { background-color: #fff;}
.meta a{ min-height:40px; line-height:40px; }
.meta a img {vertical-align:top;}
#dialog {max-width: 800px;}
#dialog  img { width:100%; height:auto;}

.box-image {padding:0; margin:0;}
#content .box-image img {width:98%; max-width:380px; height:auto;}
.box-image.float-right {box-sizing:border-box; margin: 5px 0 5px 5px;}

hr {border:none; clear:both; }