@charset "UTF-8";
/* page */

/* COLOR PALETTE =============

LINK
#07459A rgb(7,69,154)

ACTIVE/FOCUS
#006400 rgb(0,100,0)

VISITED
#64406B rgb(100,64,107)


========================= */

body {
	background-attachment: fixed;
	background-color: #ffffff;
	color: #303030;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	margin-bottom: 3rem;
	padding: 0;
	position: relative;
	
}

#scroll_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
#scroll_footer {
    background: #ffffff;
    text-align: center;
    color: #042E64;
    font-size: 30px;
    font-family: sans-serif;
    font-weight: bold;
	/*
    text-shadow: 0 1px 0 #84BAFF;
    box-shadow: 0 0 15px #00214B
	*/
}
.scroll_footer_container{
	margin: 0 auto;
	padding: 15px 0px 30px 0px;
	max-width:1003px;
}


.cc-box-brace
{
	display: flex;
	align-items: center;
	height: 425px;
	width: 950px;
}

.cc-box-cp
{
	display: flex;
	align-items: center;
	height: 515px;
	width: 950px;
}

.flex-container {
  display: flex;
  flex:1;
  clear: both;
  flex-direction:column;
  width:400px;
  float:right;
}

.flex-block{
	width: 380px;
	margin: 0px 10px 0px 10px;
	float: right;
}
/* fixed side
a.feedback	{
display:scroll;
	z-index:0;
position:fixed;
bottom:210px;
left:5px;
	background:#ff6600;
	border:0;
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	font-size:30px;
	margin:.5rem auto;
	padding:.5rem 1rem;
	text-decoration:none;
	
need to comment out	transform: rotate(-90deg);
	
}
a.feedback:hover,
a.feedback:focus{
	background:#006400;
	text-decoration:underline;
}
a.feedback:active	{
	background:#030303;
}
a.feedback:visited	{
	color:#ffffff;
}
*/

a.feedback:link	{
display:scroll;
	z-index:0;
	background:#ff6600;
	border:0;
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	font-size:30px;
	padding:.5rem 1rem;
	text-decoration:none;
	/*
	transform: rotate(-90deg);
	*/
}
a.feedback:hover,
a.feedback:focus{
	background:#006400;
	text-decoration:underline;
}
a.feedback:active	{
	background:#030303;
}
a.feedback:visited	{
	color:#ffffff;
}

@media screen and (min-width:1200px) {
	body {
		background:#ffffff;
	}


}

article,aside,dialog,figure,footer,header,hgroup,main, menu,nav,section	{ display:block; }

.outer-container {
	background:#006361;
	margin: 0px auto 120px auto;
	padding:1%;
	width:95%;
}

.content {
	clear: both;
	display: block;
	margin-top: 0;
	padding-bottom:.5rem;
	position: relative;
	width: 100%; /* outline:thick solid orange; */
}
.google_translate_container
	{
		max-width:1029px;
		margin: 0 auto;
		height:42px;
		padding: 3px 5px 3px 0px;
		background-color:#E4EFFB;
	}
#google_translate_element
	{
		float:right;
	}
@media screen and (min-width:759px) 
 {
	

 .aq-map{
	width:750px;
	height:450px; 
 }
  .outer-container { 
	 /* background-image: url("https://www.mass.gov/resources/images/backgrounds/eohhs.gif");*/
	  background-position: 51.9% 0;
	  background-repeat: repeat-y;
	  padding:0 14px 14px 14px;
	  max-width: 1006px;
	  /*
	  max-width: 1250px;
	  */
  }

}

.container {
	background:#ffffff;
	border:2px solid #99ccff;
    -webkit-box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    padding: 0 0 36px 0;
}


article { 
	margin:.3rem auto 0 auto; 
	padding:0 1%; 
	width:97%; 
	z-index:99999 !important;
}

article img { 
	display:block;
	margin:0 auto;
	max-width: 300px;
	width:100%;
}



@media all and (min-width:500px) {
	ul.lightbulb {
list-style-image: url('/tutorials/images/EJ_tool/lightbulb_icon.png');
}
		article img { float:right; margin: 0 .5rem .5rem .5rem; }


}

.eohhs { 
	background-color: #006361;
	font-size: 0.9em;
	height: 38px; 
	margin:0 auto;
	max-width: 1050px; 
	width:99%;
}
.eohhs p {
	color:#ffffff;
	padding:.5rem;
}


/* ACCESSIBILITY  ------------------------------------------------------------------------------------------ */
.offscreen {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}


/*    Pop-up box style   */
	
td img {
	display: block;
} 

#blanket {
	background-color:#111;
	filter:alpha(opacity=65);
	left:0px;
	opacity: 0.65;
	position:absolute;
	top:0px;
	width:100%;
	z-index: 9001; outline: thick solid #f00;
}

#popUpDiv {
	background-color:#eaeaea;
	height:380px;
	margin:.15rem; 
	max-width:500px;
	padding:.15rem; 
	position:absolute;
	width:100%; 
	z-index: 9002; outline: thick solid #00f;
}
	
	
/* HEADINGS  ------------------------------------------------------------------------------------------ */

h1,h2,h3,h4,h5 {
	color: #006400;
	display: block;
	width: 100%;
}
h1 {
	font-size: 16px;
	margin-left:.15rem; 
	padding-top:.15rem; 
	text-align: left;
}
h2 {
	color: #006400;
	color: #02020c;
	font-size: 13px;
	font-size: 1.357rem;
	margin: 0;
	padding:.5rem 0 .15rem 0;
	text-align: left;
}
h3 {
	background: #43956f;
	color:#ffffff;
	font-size: .9rem;
	font-weight:bold;
	padding-top:.5rem;
	text-align: left;
    letter-spacing: .1em;
    line-height: 1.39;
    margin-bottom: 20px;
	margin-right:2rem;
    overflow: visible;
    padding: 12px 20px 10px 5px;
    /*position: relative;*/
	width:95%;
	background: linear-gradient(-45deg, white 4%, #43956f 0%);
	float:left;
}
h4 {
	font-size:.9rem;
	margin-top:1rem;
	padding-top:1rem;
}

.lead-inspections h3
{
	background:rgba(67,149,111,0.2);	
	color:#006400;
	font-size: .9rem;
	font-weight:bold;
	padding-top:.5rem;
	text-align: left;
    letter-spacing: .1em;
    line-height: 1.39;
    margin-bottom: 20px;
	margin-right:2rem;
    overflow: hidden;
    padding: 12px 20px 10px 20px;
    position: relative;
	width:90;
}

.lead-inspections h4
{
	margin-left:5px;
}

.drinking-water-faq h4
{
	background:rgba(67,149,111,0.2);	
	color:#006400;
	font-size: .9rem;
	font-weight:bold;
	padding-top:.5rem;
	text-align: left;
    letter-spacing: .1em;
    line-height: 1.39;
    margin-bottom: 20px;
	margin-right:2rem;
    overflow: hidden;
    padding: 12px 20px 10px 20px;
    position: relative;
	width:90%;
}



	/*h3::after,*/
dl dt::after {
	background: white;
	content: "";
    height: 200%;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 100%; 
}

.drinking-water-faq h3
{
	 margin-top:40px;
}
 .lead-inspections h3::after, .drinking-water-faq h4::after, dl dt::after {
    background: white;
    content: "";
    height: 200%;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    width: 100%;
}
.drinking-water-faq p
{
	margin:0.5rem 3.5rem .5rem 1.0rem;
}

.drinking-water-faq ul li
{
	margin:0rem 3.5rem 0rem 0rem;
}
/* CONTENT  ------------------------------------------------------------------------------------------ */
#faq p
{
margin:0.5rem 2.5rem .5rem 1.0rem;
}
#welcome h2 {
	font-size: 2rem;
}
#welcome p {
	width: 95%;
}

article #landing-mobile {
	display: block; 
	width: 100%;
}
article #landing-mobile ul {
	list-style: none;
	margin: 0 auto;
	max-width: 325px;
	padding: 0;
}
article #landing-mobile ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	max-width:155px; 
	min-width: 100px;
	width: 45%; 
}
/*
article #landing-mobile ul li:last-of-type {
	max-width: 325px;
	width: 100%; 
}
*/
article #landing-mobile ul li a {
	background: url(../images/leaves/welcome.png) 0 50% no-repeat;
	color:#ffffff;
	display: block;
	font-size: 11px;
	height: 60px;
	margin: auto;
	padding:35px 30px 0 30px;
	text-align: center;
	text-decoration: none;
	width: 95px;
}
article #landing-mobile ul li a:hover,
article #landing-mobile ul li a:focus {
	color: #04F491;
	text-decoration: underline;
}
article #landing-mobile ul li a:active {
	color: #022A18;
}

article #landing-mobile li a#ntlepht { 
	background-image: url(../images/leaves/ntlepht.png);
}
article #landing-mobile li a#healthdata { 
	background-image: url(../images/leaves/healthdata.png);
}
article #landing-mobile li a#environdata { 
	background-image: url(../images/leaves/environdata.png);
}
article #landing-mobile li a#inspections { 
	background-image: url(../images/leaves/ntlepht.png);
}
article #landing-mobile li a#climatechg { 
	background-image: url(../images/leaves/climatechg.png);
}
article #landing-mobile li a#commprofile { 
	background-image: url(../images/leaves/commprofile.png);
}
article #landing-mobile li a#maepht { 
	background-image: url(../images/leaves/ntlepht.png);
}

article #landing-large {
	display:none;
}
article #landing-large img {
	border:none;
	outline:none;
}

@media screen and (min-width:37.5em) {
  article #landing-mobile { 
	  display: none;
  }
  article #landing-large {
	  clear:both;
	  display:inline-block;
	  float: none;
	  margin:.5rem auto 2rem auto;
	  width:90%; outline: thin solid white;
  }
  article #landing-large img {
	  height:100%;
	  margin:auto;
	  max-height:565px;
	  max-width:892px;
	  width:100%;
  }

}

blockquote {
	background:rgba(0,100,0,.15);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9rem;
	margin:1.25rem auto;
	padding:1.25rem 1.25rem 2rem 1.25rem;
	width:85%;
}

cite {
	float:right;
	font-size:.7rem;
	font-style:italic;
	margin-top:1rem;
}

li, td {
	font-size:.88rem;
	line-height: 1.4;
	margin-left:.15rem; 
	padding-bottom:.15rem; 
	text-align: left;
}

p {
	font-size: .88rem;
	line-height: 1.4;
	margin: .5rem 2rem .5rem 5px;
	text-align: left;
}

.content p {
	float: inherit;
	text-align: left;
	/* max-width:33rem;  */
	/* -webkit-columns: 300px 2;
   -moz-columns: 300px 2;
        columns: 300px 2; */
}

ul { 
}

ul li {
	font-size:.88rem;
	line-height:1.3;
}
ul li ul,
ol li ul {
	margin-top:.3rem;
}

ul.vcard {
	list-style:none;
	margin:1rem;
	padding:0;
}


dl {
	font-size:.88rem
	/* [disabled]margin:1rem auto; 
	height:40px;*/
	padding:0 0 .3rem 0;
}
dl dt {
	background: #43956f;
	/*	border-bottom:1px solid #e4e4e4;*/
	color: #ffffff;
	font-family: sans-serif;


	font-size: .88rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.39;
	margin-bottom: 20px;
	/*	text-shadow: 2px 2px 1px #000;*/
	overflow: hidden;
	padding: 12px 20px 10px 30px;
	position: relative;
	text-align: left;
	width: 90%;
}
dl dt a {
	color:#ffffff !important;
}
dl dd {
	border-bottom:1px solid #e4e4e4;
	margin:.2rem .5rem .2rem .2rem;
	padding:.5rem .25rem .5rem 2rem;
	
}
dl dd:last-child {
	
	border:0;
	
}


dl.data_c toggle {
	
	border:0;
	 
}

dl.data_c dd:last-child{
		
border-left:1px solid #4f8a8d;	 
} 
 
dl dd p { width:90%; }

dfn {
	display:block;
	font-size:10px;
	font-style:normal;
	letter-spacing:1px;
	padding:.3rem 0;
	text-transform:uppercase;
}

#glossary dfn {
	display:inline; 
	font-size: 12px;
	font-weight:bold;
	text-transform:none;
}

dl dd h3 { 
	margin-top:0;
}

dl#whats_new	{
	width:90%;
}
dl#whats_new dd {
}

dl.did_you_know {
/*	background:#F8DD8B;*/
	border-left:thin solid #f8dd8b;
	float:right;
	font-size:.88rem;
	/* width:100%; */
	/*	  display:block;*/
	  margin:0 3rem 1rem 1rem;
/*	  padding-top:1rem;*/
	  max-width:320px;
}
dl.did_you_know dt {
	background:#FC9C1B;
/*	margin-bottom: -.25rem;*/
}
dl.did_you_know dd {
	padding:0 1rem;
}
article dl.did_you_know dd img {
	display:block;
	float:none;
	margin:.5rem auto 0 auto;
	max-width:250px;
	padding:0;
	width:90%;
}

dl.data_c ul,
dl.avail_data ul,
dl.pnm ul {
	list-style: disc;
	margin: 0 0 0 15px;
	padding: 0;
	width: 98%;
}
dl.data_c ul li,
dl.avail_data ul li,
dl.pnm ul li {
	display: list-item;


	margin:.5rem 0;
	padding: 0 0 0 0rem;
	width: 98%;
}

dl.data_c {
/*	background:#d3e4f4; */
	 
}
dl.data_c dt {
	background:#4F81BD;
	margin-bottom: -.25rem;
	padding-left:2rem;
	width: 85%;	

}

dl.avail_data dd:last-child{
/*	background:#DEEADF;*/
	 border-left:1px solid #006400; 
}


dl.avail_data dt {
	background:#006400;
	margin-bottom: -.25rem;
	padding-left:2rem;
	width:85%;
}

dl.pnm {
/*	background:#DEEADF;*/
	 border-left:1px solid rgba(7,69,154,.08); 
}
dl.pnm dt {
	background: rgba(7,69,154,.08);
	color: #07459A;
	margin-bottom: -.25rem;
	padding-left:2rem;
	width:85%;
}

.regions { 
	font-style: italic;
	list-style: none;
	margin-bottom: .5rem;
}
.regions_map img {
	display:none;
}
dl.regions_map dt {
	background: #ffffff;
	color: #006400;
}

dl.small_data img {
	display:block;
	float:none;
	max-width:300px;
	width:100%;
}


article dl.small_data .radon img {
	display:block;
	max-width:300px;
	width:95%;
	float:left; 
	margin: 0 .0rem .5rem .0rem; }

article dl.small_data .radon [href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after, 
[href^="https:"]:not([href*="matracking.ehs.state.ma.us"])::after,
[href^="http:"]([href*="dphanalytics"])::after, 
[href^="https:"]([href*="dphanalytics"])::after,
[target="popup"]::after	{
	background: url("/images/external-link.png") no-repeat 0 0;
    background-size: 100%;
	color:#ffffff;
    content: '';
    display: inline-block;
    height: 0.65em;
    margin-bottom: -1px;
    margin-left: 4px;
	text-decoration:none;
    width: 0.65em;
	float: right;
	margin-top:65px;
}
.explore-data
{
	margin-top:10px;
}
/*
#maps_and_tables a.ma__button-minor-green ma__button--small [href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after, 
[href^="https:"]:not([href*="matracking.ehs.state.ma.us"])::after,
[href^="http:"]([href*="dphanalytics"])::after, 
[href^="https:"]([href*="dphanalytics"])::after,
[target="popup"]::after{
	background: url("/images/external-link.png") no-repeat 0 0;
    background-size: 100%;
	color:#ffffff;
    content: '';
    display: inline-block;
    height: 0.65em;
    margin-bottom: -1px;
    margin-left: 4px;
	text-decoration:none;
    width: 0.65em;
	float: right;
	margin-top: 15px;
}
*/

article .ma__button-minor-green ma__button--small
[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after, 
[href^="https:"]:not([href*="matracking.ehs.state.ma.us"])::after,
[href^="http:"]([href*="dphanalytics"])::after, 
[href^="https:"]([href*="dphanalytics"])::after,
[target="popup"]::after	{
	display: inline-block;
	float: right;
	margin-top: 15px;
}

dl.small_data img.water_drop {
	float:left; 
	max-width:45px;
	width:15%;
}
dl.small_data dd
{	margin-left:0px;
	padding-left: 0px;
}

dl.small_data dd
{	margin-left:0px;
	padding-left: 0px;
}

dl.small_data dd ul
{	
	padding-left:20px;
}

dl dd cite {
	display:block;
	float:none;
}

dl.did_you_know img.water_drop {
	float:left; 
	max-width:45px;
	width:15%;
}
/*
dl.did_you_know dd
{	margin-left:0px;
	padding-left: 0px;
}

dl.did_you_know dd
{	margin-left:0px;
	padding-left: 0px;
}

dl.did_you_knowa dd ul
{	
	padding-left:20px;
}*/

#topics dl {
	border:1px solid #ffffff;
	display:block;
	width:90%;
}
#topics dl dd.no_border {
	border:0;
}

#topics dl dt {
	background-image:url(../images/leaf.svg);
	background-position:5px 7px;
	background-repeat:no-repeat;
	background-size: 23px;
	padding-left:33px;
}

.example {
	background: #eee;
	padding:1rem; /* added for responsive */ outline:thick solid pink;
}

.amp {
	font-family:Palatino, "Palatino Linotype", Palatino, serif;
	font-size:105%;
	font-style:italic;
	font-weight:bold;
}


@media screen and (min-width:600px) {
	dl.mapping {
	clear: both;
	display: block;
	width: 90%;
	}
  .regions_map img {
	  display:block;
	  float:none; 
	  max-width:725px; 
	  width:100%;
  }
 /*	 dl.did_you_know,*/
  dl.small_data	{
/*	  display:block;*/
	  float:right;
	  margin:1rem 3rem 1rem 1rem;
/*	  padding-top:1rem;*/
	  max-width:320px;
  }
  
/*  dl.small_data {
	  display:inline-block;
	  float:none;
	  margin:0 1rem 1rem 0;
  } */
  #tutorial dl iframe {
	  display:block;
	  float:none;
	  height:100%;
	  margin:auto;
	  max-width:800px;
	  min-height:500px;
	  width:100%;
  }
  dl.float {
	  display:block;
	  float:left;
  }
  .float_left {
	  display:block;
	  float:left;
	  margin:0 1rem 1rem 0;
  }
  .float_right {
	  display:block;
	  float:right;
	  margin:0 0 1rem 1rem;
  }

}

@media all and (max-width: 768px) {
  .example-header .container { width: 100%; }
 h3 {
	width:88%;
} 
  }


@media screen and (min-width:700px) {
	  #topics dl {
	  display:inline-block;
	  margin-right: 2rem;
	  vertical-align:top;
	  width:27.5%;
/*	  -moz-column-count:2; 
	  -ms-column-count:2; 
	  -o-column-count:2; 
	  -webkit-column-count:2; 
	  column-count:2; 
	  -moz-column-gap:20px; 
	  -ms-column-gap:20px; 
	  -o-column-gap:20px; 
	  -webkit-column-gap:20px; 
	  column-gap:20px;  */
  }
 
}

@media screen and (min-width:800px) {
	dl.mapping {
		clear: none;
		display: inline-block;
		width: 50%;
	}
  article .data_c,
  article .avail_data,
  article .pnm {
	  display:inline-block;
	  margin:.5rem;
	  vertical-align:top;
	  width:47%;
  }
  dl#risk_factors {
	  display:block;
	  margin:1rem 0;
	  width:50%;
  }
}

@media screen and (min-width:940px) {
	dl.mapping {
		width:40%;
	}
}
@media screen and (min-width:1100px) {
	dl.mapping {
		width:55%;
	}
}


/* LINKS  ------------------------------------------------------------------------------------------ */
a {
	color: #07459A;
	/* text-decoration: none; */
}

a:link {
	color: #07459A;
	/* text-decoration: none; */
}
a:hover,
a:focus {
	color: #006400; 
	text-decoration: none;
	/* [disabled]text-align: right; */
}
a:visited {
	color:#64406b;
}
a:active {
	color: #309;
	text-decoration: underline;
}

a.meta_button,
button	{
	background:#ff6600;
	border:0;
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	font-size:13px;
	margin:.5rem auto;
	padding:.5rem 1rem;
}
a.meta_button:hover,
a.meta_button:focus,
button:hover,
button:focus	{
	background:#006400;
}
a.meta_button:active,
button:active	{
	background:#030303;
}

[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after, 
[href^="https:"]:not([href*="matracking.ehs.state.ma.us"])::after,
[href^="http:"]([href*="dphanalytics"])::after, 
[href^="https:"]([href*="dphanalytics"])::after,
[target="popup"]::after	{
	background: url("/images/external-link.png") no-repeat 0 0;
    background-size: 100%;
	color:#ffffff;
    content: '';
    display: inline-block;
    height: 0.65em;
    margin-bottom: -1px;
    margin-left: 4px;
	text-decoration:none;
    width: 0.65em;
	float:inherit;
}

header h1 a.dph_seal[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after,
a#massgov_link[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after,
a#eohhs_link[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after,
a.ntl_prtnr[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after,
.social a[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after,
.social a[href^="https:"]:not([href*="matracking.ehs.state.ma.us"])::after,
.adobe_reader a[href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after,
#landing-large area[href]::after {
	background:none;
	text-decoration:none;
}

a img {
	cursor:pointer;
}

p a {
	text-decoration:underline !important;
}

a.doc_link {
	display:inline-block; 
	vertical-align:text-top;
}
a.doc_link img { 
	display:inline-block;
	float:none;
	margin:0 2px;
	padding:0;
}
a.doc_link .fileinfo {
	font-size:11px;
}
a.doc_link .pdf {
	background:url("/images/icon_doc_pdf.png") 0 0 no-repeat;
	display:inline-block;
	height:20px;
	padding-left:20px;
	width:20px;
}

#glossary blockquote a {
	display:inline-block;
}
#glossary blockquote a,
a.top_link,
a.addl_content,
a.comm_profile {
	background:#f3f3f3;
	background:rgba(7,69,154,.08);
	border:thin solid rgba(7,69,154,.2);
	border:thin solid rgba(153,202,60,1);
	border-radius:3px;
	margin:.5rem;
	min-width:137px;
	padding:.3rem .5rem;
	text-align:center;
	text-decoration:underline;
}
#glossary blockquote a:hover,
#glossary blockquote a:focus,
a.top_link:hover,
a.top_link:focus,
a.addl_content:hover,
a.addl_content:focus,
a.comm_profile:hover,
a.comm_profile:focus {
	background:rgba(0,100,0,.08);
	border:thin solid rgba(0,100,0,.2);
	color:#006400;
	text-decoration:underline;
}
#glossary blockquote a:active,
a.top_link:active,
a.addl_content:active,
a.comm_profile:active {
	background:#f3f3f3;
	color:#030303;
	text-decoration:underline; 
}
#glossary blockquote a:visited {
	background:#f3f3f3;
	background:rgba(100,64,107,0.2);
	color:#64406b;
}

#glossary blockquote a {
	min-width:40px;
}

#maps_and_tables a,
#maps_and_tables a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

padding:.3rem 1rem;	
	z-index: 10;
}
#maps_and_tables a:hover,
#maps_and_tables a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables a:active { background-color:#ffffff; color:#02020c; }
/*
#maps_and_tables2
{
visibility:hidden;
}
*/

#maps_and_tables_a a,
#maps_and_tables_a a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

padding:.3rem 1rem;	
	z-index: 10;
}
#maps_and_tables_a a:hover,
#maps_and_tables_a a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables_a a:active { background-color:#ffffff; color:#02020c; }
/*
#maps_and_tables2
{
visibility:hidden;
}
*/




#maps_and_tables2 a,
#maps_and_tables2 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

padding:.3rem 1rem;	
/*
position: fixed;
	margin-bottom:25px;
	Margin-left:25px;
	bottom: 75px;
	left: 0;
	*/
z-index: 10;
}
#maps_and_tables2 a:hover,
#maps_and_tables2 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables2 a:active { background-color:#ffffff; color:#02020c;
 }

#maps_and_tables3 a,
#maps_and_tables3 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */
padding:.3rem 1rem;	position: fixed;
	margin:150px 150px 0px 0px;
	top: 0;
	right: 0;
	z-index: 10;
}
#maps_and_tables3 a:hover,
#maps_and_tables3 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables3 a:active { background-color:#ffffff; color:#02020c; }

#maps_and_tables4 a,
#maps_and_tables4 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */
padding:.3rem 1rem;	
	/*position: fixed;
	margin:150px 150px 0px 0px;
	top: 0;
	right: 0;
	z-index: 10;*/
	display:none;
}
#maps_and_tables4 a:hover,
#maps_and_tables4 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
	display:none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables4 a:active { background-color:#ffffff; color:#02020c; 
display:none;
}

#maps_and_tables5 a,
#maps_and_tables5 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

padding:.3rem 1rem;	
position: fixed;
	margin-bottom:25px;
	Margin-left:25px;
	bottom: 0px;
	left: 0;
z-index: 10;
	display:block;
}
#maps_and_tables5 a:hover,
#maps_and_tables5 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
	display:block;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables5 a:active { background-color:#ffffff; color:#02020c;
display:block;
 }

#maps_and_tables6 a {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

padding:.3rem 1rem;	
position: fixed;
	margin-bottom:25px;
	Margin-left:25px;
	bottom: 75px;
	left: 0;
z-index: 10;
	display:block;
}
#maps_and_tables6 a:hover {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
	display:block;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }
#maps_and_tables6 a:active { background-color:#ffffff; color:#02020c;
display:block;
 }
*/
#maps_and_tables7 a,
#maps_and_tables7 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

padding:.3rem 1rem;	
position: fixed;
	margin-bottom:25px;
	Margin-left:25px;
	bottom: 185px;
	left: 0;
z-index: 10;
	display:block;
}
#maps_and_tables7 a:hover,
#maps_and_tables7 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
	display:block;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables7 a:active { background-color:#ffffff; color:#02020c;
display:block;
 }

.ma__button--small_float, .ma__button-alt--small, .ma__button-minor--small, .ma__button-minor-alt--small {
	border: 10px solid;
	box-shadow: 0 0.25rem 0.5rem rgba(1,1,1,0.25);
	display: inline-block;
	letter-spacing: 0.1em;
	padding: .4em 1em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/*    font-size: 20px;*/
/*    font-size: 1.25rem;*/
	font-size: 16px;
	line-height: 1.4;
	float: left;
	width:270px;
	text-align:center;
	font-weight:700;
	text-decoration:none;
	
}


.ma__button--small, .ma__button-alt--small, .ma__button-minor--small, .ma__button-minor-alt--small {
	border: 15px solid;
	box-shadow: 0 0.25rem 0.5rem rgba(1,1,1,0.25);
	display: inline-block;
	letter-spacing: 0.1em;
	padding: .4em 1em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/*    font-size: 20px;*/
/*    font-size: 1.25rem;*/
	font-size: 20px;
	line-height: 1.4;
	float: left;
	width:200px;
	text-align:center;
	font-weight:700;
	text-decoration:none;
	
}

@media screen and (min-width:600px) {
	.ma__button--small, .ma__button-alt--small, .ma__button-minor--small, .ma__button-minor-alt--small {
	float: right;
}
}

a.ma__button-minor-green {
    background-color: #fff;
    border-color: rgba(67,149,111,0.5);
    color: #43956f;
    font-weight: 800;
	margin-bottom: .75rem;
}
a.ma__button-minor-green:hover,
a.ma__button-minor-green:focus {
    background-color: #43956f;
    color: #fff;
}
a.ma__button-minor-green:visited {
    background-color: #fff;
    border-color: rgba(67,149,111,0.3);
    color: #43956f;
}
a.ma__button-minor-green:active {
    background-color: #444;
    color: #fff;
}

/*Tutorial button css */
.ma__button--small-tut {
	border: 5px solid;
	box-shadow: 0 0.25rem 0.5rem rgba(1,1,1,0.25);
	display: inline-block;
	letter-spacing: 0.1em;
	padding: .4em 1em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/*    font-size: 20px;*/
/*    font-size: 1.25rem;*/
	font-size: 20px;
	line-height: 1.4;
	float: right;
	width:140px;
	text-align:center;
	font-weight:500;
	text-decoration:none;	
}

a.ma__button-minor-green-tut {
    background-color: #fff;
    border-color: rgba(67,149,111,0.5);
    color: #43956f;
    font-weight: 800;
	margin-bottom: .75rem;
}
.ma__button-minor-green-tut:hover,
.ma__button-minor-green-tut:focus {
    background-color: #43956f;
    color: #fff;
}
.ma__button-minor-green-tut:visited {
    background-color: #fff;
    border-color: rgba(67,149,111,0.3);
    color: #43956f;
}
.ma__button-minor-green-tut:active {
    background-color: #444;
    color: #fff;
}
/*  About the Data Button */
.ma__button--small-atd {
	border: 5px solid;
	box-shadow: 0 0.25rem 0.5rem rgba(1,1,1,0.25);
	display: inline-block;
	letter-spacing: 0.1em;
	padding: .4em 1em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/*    font-size: 20px;*/
/*    font-size: 1.25rem;*/
	font-size: 20px;
	line-height: 1.4;
	float: left;
	width:215px;
	text-align:center;
	font-weight:500;
	text-decoration:none;
	margin-top:20px;
	margin-left:10px;	
}
a.ma__button-minor-green-atd {
    background-color: #fff;
    border-color: rgba(252,156,27,0.5);
    color: #FC9C1B;
    font-weight: 800;
	margin-bottom: .75rem;
}
.ma__button-minor-green-atd:hover,
.ma__button-minor-green-atd:focus {
    background-color: #FC9C1B;
    color: #fff;
}
.ma__button-minor-green-atd:visited {
    background-color: #fff;
    border-color: rgba(252,156,27,0.3);
    color: #FC9C1B;
}
.ma__button-minor-green-atd:active {
    background-color: #444;
    color: #fff;
}

#maps_and_tables a.ma__button-minor-green {
    background-color: #fff;
    border-color: rgba(67,149,111,0.5);
    color: #43956f;
    font-weight: 800;
	margin-bottom: 0rem;
	margin-right:10px;
	float:right;
	display:block;
}

#maps_and_tables_a a.ma__button-minor-green {
    background-color: #fff;
    border-color: rgba(67,149,111,0.5);
    color: #43956f;
    font-weight: 800;
	margin-bottom: 0rem ;
	float:right;
	display:block;
}

.beaches_buttons
{
	width:650px;
	float:right;
	display:block;
}
.beaches_button_footnote
{
	width:600px;
	float:right;
	margin-top:10px;
	display:block;
	Font-size:12px;
}

a.comm_profile {
	background:rgba(7,69,154,.1);
	/*
	background: url(../images/Massachusetts.png) center 1.6rem no-repeat;
	*/
	/* border:thin solid rgba(7,69,154,.08); */
/*	border:thin solid rgba(153,202,60,1);*/
	background-size: 70%;
	color:#07459A; 
	display: block;
 	font-size:13px;
	font-weight: bold;
	height:150px;
	margin:.5rem auto;
	padding:0 .3rem .3rem .3rem;
	text-align: center;
	text-decoration:none;
	vertical-align: top;
	width:270px; 
}
a.comm_profile:hover,
a.comm_profile:focus {
/*	background:#f3f3f3;*/
/*	background:rgba(0,100,0,0.08);*/
	/* border:thin solid rgba(0,100,0,0.08); */
	color:#006400;
	text-decoration:underline;
}
a.comm_profile:visited {
	background:#f3f3f3;
	background:rgba(100,64,107,0.2);
	/* border:thin solid #64406b; */
	color:#64406b;
}

a.comm_profile {
	display:block;
	margin:.5rem 0;
	width: 73%;
}

a.top_link {
	display:inline-block;
	margin-top:1rem;
}

a.addl_content {
	float:left;
	margin:1rem;
}

ul.related_info {
	background:rgba(7,69,154,.08);
	float:right;
	padding:.3rem;
	width:40%;
}
a.skip-navigation:link {
	font-size:12px;
	padding:5px; 
}

a.skip-navigation:visited {
}

a.skip-navigation:hover,
a.skip-navigation:focus {
}


.tel {
	margin:1rem 0;
}
.tel a.phone {
	background:#f3f3f3;
	background:rgba(7,69,154,.08);
	border:thin solid rgba(7,69,154,.2);
	border-radius:3px;
	cursor:pointer;
	display:inline-block;
	padding:5px;
	text-decoration:none;
}
.tel a.phone:hover,
.tel a.phone:focus {
}
.tel a.phone:visited {
	background:#f3f3f3;
	background:rgba(100,64,107,0.2);
	border:thin solid #64406B;
	color:#64406b;
}

.credits_logos a {
	display:inline-block;
	vertical-align:middle;
}

@media screen and (min-width:800px) {
	.tel { 
		margin:0;
	}
	/* the tel link looks like regular text on the desktop */
	.tel a.phone,
	.tel a.phone:hover,
	.tel a.phone:focus,
	.tel a.phone:visited,
	.tel a.phone:active {
		background:#ffffff;
		border:none;
		border-radius:0;
		color:#0c0d0d;
		cursor:text;
		margin:0;
		padding:0;
		text-decoration:none !important;
	}
	#mapping_sources.rwd_table{ 
table-layout: fixed;	
}
	#mapping_sources.rwd_table td {
		width:16%;
		padding: 0px;
		word-wrap:break-word;
		
}

table#beaches_rwd_table {
	border:0;
	display:inline-block;
	font-size:13px !important;
	margin-bottom:0rem;
	margin-top:2rem;
	padding-bottom:0rem;
	width:610px;
	float:right;
}

}


/* TABLES  ------------------------------------------------------------------------------------------ */

table {
	border:1px solid #c0c0c0;
	font-family: Helvetica, Arial, sans-serif;
}
table thead {
	text-align:left;
}
table td {
	margin-bottom:.15rem;
	padding:.15rem;
	text-align: left;
}

table {
	font-weight: normal;
	margin-bottom:.15rem; 
}
table p {
	font-size:13px;
}
tr th {
	font-weight:bold;
	text-align:left;
}

.hideme {
height: 1px; border: none } 
.noborder{border: none}
.offscreen {
height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }

table.newsletter
{
width:700px;
margin-bottom:30px;
}
.newsletter tr th
{
	font-weight:bold;
	text-align:center;
	margin-bottom:.15rem;
	padding:.15rem;
	width:33%;
}

table.newsletter td
{
	margin-bottom:.15rem;
	padding:.15rem;
	text-align: center;
	width:33%;
}

table.data-button td
{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

table#layers_available { background: #3c633c; margin: 1rem auto; }
table#layers_available thead tr th[colspan="2"] { color: #ffffff; font-size:1.15rem; width: 100%; }
table#layers_available thead tr th { color:#d4d4d4; padding: .3rem; text-align: center; width:48%; }
table#layers_available tbody tr td { border-bottom: thin solid rgba(0,0,0,.1); color:#f4f4f4; padding: .3rem .6rem; }

table.profiles_and_maps {
	font-size: .9rem;
	outline: none;
	border:none;
}
table.profiles_and_maps tr td {
	outline: thin solid grey;
}
table.profiles_and_maps a {
}

table#pathways  {
	border-color:#ffffff;
	outline:none;
	width:98%;
}
table#pathways tr th,
table#pathways tr td,
table#pathways tr td ul li {
	clear: both;
	display: list-item;
	font-size:12px !important;
	padding:.3rem;
	vertical-align:top;
	width: 98%;
}
table#pathways tr td ul { 
	list-style: disc;
	margin:0 0 0 .7rem;
	padding:0;
}
table#pathways tr td ul li {
}
table#pathways thead tr th {
	background:#4F81BD;
	color:#ffffff;
	font-size:12px;
	text-shadow: 2px 2px 1px #000;
}
table#pathways tbody tr th {

}
table#pathways thead tr th {
	display:none;
}

table#pathways thead tr th {
	display:none;
}


table#pathways tbody tr th,
table#pathways tbody tr td {
	display:block;
	width:100%;
}
table#pathways tbody td dfn:not(.first_dfn) {
/*	border-top: 1px solid #2c2c2c;*/
}

table#map_layers  {
	border-color:#ffffff;
	outline:none;
	width:98%;
}
table#map_layers tr th,
table#map_layers tr td {
	clear: both;
	display: list-item;
	font-size:12px !important;
	padding:.3rem;
	vertical-align:top;
	width: 98%;
	word-wrap: break-word;
}


table#map_layers thead tr th {
	background:#4F81BD;
	color:#ffffff;
	font-size:12px;
	text-shadow: 2px 2px 1px #000;
	word-wrap: break-word;
}

table#map_layers thead tr th {
	display:none;
	word-wrap: break-word;
}

table#map_layers tbody tr th,
table#map_layers tbody tr td {
	display:block;
	width:100%;
	word-wrap: break-word;
}
table#map_layers tbody td dfn:not(.first_dfn) {
/*	border-top: 1px solid #2c2c2c;*/
}

#Explore1 .rwd_table {
	border:0;
	display:block;
	font-size:13px !important;
	margin-bottom:0rem;
	margin-top:2rem;
	padding-bottom:0rem;
	width:100%;
}

.rwd_table {
	border: 0;
	display: block;
	font-size: 13px !important;
	margin-top: 2rem;
	padding-bottom: 1rem;
	width: 100%;
}

#mapping_sources.rwd_table {
		margin-top:5rem;
}

#mapping_sources.rwd_table td ul{
	font-size:13px;
		padding: 0px;
		margin:0px;
}
#mapping_sources.rwd_table td ul li{
	font-size:13px;
}
#mapping_sources.rwd_table th {
		width:16%;
}

#map_layers.rwd_table {
		margin-top:5rem;
}

#map_layers.rwd_table td ul{
	font-size:13px;
		padding: 0px;
		margin:0px;
}
#map_layers.rwd_table td ul li{
	font-size:13px;
}
#map_layers.rwd_table th {
		width:16%;
}

#newsletter.rwd_table tbody tr td:nth-of-type(2),
#newsletter.rwd_table tbody tr td:nth-of-type(3)
{
	text-align:center;
}
.rwd_table caption {
	background:#4F81BD;
	color:#ffffff;
	display:block;
	font-weight:bold;
	margin-top:2rem;
	padding:.5rem;
	text-align:left;
	text-shadow: 2px 2px 1px #000;
	width:97%;
}
.rwd_table caption em {
	color:#ffffff;
}
.rwd_table thead,
table#pathways thead tr th {
	display:none;
}

.rwd_table tbody dfn,
.pathway tbody dfn {
	background:transparent;
	color:#0c0d0d;
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-left:0;
	margin-right:.7rem;
	padding:5px 5px 5px 0;
	text-align:left;
	width:100%;
}
.rwd_table thead tr {
	border:0;
}
.rwd_table tr {
	display:block;
	margin-bottom:.25rem;
	padding:.25rem;
}

}
.rwd_table tbody tr:nth-child(even) {
   background-color: #f3f3f3;
}

.rwd_table thead tr th,
.rwd_table tbody tr td,
.rwd_table tbody tr th {
	display:inline-block;
	font-size:13px;
	min-width:50px; 
	text-align:left;
	vertical-align:top;
	width:98%;
}
.rwd_table tbody tr th {
	font-size:14px;
}
.rwd_table thead tr th:first-of-type,
.rwd_table tbody tr td:first-of-type {
	border-top:0;
}
.rwd_table thead tr th:first-of-type,
.rwd_table tbody tr td:first-of-type,
.rwd_table thead tr th:nth-of-type(2),
.rwd_table tbody tr td:nth-of-type(2),
.rwd_table thead tr th:nth-of-type(3),
.rwd_table tbody tr td:nth-of-type(3) {
	width: 98%;
	text-align: left;
}

#environmental_data tbody th {
	text-transform: uppercase;
}
#environmental_data tbody tr td ul {
	margin: 0;
	padding: 0;
	float: left;
}


#fine_particles {
	width:100%;
}
#climate
{
width:100%;
}

#mapping_sources td ul,
#map_layers td ul,
#conceptual_pathways td ul,
#vulnerable tbody tr th ul {
	clear:both;
	display:block;
	margin-left:.5rem;
	margin-top:.5rem;
	padding-left:0;
	width:98%; 
}
#conceptual_pathways tbody tr td:nth-of-type(5) ul,
#conceptual_pathways tbody tr td:nth-of-type(6) ul {
	list-style:none;
}

#conceptual_pathways tbody tr td:nth-of-type(5),
#conceptual_pathways tbody tr td:nth-of-type(6) {
	width:100%; 
}

table#health_data thead tr th {
}

table#health_data tbody th {
	text-transform: uppercase;
}

#mapping_sources.rwd_table  { 
	table-layout: fixed; 
}
#mapping_sources.rwd_table TD { 
	word-wrap:break-word;
}
table.rwd_table tbody { 
	display:block; 
}


 /* Climate Impacts Table - uniquely styled */

table#climate_impacts thead tr th {
	color: #ffffff;
	padding:1rem .5rem;
	text-align: center;
}
table#climate_impacts thead tr th.climatedriver {
	background: #5c7697;
}
table#climate_impacts thead tr th.exposure {
	background: #27527a;
}
table#climate_impacts thead tr th.healthoutcomes {
	background: #45253a;
}
table#climate_impacts thead tr th.impact {
	background: #dddddf;
	color:#27527a;
}

table#climate_impacts tbody tr th { 
	background:#f6f6f6 url(../Climate-Change/images/extremeheat.png) center top no-repeat;
	color:#184674;
	font-size:.8rem;
	padding-top:50px;
	text-align: center;
	vertical-align: top;
}
table#climate_impacts tbody tr.extremeheat th {
	background-image: url(../Climate-Change/images/extremeheat.png);
}
table#climate_impacts tbody tr.airquality th {
	background-image: url(../Climate-Change/images/airquality.png);
}
table#climate_impacts tbody tr.flooding th {
	background-image: url(../Climate-Change/images/flooding.png);
}
table#climate_impacts tbody tr.vectorborne th {
	background-image: url(../Climate-Change/images/vectorborne.png);
}
table#climate_impacts tbody tr.waterrelated th {
	background-image: url(../Climate-Change/images/waterrelated.png);
}
table#climate_impacts tbody tr.foodrelated th {
	background-image: url(../Climate-Change/images/foodrelated.png);
}
table#climate_impacts tbody tr.mentalhealth th {
	background-image: url(../Climate-Change/images/mentalhealth.png);
}
table#climate_impacts tbody tr td {
	font-size:.7rem;
	padding:.2rem .5rem;
	vertical-align: top;
}
table#climate_impacts tbody tr td:first-of-type {
	background: #d6dae5;
}
table#climate_impacts tbody tr td:nth-of-type(2) {
	background:#c9cbda;
}
table#climate_impacts tbody tr td:nth-of-type(3) {
	background:#c7bcc2;
}
table#climate_impacts tbody tr td:nth-of-type(4) {
	background:#f3f3f5;
	color:#27527a;
}
table#climate_impacts tbody dfn
	{
		display: none;
	}
	table#Climate.rwd_table {
	border:0;
}

	
	#Explore1 .rwd_table thead tr th:first-of-type,
	#Explore1 .rwd_table tbody tr th {
		border:0;
		display:inline-block;
		width:31%; 
	}
	
	#Explore1 .rwd_table tbody tr td:first-of-type{
		border:0;
		display: table-row;
		width:31%; 
	}
	
@media all and (max-width:700px) {
	.aq-map{
	width:450px;
	height:250px; 
 }
	table#climate_impacts,
	table#climate_resources {
		display: block;
		width:95%;
	}
	table#climate_impacts tbody dfn
	{
		display: block;
	}
	table#climate_impacts thead,
	table#climate_resources thead {
		display: none;
	}
	table#climate_impacts tr {
		display: block;
	}
	table#climate_impacts tbody tr td,
	table#climate_impacts tbody tr th,
	table#climate_resources tbody tr td,
	table#climate_resources tbody tr th {
		display:block;
		font-size:13px;
		text-align:left;
		vertical-align:top; 
		width: 98%;
	}
.beaches_buttons
{
	width:350px;
	float:right;
	display:block;
}
}

@media all and (max-width:820px) {
	
	body{
		margin-bottom:10rem;
	}
		  .ma__button--small, .ma__button-alt--small, .ma__button-minor--small, .ma__button-minor-alt--small {
	float: right;
	border: 10px solid;
	font-size: 14px;
	float: left;
	margin-top:10px;
	width:140px;
}
	  .ma__button--small_float, .ma__button-alt--small, .ma__button-minor--small, .ma__button-minor-alt--small {
	float: right;
	border: 5px solid;
	font-size: 11px;
	float: left;
	width:190px;
}
.beaches_button_footnote
{
	width:300px;
	float:right;
	margin-top:10px;
	display:block;
}
	a.feedback:link	{
display:scroll;
	z-index:0;
	background:#ff6600;
	border:0;
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	font-size:15px;
	padding:.5rem 1rem;
	text-decoration:none;
	margin:20px auto 30px auto;
	/*
	transform: rotate(-90deg);
	*/
}
}


@media all and (min-width:800px) {
	#environmental_data thead tr th:nth-of-type(2),
	#environmental_data tbody tr td:nth-of-type(1) {
		padding-right: 1rem;
		width:33%;
	}
	table#pathways,
	table#pathways tbody tr th,
	table#pathways tbody tr td {
		border:thin solid #202020;
	}
	table#pathways thead tr th,
	table#pathways tbody tr th,
	table#pathways tbody tr td {
		display:table-cell;
		width:auto;
	}
	
	table#map_layers {
		border:none;
		table-layout:fixed;
		word-wrap: break-word;
	}
	table#map_layers thead tr th,
	table#map_layers tbody tr th,
	table#map_layers tbody tr td {
		display:table-cell;
		width:100px;
		word-wrap: break-word;
		border:none;
	}
	
	table#map_layers dfn {
		display:none;
	}
	
	.rwd_table caption {
		background:#ffffff;
		color:#030303;
		text-shadow:none;
	}
	.rwd_table caption em {
	  color:#0c0d0d;
	}
	.rwd_table thead,
	.rwd_table tbody,
	.rwd_table tfoot {
		display:block;
		padding:.5rem .5rem 0rem .5rem;
		width:98%;
	}
	.rwd_table thead {
		background:#4F81BD;
		color:#ffffff;
		letter-spacing: 1px;
	}
	.rwd_table tfoot {
	}
	.rwd_table tr {
		border:0;
		border-top:1px solid #c0c0c0;
	}
	.rwd_table tbody tr:first-of-type {
		border:0;
	}
	
	.rwd_table tbody dfn,
	.pathway tbody dfn {
		display:none;
	}
	.rwd_table thead tr th {
		border:0;
	}
	.rwd_table thead tr th:first-of-type,
	.rwd_table tbody tr td:first-of-type,
	.rwd_table tbody tr th {
		border:0;
		display:inline-block;
		width:25%; 
	}
	.rwd_table tbody tr th {
		font-size:13px;
	}
	.rwd_table thead tr th:nth-of-type(2),
	.rwd_table tbody tr td:nth-of-type(2) {
		border:0;
		width:35%;
	}
	.rwd_table thead tr th:nth-of-type(3),
	.rwd_table tbody tr td:nth-of-type(3) {
		border:0;
		width:34%;
	}
	#fine_particles {
		width:100%;
	}
		
	#climate
{
width:100%;
}
	
	#health_data thead tr th:first-of-type,
	#health_data tbody tr td:first-of-type,
	#health_data tbody tr th,
	#health_data thead tr th:nth-of-type(2),
	#health_data tbody tr td:nth-of-type(2),
	#health_data thead tr th:nth-of-type(3),
	#health_data tbody tr td:nth-of-type(3),
	#fine_particles thead tr th:first-of-type,
	#fine_particles tbody tr td:first-of-type,
	#fine_particles tbody tr th,
	#fine_particles thead tr th:nth-of-type(2),
	#fine_particles tbody tr td:nth-of-type(2),
	#fine_particles thead tr th:nth-of-type(3),
	#fine_particles tbody tr td:nth-of-type(3)
	#Climate thead tr th:first-of-type,
	#Climate tbody tr td:first-of-type,
	#Climate tbody tr th,
	#Climate thead tr th:nth-of-type(2),
	#Climate tbody tr td:nth-of-type(2),
	#Climate thead tr th:nth-of-type(3),
	#Climate tbody tr td:nth-of-type(3) {
		min-width:200px;
		width:32% !important; 
	}
	
	#mapping_sources thead tr th:first-of-type,
	#mapping_sources tbody tr td:first-of-type,
	#mapping_sources tbody tr th,
	#mapping_sources thead tr th:nth-of-type(2),
	#mapping_sources tbody tr td:nth-of-type(2),
	#mapping_sources thead tr th:nth-of-type(3),
	#mapping_sources tbody tr td:nth-of-type(3)
	{
		min-width:200px;
		width:16% !important; 
	}
	
#map_layers thead tr th:first-of-type,
	#map_layers tbody tr td:first-of-type,
	#map_layers tbody tr th,
	#map_layers thead tr th:nth-of-type(2),
	#map_layers tbody tr td:nth-of-type(2),
	#map_layers thead tr th:nth-of-type(3),
	#map_layers tbody tr td:nth-of-type(3)
	{
		min-width:100px;
		width:15% !important; 
	}	
	

	#sir thead tr th,
	#sir tbody tr th,
	#sir tbody tr td,
	#direct_vs_indirect thead tr th,
	#direct_vs_indirect tbody tr th,
	#direct_vs_indirect tbody tr td  {
		width:15%; 
	}
	#direct_vs_indirect thead tr th:nth-of-type(4),
	#direct_vs_indirect tbody tr td:nth-of-type(3) {
		width:45%; 
	}
	#contaminants thead tr th,
	#contaminants tbody tr th,
	#contaminants tbody tr td {
		min-width:100px;
		width:23%; 
	}
	#contaminants thead tr th:nth-of-type(1),
	#contaminants tbody tr th {
		width:150px;
	}

	#radon_risk thead tr th,
	#radon_risk tbody tr td {
		width:39%; 
	}
	#radon_risk thead tr th:first-of-type {
		width:15%; 
	}
	#radon_risk tbody tr th {
		width:15%; 
	}
	
	#Indoor_AQ thead tr th,
	#Indoor_AQ tbody tr td {
		width:32%; 
	}
	#Indoor_AQ thead tr th:first-of-type {
		width:32%; 
	}
	#Indoor_AQ tbody tr th {
		width:32%; 
	}
	
	#mapping_sources.rwd_table {
		margin-top:5rem;
}
	#map_layers.rwd_table {
		margin-top:5rem;
}
#Indoor_AQ.rwd_table {
	border:0;
	border-bottom:3px solid #0c0d0d;
	display:block;
	font-size:13px !important;
	margin-bottom:0rem;
	margin-top:0rem;
	padding-bottom:0rem;
	width:95%;
}
#Indoor_AQ.rwd_table td ul{
	font-size:13px;
		padding: 0px;
		margin:0px;
}
#Indoor_AQ.rwd_table td ul li{
	font-size:13px;
	line-height:1.4;
	padding-bottom:.5rem;
}
#Indoor_AQ.rwd_table th {
		width:32%;
}
#Indoor_AQ.rwd_table caption {
	background:#4F81BD;
	color:#ffffff;
	display:block;
	font-weight:bold;
	margin-top:2rem;
	padding:.5rem;
	text-align:left;
	text-shadow: 2px 2px 1px #000;
	width:97%;
}
#Indoor_AQ.rwd_table caption em {
	color:#ffffff;
}
table#Indoor_AQ.rwd_table tbody
{
	display:inline-block;
}
	
	#cancer_incidence thead tr th,
	#cancer_incidence tbody tr th,
	#cancer_incidence tbody tr td,
	#radon_results thead tr th,
	#radon_results tbody tr th,
	#radon_results tbody tr td {
		width:18%; 
	}
	#radon_results thead tr th:nth-of-type(5),
	#radon_results tbody tr td:nth-of-type(4) {
		width:20%; 
	}
	#conceptual_pathways thead tr th,
	#conceptual_pathways tbody tr td,
	#conceptual_pathways tbody tr th	{
		width:14.5%;
	}
	#conceptual_pathways thead tr th:nth-of-type(6),
	#conceptual_pathways thead tr th:nth-of-type(7),
	#conceptual_pathways tbody tr td:nth-of-type(5),
	#conceptual_pathways tbody tr td:nth-of-type(6)  {
		text-align:right;
		width:6%; 
	}
	#conceptual_pathways thead tr th {
		margin-left:.3rem; 
	}
	#conceptual_pathways tbody tr td:nth-of-type(5) ul li,
	#conceptual_pathways tbody tr td:nth-of-type(6) ul li {
		text-align:right;
	}
	#birth_defects thead tr th,
	#birth_defects tbody tr td,
	#birth_defects tbody tr th,	
	#vulnerable thead tr th,
	#vulnerable tbody tr td,
	#vulnerable tbody tr th,
	#mapping_data_sources thead tr th,
	#mapping_data_sources tbody tr td,
	#mapping_data_sources tbody tr th {
		width:22%; 
	}
	#birth_defects thead tr th:first-of-type,
	#birth_defects tbody tr th,
	#vulnerable thead tr th:first-of-type,
	#vulnerable tbody tr th,
	#mapping_data_sources thead tr th:first-of-type,
	#mapping_data_sources tbody tr th	{
		width:25%;
	}
	#exposures tbody tr td {
	width: 55%;
	text-align: left;
	}
	table#climate_impacts thead tr th,
	table#climate_impacts tbody tr td,
	table#climate_impacts tbody tr th {
		width:17%;
	}
	table#climate_impacts tbody tr td {
		min-height:120px;

	}
	table#climate_impacts tbody tr th {
		min-height: 35px;
	}
	}

@media all and (min-width:850px) {
	#contaminants thead tr th,
	#contaminants tbody tr th,
	#contaminants tbody tr td {
		min-width:170px;
	}
	#radon_risk thead tr th,
	#radon_risk tbody tr td {
		width:40%; 
	}
	#radon_risk thead tr th:first-of-type,
	#radon_risk tbody tr th {
		width:16%; 
	}
	#conceptual_pathways thead tr th,
	#conceptual_pathways tbody tr td,
	#conceptual_pathways tbody tr th	{
		width:15.25%; 
	}
}

@media all and (min-width:950px) {	
	#Explore1 .rwd_table thead tr th:first-of-type,
	#Explore1 .rwd_table tbody tr th {
		border:0;
		display:inline-block;
		width:31%; 
	}
	#Explore1 .rwd_table tbody tr td:first-of-type{
		border:0;
		display: inline-block;
		width:31%; 
	}
	#maps_and_tables a.ma__button-minor-green
	{
		float:right;
	}
}
/* FORMS  ------------------------------------------------------------------------------------------ */

form input, 
form select, 
form textarea {
	border:1px solid #6c6c6c;
	border-radius: 3px;
	font-size:0.9em;
	font-family: Helvetica, Arial, sans-serif; 
	padding:.3rem; 
}

form input[type="submit"],
form input[type="submit"]:visited {
	background:#07459A;
	/* background:rgba(7,69,154,.08); */
	border:thin solid rgba(7,69,154,.08);
	border-radius:3px;
	color:#07459A; color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold; 
	padding:.2rem .3rem;
	-webkit-appearance:none;
}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	background:#006400;
	background:rgba(0,100,0,.08);
	border:thin solid rgba(0,100,0,.08);
	color:#006400;
	text-decoration:underline;
}
form input[type="submit"]:active {
	background:#64406B;
	background:rgba(100,64,107,.08);
	border:thin solid rgba(100,64,107,.08);
}

form label {
	color:#0c0d0d;
	display:block;
	font-size:13px;
	font-weight:bold; 
}


.search-box {
	background:transparent;
	float:right;
	margin:0 .25rem .25rem .25rem;
	max-width:400px;
	min-width:200px; 
	padding:.3rem 0 0 .5rem; 
}

@media all and (min-width:700px) {
	.search-box {
		margin-top:1rem;
	}
}

.search-box input[type="search"] {
	font-size: 16px;
}
.search-box button[type="submit"],
.search-box input[type="submit"] {
	display:inline-block; 
	padding:.2rem .3rem;
	display: none;
}

.search-box label { 
	font-weight:normal;
}

.search-box div[role="radiogroup"] label {
	display:inline-block; 
}

@media screen and (min-width:800px) {
	.search-box {
		margin-left:1rem;
		margin-top:0;
		width:27%;
	}
	.search-box input[type="text"] {
	}
}


/*   HEADER ------------------------------------------------------------------------------------------ */

header {
	background:#ffffff; 
	background: #f2f2f2;
	display:block;
	height:17rem; 
	margin:0;
	padding:0 0 8px 0;
	/*width:97.555%;*/
	z-index:999999999 !important; 
}

@media screen and (min-width:800px) {
	header {
		background:#f2f2f2;
		border-bottom:2px solid #ffffff;
		height:8.5rem; /* 140px */
		padding-left:12px;
		 padding-right:12px; 
		/*max-width:97.555%;*/
	}
}

ul.header2 {
	background:transparent;
	color:#ffffff;
	display:block;
	height:36px;
	list-style:none;
	margin:0;
	padding:0 1px; 
}
ul.header2 li {
	display:inline-block;
	margin:0;
	padding:0;
}
ul.header2 a {
	color:#ffffff;
	cursor:pointer;
	display:block;
	text-decoration:none;
}
ul.header2 a:hover,
ul.header2 a:focus {
	text-decoration:underline;
}
ul.header2 a:active {
	color:rgba(255,255,255,.7);
	text-decoration:underline;
}
ul.header2 li {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:top; 
}
ul.header2 li:last-child {
	float:right;
	padding-top:5px;
}

a#massgov_link {
	background:transparent url("/images/massgovlogo.png") 0 0 no-repeat;
	height:35px;
	width:97px;
}
a#eohhs_link {
	background:transparent url("/images/eohhs-home.jpg") 0 5px no-repeat;
	height:35px;
	width:80px;
}

header h1 {
	display:block;
	font-size:14px;
	margin:0 auto .3rem auto;
	min-height:90px;
    padding:0;
	vertical-align: middle;
	width:99%; 
}

header h1 a.dph_seal,
header h1 a.dph_seal:hover,
header h1 a.dph_seal:focus,
header h1 a.dph_seal:active {
	background:transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:90px;
	margin:0 0 0 3px;
	padding:0;
	text-align:center;
	text-decoration:none;
	vertical-align: top;
	width:90px; 
}
header h1 a.dph_seal img {
	height:100%;
	margin:0;
	padding:0;
	width:100%; 
}

header h1 a.tracking_app {
	color:#006400;
	color:#02020c;
	display:block;
	float: left;
/*	font-weight:bold; */
/*	letter-spacing:1px;*/
	margin:1rem 10px;
	padding:0; 
	text-align:left;
	text-decoration:none;
	text-shadow:0 2px 4px #ffffff;
	width:60%; 
}
header h1 a.tracking_app:active {
	text-align:left;
}

header h1 a.tracking_app span {
	display:block;  
}


@media screen and (min-width:500px) {
	header h1 {
	  display: inline-block;
	  font-size:20.8px;
	  margin:0 0 .3rem 0;
	  width:100%; 
	}
	header h1 a.dph_seal,
	header h1 a.dph_seal:hover,
	header h1 a.dph_seal:focus,
	header h1 a.dph_seal:active {
	}
	header h1 a.tracking_app {
		min-width:auto;
		width:70%; 
	}
}

@media screen and (min-width:700px) {

	header h1 { 
		width:68%; 
	}
	.search-box {
		margin:1rem 10px 0 0;
	}
}

 and (min-width:960px) {
	header h1 { 
		width:71%; 
	}
	header h1 a.tracking_app {
	}
}


/* NAVIGATION  ------------------------------------------------------------------------------------------ */

/*! responsive-nav.js 1.0.39 by @viljamis KEYBOARD ACCESSIBLE RESPONSIVE NAV (https://github.com/samikeijonen/responsive-nav.js/tree/dropdowns) */
/* https://github.com/viljamis/responsive-nav.js/issues/178 */

/*.menu-items { outline: thin solid red; }*/

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  display: block;
  font-size:12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 100%;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

a.nav-toggle {
	background:#ff6600;
	border-radius: 3px;
	color:#ffffff;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
a.nav-toggle:hover,
a.nav-toggle:focus	{
	background:#ff9900;
	color:#ffffff;
}

@media screen and (min-width: 60em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none; 
  width: 100%;
  float: left;
}

@media screen and (min-width: 60em) {
  .nav-collapse {
    width: auto;
    float: right;
  }
}

.nav-collapse > ul {
  border-top: 1px solid rgba(255,255,255, .15);
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 60em) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
/*  background: #212428;*/
/*  border-bottom: 1px solid rgba(255,255,255, .15);*/
/*  color: #fff;*/
  background: transparent;
  color: #02020c;
  float: left;
  padding: 0.9em 1.1em;
  text-decoration: none;
  width: 100%;
}

@media screen and (min-width: 60em) {
  .nav-collapse a {
    border-bottom: 0;
/*    border-right: 1px solid white;*/
    padding: .75em 1.5em;
    margin: 0;
    float: left;
    text-align: center;
  }
  .nav-collapse li:first-child a {
/*    border-left: 1px solid white;*/
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
/*  border: 1px solid #fff;*/
  border-radius:0;
  color: #fff;
  font-size: 0.85em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  float: left;
  line-height: 39px;
  padding: 0 0.75em;
  margin-top: 7px;
  margin-left: 2%;
}

.nav-toggle:hover,
.nav-toggle:focus,
.nav-toggle:active {
  background:transparent;
  color: #747474;
}

/* ------------------------------------------
  MULTIPLE LEVELS
--------------------------------------------- */

.nav-collapse a:hover,
.nav-collapse li.focus > a {
/*  background-color: #3e4853;*/
}

ul.sub-menu li a {
	background:#474747;
	background: #f2f2f2;
}
ul.sub-menu li a:hover,
ul.sub-menu li a:focus {
	background: #d6d6d6;
}

@media screen and (max-width: 60em) {
	
  .js .nav-collapse {
    visibility: hidden;
  }
  .js .nav-collapse.opened {
    visibility: visible;
  }

  /* Enable active class to let the navigation expand over the calculated max height. */
  .js .nav-collapse.multiple-level-nav.opened.dropdown-active {
    max-height: 9999px !important;
  }

  .js .nav-collapse.multiple-level-nav .sub-menu {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: none; /* This way you don't have focus on sub menu items unless you open the sub menu. */
    overflow: hidden;
    zoom: 1;
  }

  .js .nav-collapse.multiple-level-nav .sub-menu.toggled {
    display: block;
    max-height: 9999px;
    position: relative;
  }

  .js .nav-collapse li {
    position: relative;
  }

  .js .nav-collapse .dropdown-toggle {
	background: transparent;
    border: 0;
    color:#ffffff; color:#006400;
    content: "";
	font-weight:normal;
    padding: 0;
    position: absolute;
    margin: 0;
    text-transform: lowercase;
    top: 0.6em;
    right: 4%;
  }
  .js .nav-collapse .dropdown-toggle:hover,
  .js .nav-collapse .dropdown-toggle:focus,
  .js .nav-collapse .dropdown-toggle:active  {
 
  }

  .js .nav-collapse .dropdown-toggle:after {
	color:#ffffff; color:#006400;
    content: "+";
    font-size: 20px;
	margin-left:.5rem;
  }
  .js .nav-collapse .dropdown-toggle.toggled:after {
	color:#ffffff; color:#006400;
    content: "-";
  }
  
}
  
.dropdown ul a {
  background: #282e34;
  padding-left: 1.5em;
}

.dropdown ul ul a {
  background: #2d353e;
  padding-left: 2.5em;
}

@media screen and (min-width: 60em) {
  .dropdown-toggle  {
    display: none;
  }

}

.dropdown ul ul {
  border: 0;
  padding: 0; 
}

.dropdown .dropdown.opened .has-dropdown {
  background: #9c2c12;
}

@media screen and (min-width: 60em) {

  .nav-collapse {
    padding-right: 4%;
	position: relative;
  }

  .js .nav-collapse,
  .js .nav-collapse .dropdown ul {
    max-height: none;
    overflow: visible;
  }
  
  .has-dropdown:after {
/*
    font-size: 1.5em;
    line-height: 0.8;
    float: right;
    content: "";
    width: 0;
    height: 0;
    margin: 1em 0 0 0.5em;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
*/
    border-right: 4px solid;
    border-bottom: 4px solid;
    border-right-color: #43956f;
    border-bottom-color: #43956f;
	  content: "";
    display: inline-block;
    height: 10px;
    margin-top: 3px;
    margin-left: .3em;
    -webkit-transform: translateY(-45%) rotate(-45deg);
    -ms-transform: translateY(-45%) rotate(-45deg);
    transform: translateY(-45%) rotate(-45deg);
    -webkit-transform-origin: 75% 75%;
    -ms-transform-origin: 75% 75%;
	-webkit-transform: translateY(-45%) rotate(45deg);
    -ms-transform: translateY(-45%) rotate(45deg);
    transform: translateY(-45%) rotate(45deg);
    transform-origin: 75% 75%;
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;
    width: 10px;
	  
}
  .dropdown ul .has-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    margin: 0.3em 0 0 0.5em;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
  }
  .nav-collapse .dropdown {
    position: relative;
  }
  .nav-collapse .dropdown li {
	background: #f2f2f2;
/*	border-bottom:1px solid #a6a6a6;*/
	font-size:12px;
    width: 150px; 
	  /* THIS IS THE SPOT */
  }
  .nav-collapse .dropdown ul a {
    text-align: left;
    border: 0;
  }
  
  .nav-collapse li {
    border: 0;
    display: inline-block;
    height: 45px;
    line-height: 55px;
	position: relative; 
  }

  .nav-collapse a {
    display: inline-block;
    padding: 0 16px 0 8px;
  }

  .nav-collapse ul ul {
    float: left;
    margin:-1rem 0 0 0;
    position: absolute;
    top: 85px;
    left: -999em;
    z-index: 99999;
    text-align: center;
  }

  .nav-collapse li li {
	background:#474747;
	background: #ffffff;
    border: 0;
/*	border-bottom:1px solid #a6a6a6;*/
    display: block;
	font-weight: normal;
    height: auto;
/*    height: 50px;     */
    line-height: 1.0909090909;
	text-transform: none;
  }
  .nav-collapse li li:hover,
  .nav-collapse li li:focus {
		background: #d6d6d6;
	}

  .nav-collapse ul ul ul {
    left: -999em;
    top: 20px;
  }

  .nav-collapse ul ul a {
	display:block;
    padding: 15px 12px;
    white-space: normal;
    width: 150px; 
  }

  .nav-collapse ul li:hover > ul,
  .nav-collapse ul li.focus > ul {
	font-size:12px;
    top: 55px;
    left: 50%;
    margin-left: -75px;
  }

  .nav-collapse ul ul li:hover > ul,
  .nav-collapse ul ul li.focus > ul {
    top: 0;
    left: 0%;
    margin-left: 150px;
  }

  .nav-collapse ul li:hover > ul li,
  .nav-collapse ul li.focus > ul li {

  }

}


/* INNER_NAV --------------------------------------------------------------------------------------------- */

ul.inner_nav	{
	background: rgba(7,69,154,.08);
	list-style: none;
	margin: 1rem auto;
	padding: 0;
	width: 100%;
	display: inline-block;
}
ul.inner_nav li {
	display:inline-block; 
	font-size:13px !important;
	margin:.15rem 0;
	padding:0;
	padding-top: .2rem;
	vertical-align:top;
/*	width:48%;*/
}
ul.inner_nav li:not(:last-child)::after {
	content:"•";
	display: inline-block;
}

ul.inner_nav li:nth-last-child(1):nth-child(odd) {
/*	width:99%;*/
}
ul.inner_nav li a {
/*	background:#f3f3f3;*/
/*	background:rgba(7,69,154,.08);*/
/*	border:thin solid rgba(7,69,154,.2);*/
/*	border:thin solid rgba(153,202,60,1);*/
/*	border-radius:3px;*/
/*	display:block;*/
/*	min-height:1.75rem;*/
	margin:0 .2rem 0 0;
	padding:0rem .1rem 1rem .1rem;
	text-align:center;
	text-decoration:none;
	vertical-align:middle; 
}
ul.inner_nav li a:hover,
ul.inner_nav li a:focus,
ul.inner_nav li a:visited:hover,
ul.inner_nav li a:visited:focus {
/*	background:rgba(0,100,0,.08);*/
/*	border:thin solid rgba(0,100,0,.2);*/
	color:#07459A;
	text-decoration:underline;
}
ul.inner_nav li a:visited {
/*	background:#0c0c0c;*/
/*	background:rgba(100,64,107,0.2);*/
	/* border:thin solid rgba(180,180,180,.2); */
	color:#64406b;
	text-decoration:underline;
}
ul.inner_nav li a:active {
/*	background:#f3f3f3;*/
	color:#030303;
	text-decoration:underline;
}

@media screen and (min-width: 800px) {
	  ul.inner_nav li,
	  ul.inner_nav li:last-child,
	  ul.inner_nav li:nth-last-child(1):nth-child(odd) {
		  width:auto;
	  }
	  ul.inner_nav li a {
		  min-height:auto;
		  padding:0.3rem;
	  }

}


ol.region_numbers { list-style: none; margin:.2rem; padding: 0; }
ol.region_numbers li { display: inline-block; margin:1px; padding:3px .5rem; }


/* BREADCRUMBS  ------------------------------------------------------------------------------------------ */

#breadcrumb
{	font-size:.60em;
	color: #006400;
	margin:.5rem; outline:thin solid orange; display:none;
	padding: 10px 0px 0px 20px; 
		}
a.breadcrumb
{
	font: Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-decoration:none;
	}
	
	





	
/*  FOOTER --------------------------------------------------------------------------------------------- */

footer {
	background-color: #ffffff;
	border-top: 1px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-color: #006400;
	border-style: solid;
	clear: both;
	padding-top: .5rem;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	text-align: center; 
}

footer ul#footer_links {
	list-style:none;
	margin:.5rem auto;
	padding:0;
}
footer ul#footer_links li {
	display:block;
	margin:.3rem 0 1rem 0;
	padding:0;
	text-align:center;
}
footer ul#footer_links li a {
	background:#f3f3f3;
	background:rgba(7,69,154,.08);
	color:#07459A;
	display:block;
	margin:0;
	padding:.3rem;
	text-decoration:none;
}
footer ul#footer_links li a:hover,
footer ul#footer_links li a:focus {
	background:rgba(0,100,0,.08);
	color:#006400;
	text-decoration:underline;
}
footer ul#footer_links li a:active {
	background:#f3f3f3;
	color:#030303;
	text-decoration:underline;
}
footer ul#footer_links li a:visited {
	background:#f3f3f3;
	background:rgba(100,64,107,0.2);
	color:#64406b;
}

footer p:first-of-type {
	text-align:center;
}

.copyright {
	font-size:11px;
	margin-top:1rem;
	text-align:center;
}

.adobe_reader {
	display:block;
	margin:auto;
	padding:5px;
	text-align:center;
	width:80%;
}
.adobe_reader img { 
	float:none;
	margin:auto;
	max-width: 116px;
}

#social-media {
}
#social-media a {
	display:inline-block;
	margin:5px; 
	text-decoration:none;
	vertical-align:middle;
}

.social img	{
	height:40px;
	padding:5px .35rem;
	width:40px;
}

.ntl_prtnr {
	display:block; 
	float:none;
	margin:5px auto;
	padding-left:5px;
	text-align:center !important;
	width:95%; 
}
.ntl_prtnr img {
	display:block;
	float:none;
	height:auto;
	margin:auto;
	max-width:100px !important;
	padding:5px 10px 5px 0;
	text-align:center;
	width:90%; 
}

/* classic styles to hide these links? */
p.GreyOrge a:link {
	color:#ffffff;
	font-size: 100%;
	text-decoration:none;
}
p.GreyOrge a:hover,
p.GreyOrge a:focus {
	color:#ffffff;
	font-size: 100%;
	text-decoration:underline;
}
p.GreyOrge a:visited {
	color:#ffffff;
	font-size: 100%;
	text-decoration:underline;
}


@media screen and (min-width:768px) {
	footer ul#footer_links li {
		border-right:1px solid #030303; 
		display:inline-block;
		margin:0;
		padding:0;
	}
	footer ul#footer_links li:last-child {
		border:0;
	}
	footer ul#footer_links li a { 
		background:#ffffff;
		display:block;
		margin:0;
		padding:0 .5rem 0 .3rem;
	}
	footer ul#footer_links li a:hover,
	footer ul#footer_links li a:focus,
	footer ul#footer_links li a:visited {
		  background:#ffffff;
	}

	#social-media {
		display:block;
		padding-bottom:.5rem;
	}
	.ntl_prtnr {
		width:auto;
	}
	.ntl_prtnr img {
		display:inline-block;
		margin:auto;
		padding:0;
	}


}

button	{
	background:#ff6600;
	border:0;
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	font-size:13px;
	margin:.5rem auto;
	padding:.5rem 1rem;
}

button:hover,
button:focus	{
	background:#006400;
}
a.feedback:active{
	background:#030303;
}





/* OTHER --------------------------------------------------------------------------------------------- */


/* CDC Widget Code------------------------------------ */

.feed_item_title a:link {
    color: #0000FF;
    text-decoration: none;
}
.feed_item_title {
    color: #000000;
    font-weight: bold;
    margin: 1px 0 1px 3px;
    padding: 1px 2px 1px 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.feed_item_description {
    color: #000000;
    line-height: 135%;
    margin: 0 0 0 3px;
    padding: 0 2px 0 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
/* ================== TOGGLES mass.gov header ======================== */

.toggle { position:relative; }
.toggle ma__brand-banner ma__brand-banner--c-primary-alt-bg-dark,
.toggle caption { cursor:pointer; }
.toggle ma__brand-banner-expansion { display:none; }
.toggle ma__brand-banner ma__brand-banner--c-primary-alt-bg-dark:before,
.toggle caption:before	{
	content: '+';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 1.5rem;
	padding: 0.25rem 0.25rem 0.25rem .5rem;
}
.toggle caption {
	display:block;
	padding-left:1.5rem;
}
.toggle caption:before {
	left:0;
	padding-top:.15rem;
}
.toggle_active ma__brand-banner-expansion { display:block; }

/* =================================================== */


/* ================== TOGGLES ======================== */

.toggle { position:relative; }
.toggle ma__button-icon ma__icon-small ma__button-icon--quaternary ma__brand-banner-button ma__button-icon--c-white ma__button-icon--expanded,
.toggle caption { cursor:pointer; }
.toggle dd { display:none; }
.toggle ma__button-icon ma__icon-small ma__button-icon--quaternary ma__brand-banner-button ma__button-icon--c-white ma__button-icon--expanded:before,
.toggle caption:before	{
	content: '+';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 1.5rem;
	padding: 0.25rem 0.25rem 0.25rem .5rem;
}
.toggle caption {
	display:block;
	padding-left:1.5rem;
}
.toggle caption:before {
	left:0;
	padding-top:.15rem;
}
.toggle_active dd { display:block; }

/* =================================================== */

/* ================== TOGGLES ======================== */

.toggle { position:relative; }
.toggle dt,
.toggle caption { cursor:pointer; }
.toggle dd { display:none; }
.toggle dt:before,
.toggle caption:before	{
	content: '+';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 1.5rem;
	padding: 0.25rem 0.25rem 0.25rem .5rem;
}
.toggle caption {
	display:block;
	padding-left:1.5rem;
}
.toggle caption:before {
	left:0;
	padding-top:.15rem;
}
.toggle_active dd { display:block; }

/* =================================================== */

/* ================== TOGGLES ======================== */

.ia-toggle { position:relative; 
margin: 0px 0px 0px 10px;}
.ia-toggle dt,
.ia-toggle caption { cursor:pointer; }
.ia-toggle dd { display:none; }
.ia-toggle dt:before,
.ia-toggle caption:before	{
	content: '+';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 1.5rem;
	padding: 0.25rem 0.25rem 0.25rem .5rem;
}
.ia-toggle caption {
	display:block;
	padding-left:1.5rem;
}
.ia-toggle caption:before {
	left:0;
	padding-top:.15rem;
}
.ia-toggle_active dd { display:block; }

/* =================================================== */



/* ================== DATA BUTTON ======================== */
/* Media query for mobile*/
.data-button
{border:none;
}

.data-button h2
{padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 480px)  {
	
	
	.aq-map{
	width:300px;
	height:150px; 
 }
  .full {
    display:block;
    width:100%;
  }
 
.ma__button--small, .ma__button-alt--small, .ma__button-minor--small, .ma__button-minor-alt--small {
	float: right;
	border: 5px solid;
	font-size: 10px;
	float: left;
	width:170px;
}
#maps_and_tables
{
margin-left: 5%;	
}
#maps_and_tables_a
{
margin-left: 5%;
}	
#maps_and_tables_a a.ma__button-minor-green
{
width: 205px !important;	
}
#maps_and_tables.sticky
{
	position:fixed;
	top:0;
margin-left: 5%;
z-index: 10;	
}

#maps_and_tables_a.sticky1
{
	position:fixed;
	top:0;
margin-left: 5%;
z-index: 10;	
}

#maps_and_tables4
{
	/*padding:.3rem 1rem;	*/
	
margin-left: 5%;
	/*left: 0;
	position: absolute;
	z-index: 10;	*/
}
#maps_and_tables4 a,
#maps_and_tables4 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */

	/* margin:150px 150px 0px 0px; */
	z-index: 10;
	display:none;
	
}
#maps_and_tables4 a:hover,
#maps_and_tables4 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
	display:none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables4 a:active { background-color:#ffffff; color:#02020c; 
display:none;
margin: 0 auto;
}

#maps_and_tables2 a,
#maps_and_tables2 a:visited {
	/* [disabled]background: #bdd5f4; */
	/* [disabled]color: #07459A; */
padding:.3rem 1rem;	
/*
position: fixed;
	margin:150px 150px 0px 0px;
	bottom: 25;
	right: 0;
	z-index: 10;
	*/
}
#maps_and_tables2 a:hover,
#maps_and_tables2 a:focus {
	/* [disabled]background-color: #ffffff; */
	/* [disabled]color: #022B64; */
	text-decoration: none;
}
/*#maps_and_tables a:visited { background-color:#f4f4f4; color:#4a4a4a; }*/
#maps_and_tables2 a:active { background-color:#ffffff; color:#02020c; 
}
article dl.small_data .radon [href^="http:"]:not([href*="matracking.ehs.state.ma.us"])::after, 
[href^="https:"]:not([href*="matracking.ehs.state.ma.us"])::after,
[target="popup"]::after	{
	margin-top:0px;
}
}
/* =================================================== */
.region_list1
{
padding-left:10px;
padding-top:15px;
valign:top;
}

img#radon_img
{
	max-width:1100px;
	width:100%;
	
}


#mamo p
{
	margin-bottom:1rem;
}

/*  PHIT page styling  */
#phit_landing
{
border:none;
 max-width:1000px;
 }	
#phit_landing tr td {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3660AA;
}
#phit_landing tr #col1 {
	text-align: right;
	vertical-align: top;
	border: none;
}
#phit_landing tr #col2 {
	text-align: left;
	vertical-align: top;
	border: none;
}
#phit_landing tr #col1 table {
	border: none;
	width:100%;
	max-width:300px;
}
#phit_landing tr #col2 table {
	border: none;
	width:100%;;
	max-width:300px;
}
#phit_landing tr .human-body{
	display: none;
	max-width:300px;
	
}
#phit_landing tr .human-body img {
	margin-left: auto;
    margin-right: auto;
	width: 100%;	
}
#phit_landing tr #col1 .phit_col tr td img {
	width: 35px;
	height:35px;
}
#phit_landing tr #col2 .phit_col tr td img {
	width: 35px;
	height:35px;
}
#phit_landing tr .human-body {
	vertical-align: middle;
	margin-left: auto;
    margin-right: auto;
	width:240px;
}
@media only screen and (min-width:900px){
#phit_landing tr td .phit_col tr td{
	font-size: 16px;	
}
#phit_landing tr .human-body {
	display: block;
	width:33%;
}
#phit_landing tr #col1 .phit_col tr td img {
	width: 93px;
	height:93px;
}
#phit_landing tr #col2 .phit_col tr td img {
	width: 93px;
	height:93px;
}
#phit_landing tr .human-body {
	width:240px;
}
}
/*
@media only screen and (min-width:510px) and (max-width:650px) 
 {
#phit_landing tr .human-body{
	display: block;
	
}
 }
 */
@media only screen and (min-width:510px) and (max-width:899px) 
 {
#phit_landing tr td .phit_col tr td {
	font-size: 14px;	
}
#phit_landing tr .human-body{
	display: block;
	width:175px;
}
#phit_landing tr #col1 .phit_col tr td img {
	width: 60px;
	height:60px;
}
#phit_landing tr #col2 .phit_col tr td img {
	width: 60px;
	height:60px;
}
}
#sub1 /* full size*/
{
display:none;	
}
#sub2
{
display:block;	
}
#sub3 /* 400px wide or less */ 
{
display:none;	
}

@media screen  and (min-width:911px)
{
#sub1
{
display:block;	
}
#sub2
{
display:none;	
}
#sub3
{
display:none;	
}
}
.outer-container .container #maincontent #newsletter thead tr th {
	text-align: center;
}

/* copd css */
.linkBoxBottom {
	clear: both;
}
.linkBoxBottom h3 {
	font-size: 1.4em !important;
	line-height: 1.3em !important;
	text-transform: uppercase;
	color: #005baa !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	margin-top: 40px;
}
.linkBoxBottom ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px 20px 0px 0px;
}
.linkBoxBottom li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 48px;
	min-height: 30px;
	margin-bottom: 15px !important;
}
.linkBoxBottom li span {
	color: #005baa;
	font-weight: bold;
	font-style: italic;
}
.linkBoxBottom li.blue {
	background: url(images/li-arrow-blue.png) no-repeat top left;
}
.linkBoxBottom li.orange {
	background: url(images/li-arrow-orange.png) no-repeat top left;
}
.linkBoxBottom li.green {
	background: url(images/li-arrow-green.png) no-repeat top left;
}
/* Tooltip container */
.tooltip {
	float:right;
    position: relative;
    display: inline-block;
    padding:5px 5px 0px 0px;
	width: 16px;
    /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 325px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
	/*
    bottom: 00%;
    */
	left: 25%;
    margin-left: 0px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;

font-size: 14px;
font-weight: normal;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

dt.indoor-air
{
	color:#000000;
	background-color:#ffffff;
	margin:0px 25px 0px 15px;
	width:75%;
}

.right-container {
	display: flex;
	justify-content: center;
	float: left;
	display: inline-block;
	margin: 5px 0px 15px 10px;
}


.widget-grid {
  
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

.widget-item {
  border: 1px solid #fff;
  width: 300px;
  float:left;
  margin-left: 5px;
}
.widget-frame {
	padding:0px;
	margin:0px;  
  }
  
  .data-boxes
  {
	  width:100%;
	  float:left;
  }
 
@media screen  and (max-width:434px)
{
#sub1
{
display:none;	
}
#sub2
{
display:none;	
}
#sub3
{
display:block;	
}
/*
.widget-item
{
	max-width: 375px

}
*/

#scroll_footer
{
    position: fixed;
    bottom: 0;
    width: 100%;
max-width: 425px
}


}
 
  /* tutorials style */
  
  
  #tutorial-section.section
  {		
	  width:800px;
	  display: block;
	  flex-wrap: wrap;
	  padding: 10px 0px 10px 0px;
	  float:left;
	  overflow: hidden;
  }
  #tutorial p
  { padding: 0px 0px 0px 20px;
  margin: 0px;
  }
  
  #tutorial h4
  {
	  color:#000000;
	  width:100%;
	  margin:0px 0px 5px 0px;
	  padding:0;
	  float:left;
	  clear:none;
  }
  
  #tutorial.intro
  {
	  width:750px;
	  border-width:2px;
	  border-style:solid;
	  border-color:rgb(31,73,125);
	  padding:10px 0px 0px 15px;
	  position:relative;
	  float:left;
	  margin-top:10px;
	  
  }
  #tutorial.item-title
  {
	  max-width:750px;
	  width:750px;
	  display: inline-block;
	  background-color:#FFC000;
	  padding:10px;
	  position:inherit;
  }
  
    
img.figure
  {
	max-width: 650px;
	width: 650px;
	height: 450px;
	margin: 20px 60px 20px 60px;
	display: block;
	float:left;
	position:inherit;
	clear:none;
	  
  }
img.figure6
  {max-width:429px;
	width: 425px;
	height: 392px;
	margin: 20px 25% 20px 25%;
	display: block;
	float:"";
	clear:none;
	  
  }
img.figure7
  {max-width:352px;
	width: 352px;
	height: 417px;
	margin: 20px 25% 20px 25%;
	display: block;
	float:"";
	clear:none;
	  
  }
img.figure10
  {max-width:372px;
	width: 372px;
	height: 662px;
	margin: 20px 25% 20px 25%;
	display: block;
	float:"";
	clear:none;
	  
  }
#tutorial.content {
	clear: both;
	display: block;
	margin: 0px auto 10px auto;
	padding-bottom:.5rem;
	position: relative;
	width: 800px; /* outline:thick solid orange; */
}

#tutorial.pdf
{
display:inline-block;
text-align:right;
padding: 10px 10px 10px 0px;
width:100%;	
position:relative;
}

/* popup survey styling  */
#MyPopup {
  display:none;  
}
.overlay::before,
.overlay .autopop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
}
.overlay::before {
  content: "";
  background: rgba(0, 0, 0, .8);
  display: block;
  z-index: 99990
}
.overlay .autopop {
  width: 1050px;
  height: 740px;
  margin: auto;
  font: 18px/1.5em Open Sans;
  background: #388557;
  border-radius: 5px;
  box-shadow: 0 10px 15px 0 #000;
  z-index: 99999;
  /*
  transition: all .5s ease-in-out;
*/
}
.overlay:target::before {
  display: none;
}
.overlay:target .autopop {
  top: -200%;
  right: -200%;
  transform: rotate(90deg);
}
.autopop .a-content {
  height: 100%;
  overflow: auto;
  padding: 15px;
}
.autopop .close {
  top: 0;
  right: 15px;
  font: 800 30px Open Sans;
  color: #fff !important;
  transition: all 0.3s;
  position: absolute;
}

section {
    display: block;
}
/*  formstack css */
.ma__visually-hidden,.visually-hidden{
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}


ma__input-checkbox{
    display:inline-block;
    position:relative
}
.ma__input-checkbox input{
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.ma__input-checkbox>svg{
    height:24px;
    position:absolute;
    top:0;
    right:0;
    vertical-align:top;
    width:24px
}
.ma__input-checkbox label{
    font-size:22px;
    font-size:1.375rem;
    line-height:16px;
    line-height:1rem;
    padding-left:1.25em
}
.ma__input-checkbox label:before{
    border:2px solid;
    content:"";
    display:inline-block;
    height:2em;
    font-size:.5em;
    line-height:1.5;
    padding-top:.25em;
    position:absolute;
    top:0.125em;
    left:0;
    text-align:center;
    width:2em
}
.ma__input-checkbox label span{
    line-height:1.2em
}
.ma__input-checkbox input:checked ~ label:before{
    content:url(/libraries/mayflower-artifacts/assets/images/checkmark.svg)
}
.ma__input-checkbox svg ~ label{
    padding-right:30px
}
.ma__input-checkbox>svg{
    fill:#388557
}
.ma__input-checkbox label{
    font-weight:400
}
.ma__input-checkbox label:before{
    background-color:#fff;
    border-color:#707070
}
.ma__form--light .ma__input-checkbox label:before{
    background-color:rgba(255,255,255,0.1);
    border-color:rgba(220,220,220,0.5)
}
.ma__input-checkbox input.has-error ~ label:before{
    border-color:#CD0D0D
}
.ma__input-checkbox input:focus ~ label:before{
    border-color:Highlight !important
}
@media (-webkit-min-device-pixel-ratio:0){
    .ma__input-checkbox input:focus ~ label:before{
        outline:-webkit-focus-ring-color auto 5px
    }
}
.ma__input-date[type=text]{
    background-image:url(/libraries/mayflower-artifacts/assets/images/svg-icons/date-picker.svg);
    background-position:right 8px top 7px;
    background-repeat:no-repeat
}
.ma__input-group__title{
    margin-bottom:.25em
}
.ma__input-group--optional .ma__input-group__title:after{
    content:"(optional)";
    font-size:.8em;
    margin-left:.25em
}
.ma__input-group__items--inline{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-30px
}
.ma__input-group__items--inline .ma__input-group__item{
    margin-left:30px
}
.ma__input-group__title{
    font-weight:500
}
.ma__input-number{
    display:inline-block;
    position:relative
}
.ma__input-number input{
    padding-right:58px
}
.ma__input-number__plus,.ma__input-number__minus{
    background-color:transparent;
    border:none;
    padding:0;
    border-style:solid;
    border-width:2px;
    border-bottom:none;
    display:block;
    height:50%;
    padding:0;
    position:absolute;
    right:0;
    width:40px
}
.ma__input-number__plus:focus,.ma__input-number__minus:focus{
    border-bottom-style:dotted;
    border-bottom-width:1px
}
.ma__input-number__plus:after,.ma__input-number__minus:after{
    border-style:solid;
    border-width:5px;
    border-top:none;
    border-bottom-width:6px;
    content:"";
    display:block;
    height:0;
    margin:0 auto;
    position:absolute;
    bottom:2px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    vertical-align:bottom;
    width:0
}
.ma__input-number__plus:focus:after,.ma__input-number__minus:focus:after{
    bottom:1px
}
.ma__input-number__plus{
    bottom:50%
}
.ma__input-number__minus{
    top:50%;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.ma__input-number__plus,.ma__input-number__minus{
    border-color:#dcdcdc
}
.ma__input-number__plus:after,.ma__input-number__minus:after{
    border-color:#141414;
    border-left-color:transparent;
    border-right-color:transparent
}
input.has-error ~ .ma__input-number__plus,input.has-error ~ .ma__input-number__minus{
    border-color:#CD0D0D
}
.ma__input-radio{
    display:inline-block;
    position:relative
}
.ma__input-radio input{
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.ma__input-radio label{
    font-size:22px;
    font-size:1.375rem;
    line-height:16px;
    line-height:1rem;
    padding-left:1.5em
}
.ma__input-radio label:before{
    border:2px solid;
    border-radius:50%;
    content:"\2022";
    display:inline-block;
    height:.45em;
    font-size:2.5em;
    line-height:calc(.45em - 11px);
    margin-right:.125em;
    position:absolute;
    top:-.025em;
    left:0;
    text-align:center;
    width:.45em;
    overflow:hidden
}
.ma__input-radio label span{
    line-height:1.2em
}
.ma__input-radio label{
    font-weight:400
}
.ma__input-radio label:before{
    background-color:#fff;
    border-color:#707070;
    color:transparent
}
.ma__form--light .ma__input-radio label:before{
    background-color:rgba(255,255,255,0.1);
    border-color:rgba(220,220,220,0.5)
}
.ma__input-radio input.has-error ~ label:before{
    border-color:#CD0D0D
}
.ma__input-radio input:checked ~ label:before{
    color:#141414
}
.ma__form--light .ma__input-radio input:checked ~ label:before{
    color:#fff
}
.ma__input-radio input:focus ~ label:before{
    border-color:Highlight !important
	
	#fsForm3230158 .hide{
    display:none;
}
#fsForm3230158{
    border:2px solid #dcdcdc;
    background:#ffffff;
    max-width:35em;
    padding:2.5em;
    margin:0 auto 5rem;
}
#fsForm3230158 > *{
    margin-top:30px;
}
#fsForm3230158 > fieldset:first-of-type{
    margin-top:0;
}
#fsForm3230158 fieldset > fieldset,#fsForm3230158 fieldset > label{
    margin-top:30px;
}
#fsForm3230158 fieldset > fieldset:first-child,#fsForm3230158 fieldset > label:first-child{
    margin-top:0;
}
#fsForm3230158 p{
    margin:0;
    text-align:center;
}
#fsForm3230158 p.ma__info-container{
    margin-top:30px;
    text-align:left;
}
#fsForm3230158 p.ma__info-container a:hover{
    text-decoration:underline;
}
#fsForm3230158 fieldset > .ma__select-box,#fsForm3230158 fieldset > input[type=text]{
    max-width:500px;
    width:100%;
}
#fsForm3230158 fieldset .ma__button{
    margin-top:.25em;
}
#fsForm3230158 textarea{
    width:100%;
    border:2px solid #dcdcdc !important;
}
#fsForm3230158 .ma__textarea__wrapper::after{
    display:none;
}


	.did_you_know_bold_blue span {
	color: #1f497d;
	font-weight: bold;
}
span.did_you_know_bold_blue span {
	color: #1f497d;
	font-weight: bold;
}

.timestamp-wrap { font-size : 12px; font-family : 'Open Sans'; }
.timestamp { color: green; }


/*
.ma-emergency-alert
{background-color:#fef9e8;
font-size:18.125px;
font-size:1.25rem;
padding-top:10px;
padding-bottom:10px;
margin-bottom:0}
.ma-emergency-alert+.ma-emergency-alert
{border-top:1px solid #fbe28d}
.ma-emergency-alert__time-stamp
{font-size:16.312px;
font-size:1.125rem;
font-style:italic;
font-weight:500}
@media (min-width: 621px)
{.ma-emergency-alert__link
{display:inline-block}
}
.ma-emergency-alert__link .ma__content-link span
{border-bottom-width:1px;
font-size:18.125px;
font-size:1.25rem;
border-bottom-color:rgba(20,20,20,0.5);
color:#141414}
.ma-emergency-alert__link .ma__content-link span:hover
{border-bottom-width:3px;
border-bottom-color:rgba(20,20,20,0.5)}
.ma-emergency-alert__link .ma__content-link span:after
{border-color:rgba(20,20,20,0.5)}
@media (min-width: 621px)
{.ma-emergency-alert__message
{display:inline}
}
.ma-emergency-alert--c-warning
{color:#141414;
background-color:#fef9e8}
.ma-emergency-alert--c-warning+.ma-emergency-alert--c-warning
{border-top-color:#fbe28d}
.ma-emergency-alert--c-warning .ma-emergency-alert__link
{font-weight:bold}
.ma-emergency-alert--c-warning .ma-emergency-alert__link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-warning .ma-emergency-alert__link .ma__content-link span
{display:inline;
border-bottom:1px solid rgba(20,20,20,0.5)}
.ma-emergency-alert--c-warning .ma-emergency-alert__link .ma__content-link span:hover
{border-bottom:3px solid rgba(20,20,20,0.75)}
.ma-emergency-alert--c-warning .ma-emergency-alert__link .ma__content-link svg
{fill:#8a8a8a}
.ma-emergency-alert--c-warning .ma-emergency-alert__link .ma__content-link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-primary
{color:#141414;
background-color:#e8eef4}
.ma-emergency-alert--c-primary+.ma-emergency-alert--c-primary
{border-top-color:#8aaac7}
.ma-emergency-alert--c-primary .ma-emergency-alert__link
{font-weight:bold}
.ma-emergency-alert--c-primary .ma-emergency-alert__link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-primary .ma-emergency-alert__link .ma__content-link span
{display:inline;
border-bottom:1px solid rgba(20,20,20,0.5)}
.ma-emergency-alert--c-primary .ma-emergency-alert__link .ma__content-link span:hover
{border-bottom:3px solid rgba(20,20,20,0.75)}
.ma-emergency-alert--c-primary .ma-emergency-alert__link .ma__content-link svg
{fill:#8a8a8a}
.ma-emergency-alert--c-primary .ma-emergency-alert__link .ma__content-link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-primary-alt
{color:#141414;
background-color:#ebf3ee}
.ma-emergency-alert--c-primary-alt+.ma-emergency-alert--c-primary-alt
{border-top-color:#9cc2ab}
.ma-emergency-alert--c-primary-alt .ma-emergency-alert__link
{font-weight:bold}
.ma-emergency-alert--c-primary-alt .ma-emergency-alert__link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-primary-alt .ma-emergency-alert__link .ma__content-link span
{display:inline;
border-bottom:1px solid rgba(20,20,20,0.5)}
.ma-emergency-alert--c-primary-alt .ma-emergency-alert__link .ma__content-link span:hover
{border-bottom:3px solid rgba(20,20,20,0.75)}
.ma-emergency-alert--c-primary-alt .ma-emergency-alert__link .ma__content-link svg
{fill:#8a8a8a}
.ma-emergency-alert--c-primary-alt .ma-emergency-alert__link .ma__content-link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-error
{color:#141414;
background-color:#fae7e7}
.ma-emergency-alert--c-error+.ma-emergency-alert--c-error
{border-top-color:#e68686}
.ma-emergency-alert--c-error .ma-emergency-alert__link
{font-weight:bold}
.ma-emergency-alert--c-error .ma-emergency-alert__link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-error .ma-emergency-alert__link .ma__content-link span
{display:inline;
border-bottom:1px solid rgba(20,20,20,0.5)}
.ma-emergency-alert--c-error .ma-emergency-alert__link .ma__content-link span:hover
{border-bottom:3px solid rgba(20,20,20,0.75)}
.ma-emergency-alert--c-error .ma-emergency-alert__link .ma__content-link svg
{fill:#8a8a8a}
.ma-emergency-alert--c-error .ma-emergency-alert__link .ma__content-link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-gray
{color:#141414;
background-color:#f1f1f1}
.ma-emergency-alert--c-gray+.ma-emergency-alert--c-gray
{border-top-color:#b8b8b8}
.ma-emergency-alert--c-gray .ma-emergency-alert__link
{font-weight:bold}
.ma-emergency-alert--c-gray .ma-emergency-alert__link:hover
{border-bottom-color:transparent}
.ma-emergency-alert--c-gray .ma-emergency-alert__link .ma__content-link span
{display:inline;
border-bottom:1px solid rgba(20,20,20,0.5)}
.ma-emergency-alert--c-gray .ma-emergency-alert__link .ma__content-link span:hover
{border-bottom:3px solid rgba(20,20,20,0.75)}
.ma-emergency-alert--c-gray .ma-emergency-alert__link .ma__content-link svg
{fill:#8a8a8a}
.ma-emergency-alert--c-gray .ma-emergency-alert__link .ma__content-link:hover
{border-bottom-color:transparent}
.ma-emergency-header
{margin-right:auto;
margin-left:auto;
max-width:1320px;
padding-left:20px;
padding-right:20px;
margin:0;
padding:12px;
font-size:inherit;
line-height:inherit;
background-color:#f6c51b}
@media (min-width: 781px)
{.ma-emergency-header
{padding-left:30px;
padding-right:30px}
}
@media (min-width: 911px)
{.ma-emergency-header
{padding-left:40px;
padding-right:40px}
}
@media (max-width: 620px)
{.ma-emergency-header
{text-align:center}
}
@media (min-width: 911px)
{.ma-emergency-header
{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center}
}
.ma-emergency-header__label
{display:block;
-ms-flex-negative:0;
flex-shrink:0;
-ms-flex-preferred-size:auto;
flex-basis:auto;
letter-spacing:.1em;
white-space:nowrap;
color:rgba(20,20,20,0.8);
font-weight:700;}
@media (max-width: 910px)
{.ma-emergency-header__label
{margin-bottom:10px}
}
@media (min-width: 911px)
{.ma-emergency-header__label
{border-right-width:1px;
border-right-style:solid;
border-right-color:rgba(20,20,20,0.3);
padding-right:18px;
margin-right:18px}
}
.ma-emergency-header__label>svg
{height:24px;
margin-right:7px;
vertical-align:middle;
width:27px}
@media (min-width: 621px)
{.ma-emergency-header__label>svg
{height:32px;
width:36px}
}
.ma-emergency-header__label span
{display:inline-block;
font-size:14.5px;
font-size:1rem;
line-height:1.13;
text-transform:uppercase;
vertical-align:middle}
.ma-emergency-header__title
{display:block;
font-size:21.75px;
font-size:1.5rem;
line-height:1.4;
margin-bottom:0;
font-weight:700}
.ma-emergency-header__title .ma__decorative-link
{display:inline;
vertical-align:baseline}
.ma-emergency-header--c-warning
{color:#141414;
background-color:#f6c51b;
border-color:#f6c51b}
.ma-emergency-header--c-warning .ma-emergency-header__label
{color:rgba(20,20,20,0.8);
border-right-color:rgba(20,20,20,0.3)}
.ma-emergency-header--c-warning .ma-emergency-header__label svg
{fill:#141414}
.ma-emergency-header--c-warning .ma-emergency-header__title
{font-weight:bold}
.ma-emergency-header--c-warning .ma-emergency-header__title .ma__content-link
{color:#141414;
border-bottom:1px solid rgba(20,20,20,0.5)}
.ma-emergency-header--c-warning .ma-emergency-header__title .ma__content-link:hover
{border-bottom:3px solid rgba(20,20,20,0.75)}
.ma-emergency-header--c-primary
{color:#fff;
background-color:#14558f;
border-color:#14558f}
.ma-emergency-header--c-primary .ma-emergency-header__label
{color:#fff;
border-right-color:rgba(255,255,255,0.3)}
.ma-emergency-header--c-primary .ma-emergency-header__label svg
{fill:#fff}
.ma-emergency-header--c-primary .ma-emergency-header__title
{font-weight:bold}
.ma-emergency-header--c-primary .ma-emergency-header__title .ma__content-link
{color:#fff;
border-bottom:1px solid rgba(255,255,255,0.5)}
.ma-emergency-header--c-primary .ma-emergency-header__title .ma__content-link:hover
{border-bottom:3px solid rgba(255,255,255,0.75)}
.ma-emergency-header--c-primary-alt
{color:#fff;
background-color:#388557;
border-color:#388557}
.ma-emergency-header--c-primary-alt .ma-emergency-header__label
{color:#fff;
border-right-color:rgba(255,255,255,0.3)}
.ma-emergency-header--c-primary-alt .ma-emergency-header__label svg
{fill:#fff}
.ma-emergency-header--c-primary-alt .ma-emergency-header__title
{font-weight:bold}
.ma-emergency-header--c-primary-alt .ma-emergency-header__title .ma__content-link
{color:#fff;
border-bottom:1px solid rgba(255,255,255,0.5)}
.ma-emergency-header--c-primary-alt .ma-emergency-header__title .ma__content-link:hover
{border-bottom:3px solid rgba(255,255,255,0.75)}
.ma-emergency-header--c-error
{color:#fff;
background-color:#cd0d0d;
border-color:#cd0d0d}
.ma-emergency-header--c-error .ma-emergency-header__label
{color:#fff;
border-right-color:rgba(255,255,255,0.3)}
.ma-emergency-header--c-error .ma-emergency-header__label svg
{fill:#fff}
.ma-emergency-header--c-error .ma-emergency-header__title
{font-weight:bold}
.ma-emergency-header--c-error .ma-emergency-header__title .ma__content-link
{color:#fff;
border-bottom:1px solid rgba(255,255,255,0.5)}
.ma-emergency-header--c-error .ma-emergency-header__title .ma__content-link:hover
{border-bottom:3px solid rgba(255,255,255,0.75)}
.ma-emergency-header--c-gray
{color:#fff;
background-color:#707070;
border-color:#707070}
.ma-emergency-header--c-gray .ma-emergency-header__label
{color:#fff;
border-right-color:rgba(255,255,255,0.3)}
.ma-emergency-header--c-gray .ma-emergency-header__label svg
{fill:#fff}
.ma-emergency-header--c-gray .ma-emergency-header__title
{font-weight:bold}
.ma-emergency-header--c-gray .ma-emergency-header__title .ma__content-link
{color:#fff;
border-bottom:1px solid rgba(255,255,255,0.5)}
.ma-emergency-header--c-gray .ma-emergency-header__title .ma__content-link:hover
{border-bottom:3px solid rgba(255,255,255,0.75)}
*/
