/* Two column layout for Toxic Substances Hydrology (Toxics) Program's Web site */
/* ============================================================================================== */
/*
normalize.css -- Make browsers render all elements more consistently.
https://necolas.github.io/normalize.css/
A style sheet that makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* ============================================================================================== */
/*
skeleton.css -- Skeleton: Responsive CSS Boilerplate with a fix width grid
http://getskeleton.com/
*/
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

/* ============================================================================================== */
/*
usgs_common.css -- U.S. Geological Survey (USGS) Standard Style Sheet
*/
/* ===OFFICIAL USGS STYLE SHEET===
This CSS has been approved by all applicable parties and is subject to change...with prior notice. This CSS is meant to provide a consistent look and feel across all USGS Web pages and can be used in conjunction with the custom.css file and any additional style sheets of your own.

DO NOT MODIFY THIS FILE IN ANY WAY.

You can customize some areas of the header ONLY by making the changes in the custom.css file. Refer to the custom.css file for specific instructions.
===END DISCLAIMER NOTICE===*/

/* ===STANDARD HEADER===*/

#usgscolorband {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 5.14em;
	background: #006633 url(https://www2.usgs.gov/images/headers/hazards.jpg) 178px 0px no-repeat;
	min-height: 72px;
}
#usgsbanner {
	width: 100%;
	height: 72px;
}
#usgsidentifier {
	background-color: black;
	width: 178px;
	height: 5.14em;
	float: left;
}
#usgsidentifier img {
	border: none;
}
#usgscoop {
	padding-left: 18px;
	position: relative;
	float: left;
	height: 5.14em;
	background-color: black;
	min-height: 72px;
}
#usgscoop img {
	margin-right: 3px;
	border: none;
}
#usgstitle {
	background-color: #006633;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	height: 29px;
}
#usgstitle p {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 0px;
	float: left;
}
#usgstitle label {
	font-size: small;
	font-weight: bold;
}
#usgstitle form {
	float: right;
	padding: 5px;
	margin: 0px;
}
#usgstitle form input {
	margin: 0px;
}
#usgstitle #sa {
	font-size: small !important;
	font-size: x-small;
}
/* ===STANDARD CUSTOMER SERVICE AREA===*/
#usgsccsabox {
	float: right;
	background-color: #000000;
	min-height: 72px;
}
#usgsccsa {
	font:  1em/.5em Verdana, Arial, Helvetica, sans-serif;
	height: 5.14em;
	width: 10.5em;
}
#usgsccsa a:link, #usgsccsa a:visited {
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left: 4px;
	text-decoration: none;
}
#usgsccsa a:hover {
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
	margin-left: 4px;
}
#usgsccsa a:active {
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left: 4px;
	text-decoration: none;
}

/* ===STANDARD CONTENT===*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: small; */
	color: #000000;
	background-color: #ffffff;
}
th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: small; */
}
/* ===STANDARD FOOTER===*/
#usgsfooter {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	clear: both;
	margin: 0;
}
#usgsfooterbar {
	background-color: #666666;
	padding: 4px;
	margin: 0;
}
#usgsfooterbar a:link, #usgsfooterbar a:visited {
	margin-right: 40px;
	color: #ffffff;
	text-decoration: none;
}
#usgsfooterbar a:hover {
	margin-right: 40px;
	color: #ffffff;
	text-decoration: underline;
}
#usgsfooterbar a:active {
	margin-right: 40px;
	color: #ffffff;
	text-decoration: none;
}
#usgsfootertext {
	padding: 4px;
	margin: 0;
}
#usgsfootertext img {
	border: none;
	float: right;
	margin-right: 5px;
}
/*===PRINT STYLES FOR TEMPLATE===*/
@media print {
		 #usgsccsabox, #usgsfooterbar, #usgsfootertext img {
		 		 display:none;
		 }
		 #usgstitle { margin-bottom:15px; }
		 #usgsfooter { padding-top:15px; }
		 #usgsheader, #usgsbanner, #usgstitle p, #usgsfootertext {
		 		 padding:0;
		 		 margin:0;
		 		 color:#000000;
		 		 background:#ffffff;
		 }
}
/*===END PRINT STYLES FOR TEMPLATE===*/

/* ============================================================================================== */
/* Environmental Health Mission Area (EHMA) Web site standard variables */
/* Variables for Environmental Health Mission Area (EHMA) area pages */
/* Color Pallet Variables */
/* Good Web page to check on color codes -- http://www.w3schools.com/colors/colors_picker.asp */
/* Pure and simple white */
/* Pure and simple black */
/* Gray Scale Variables - The higher the number the lighter it is */
/* ============================================================================================== */
/* Yellow Color Pallet Variables */
/* Pale yellow */
/* Yellow Gay 80 - A pale yellow gray */
/* ============================================================================================== */
/* Green Color Pallet Variables */
/* Light Pale Green */
/* Light Green Gray 83 */
/* ============================================================================================== */
/* Blue Color Pallet Variables */
/* Blue Gray Color Scale Variables - The higher the number the lighter it is */
/* ============================================================================================== */
/* Icon Image Paths */
/* ============================================================================================== */
/*
usgs_custom.less -- Custom modifications to the USGS Standard Style Sheet for this Web site
*/
/* ================INSTRUCTIONS=================*/
/* By changing the classes below, you can add your own custom styles for various areas of the header. In order for your changes to work though, you MUST include a reference in your HTML pages to both the common CSS file and custom CSS file in that order.

Instructions are provided below for customizing these classes. */
/* ================BANNER=======================*/
/* TO DISPLAY A CUSTOM BANNER IMAGE:
If you want to display a custom banner, change the "background: url" to point to a local banner, or external, image location.

TO DISPLAY A CUSTOM BANNER COLOR (NO IMAGE):
If you would rather display a color instead of a banner image, change the "background: url" portion to point to "" and set the background color (#006633) to whatever color you wish to display.
NOTE: You can use either hexadecimal color codes (i.e. - #006633, #063) or HTML color names (i.e. - "black"). */
#usgscolorband {
  background-color: #000000;
  background-image: url(/images/headers/blue_black.jpg);
  background-repeat: no-repeat;
  background-position: 178px 0px;
}
/* ================SITE TITLE===================*/
/* TO DISPLAY A CUSTOM SITE TITLE BAR:
The #usgstitle class is specific to the colored site title bar that lies beneath the USGS identifier. To change the color of this bar, set the "background-color" attribute below to the color you wish to display and change the "color" attribute to set the text color.
NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black").
*/
#usgstitle {
  background-color: #6d8ca2;
  color: #ffffff;
}
/* ============================================================================================== */
/* Mission Area Footer Bar */
.footerBar2 {
  background-color: #6d8ca2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  /*/*/
  padding: 4px;
  /*End hiding for this section in Netscape 4x*/
  margin-bottom: 1px;
  margin: 0;
  clear: both;
}
.footerBar2 a:link {
  padding-right: 15px;
  color: #ffffff;
  text-decoration: none;
}
.footerBar2 a:visited {
  padding-right: 15px;
  color: #ffffff;
  text-decoration: none;
}
.footerBar2 a:hover {
  padding-right: 15px;
  color: #ffffff;
  text-decoration: underline;
}
.footerBar2 a:active {
  padding-right: 15px;
  color: #ffffff;
  text-decoration: none;
}
/* CSS for the top level USGS navigation bar  */
#topnav {
  background-color: #cccccc;
  padding-top: 1px;
  margin-bottom: 8px;
}
#topnav a:link,
#topnav a:visited {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  display: inline;
  background-color: #ffbd00;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  padding: 3px 4px;
}
#topnav a:hover {
  background-color: #FFE79B;
}
/* ============================================================================================== */
/*
toxics_2col_layout.less -- Standard layout grid for two column web pages for Toxics Program Web site
Custom modifiations to sleleton.css styles.
*/
/* EH Layout */
body {
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
}
/* ============================================================================================== */
/* Modification to USGS Title Div */
#usgstitle {
  height: 54px;
  font: 12px;
  /* Larger than mobile - devices larger than px */
}
@media (min-width: 640px) {
  #usgstitle {
    height: 29px;
    font: 14px;
  }
}
/* =============================================================== */
/* Custom Modifications for the Skeleton Grid Template */
/* Modifications to Skeleton column styles */
/* ===================================================================== */
.container {
  width: 100%;
  max-width: 1170px;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  /* Larger than mobile - devices larger than 400px */
  /* Larger than phablet - devices larger than 550px */
  /* Larger than tablet */
}
@media (min-width: 400px) {
  .container {
    width: 96%;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
  }
}
@media (min-width: 550px) {
  .container {
    width: 98%;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
  }
}
@media (min-width: 750px) {
  .container {
    width: 99%;
    padding-top: 0px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
  }
}
.columns {
  margin-left: 0%;
  background-color: #ffffff;
}
.two {
  background-color: #dddddd;
}
.ten {
  background-color: #ffffff;
  margin-right: 0%;
}
/* Larger than phablet - devices larger than 550px */
@media (min-width: 550px) {
  .two.columns {
    width: 100%;
  }
  .ten.columns {
    width: 100%;
  }
}
/* Larger than tablet */
@media (min-width: 750px) {
  .two.columns {
    width: 14%;
  }
  .ten.columns {
    width: 85%;
  }
}
/* Typography - Modification of Skeleton
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 2.2rem;
  line-height: 1.1;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Note on font-weight -- 400 is the same as normal, and 700 is the same as bold */
h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: -0.1rem;
  font-weight: 700;
  font-style: italic;
}
h3 {
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
h4 {
  font-size: 1.0rem;
  line-height: 1.4;
  letter-spacing: -0.08rem;
  font-weight: 600;
  font-style: italic;
}
h5 {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
  font-weight: 500;
}
h6 {
  font-size: 0.6 rem;
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 400;
  font-style: italic;
}
/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 2.6rem;
    margin-top: 0.5rem;
  }
  h2 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.4rem;
  }
  h5 {
    font-size: 1.0rem;
  }
  h6 {
    font-size: 0.8rem;
  }
}
sup,
sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.8em;
}
sup {
  top: -0.4em;
}
sub {
  top: 0.4em;
}
/* List Styles */
ul {
  padding-left: 1em;
  list-style-position: outside;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 1em;
}
ol {
  padding-left: 1em;
  list-style-position: outside;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 1em;
}
li {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: .5em;
}
/* ============================================================================================== */
/* Divs to split the content block into two columns */
.FullWidthContainer {
  width: 100%;
}
.RightColumnContainer,
.LeftColumnContainer {
  width: 98%;
  margin-top: 1em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: 3%;
  vertical-align: text-top;
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  .LeftColumnContainer {
    float: left;
    width: 47%;
    margin-top: 0px;
    margin-right: 1%;
    margin-bottom: 1em;
    margin-left: 3%;
  }
  .RightColumnContainer {
    float: right;
    width: 47%;
    margin-top: 0px;
    margin-right: 1%;
    margin-bottom: 1em;
    margin-left: 1%;
  }
}
/* Styles for content area div */
/* ============================================================================================== */
/* Style for div that contains the page content  */
.content_div {
  float: none;
  display: block;
  width: 100%;
  background-color: #ffffff;
  /*
		Style (class) full_width_content_containger is for a div that contains
		content the full width of the page. Good for containg a table.
	 */
}
.content_div h1,
.content_div h2,
.content_div h3,
.content_div h4,
.content_div p {
  margin-left: 3%;
}
.content_div p {
  line-height: 1.3;
}
.content_div ul li,
.content_div ol li {
  margin-bottom: 5px;
  line-height: 1.3;
}
.content_div ul {
  margin-left: 4%;
}
.content_div ol {
  margin-left: 4%;
}
.content_div .ref_block {
  margin-left: 3%;
}
.content_div .full_width_content_container {
  clear: both;
  margin-left: 3%;
  margin-top: 1em;
  margin-right: .5%;
  margin-bottom: 1em;
}
/* ============================================================================================== */
/*
toxics_common.less -- Styles common to all Toxics Program Web site pages
 */
/* Styles for common page elements */
/* =============================================================== */
/* Replacent for to Skeleton buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  height: 32px;
  padding: 0 10px;
  font-size: 11px;
  line-height: 32px;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  background-color: #849dae;
  border-color: #849dae;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  background-color: #65849a;
  border-color: #65849a;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #5b778b;
}
a:hover {
  color: #475c6c;
}
/* ============================================================================================== */
/* Remove the underline for abbreviation titles */
abbr[title] {
  text-decoration: none;
}
/* ============================================================================================== */
/* Make the USGS Idetifer small for small screens  */
/* For devices smaller than 400px */
@media (max-width: 400px) {
  #usgscolorband {
    font: 12px;
    height: 64px;
  }
  #usgsbanner {
    height: 64px;
  }
  #usgsidentifier {
    background-color: black;
    width: auto;
    height: 64px;
    float: left;
  }
  #usgsidentifier img {
    width: auto;
    height: 64px;
  }
  #usgsccsabox {
    height: 64px;
  }
  #usgsccsa {
    font-size: .9em;
    height: 64px;
  }
  #usgsccsa a:link,
  #usgsccsa a:visited,
  #usgsccsa a:hover,
  #usgsccsa a:active {
    font-size: .9em;
  }
}
/* ============================================================================================== */
/* Helper styles */
.clear {
  clear: both;
}
.clear_right {
  clear: right;
}
.clear_left {
  clear: left;
}
.float_right {
  float: right;
}
.float_left {
  float: left;
}
.HR_clear {
  clear: both;
  width: 98%;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1px;
}
/* ============================================================================================== */
/* Paragraph styles  */
.INDENT_P {
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 3em;
  text-align: left;
}
.small_itext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-style: italic;
}
.monospace_text {
  font-family: "Lucida Console", Monaco, monospace;
}
/* ============================================================================================== */
/* Styles for Mail Chimp sign up icon. */
#email_signup {
  clear: right;
  float: right;
  margin-top: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 2px;
}
#email_signup a span {
  display: none;
}
#email_signup a:hover span {
  display: block;
  position: absolute;
  width: 150px;
  padding: 5px;
  z-index: 100;
  color: #000000;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #ffffcc;
  font-weight: bold;
  margin-top: 4px;
  right: 8px;
  top: 150px;
}
/* ============================================================================================== */
/* Style for paragraph with privacy statement notice */
.fs_text {
  font-size: 10px;
  margin-top: 0px;
  margin-right: 2px;
  margin-bottom: 10px;
  margin-left: 60px;
}
/* Pop up text */
.fs_popup_text {
  display: inline;
  position: relative;
  background-color: #FFC;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #360;
  z-index: 0;
  cursor: pointer;
}
/* The pop up box container */
.fs_popupBox {
  display: none;
}
.fs_popupHoverElement:hover > .fs_popupBox {
  display: block;
  position: absolute;
  background-color: #FFC;
  background-image: none;
  border: 1px solid #DADADA;
  color: #336600;
  padding: 8px;
  font-size: 10px;
  line-height: 14px;
}
/* Size of pop up on 2015-08-18-national_neonics.html */
#fs_popup_1 {
  width: 350px;
  height: 100px;
  left: -8px;
  top: 18px;
}
/* Size of pop up */
#fs_popup_2 {
  width: 250px;
  height: 650px;
  left: -8px;
  top: 18px;
}
/* ============================================================================================== */
/*
toxics_content.less -- Styles for the content of Toxics Program Web site
*/
/* Styles for Toxic Substances Hydrology (Toxics) Program Web pages  */
/*
Header Blocks for Index page
*/
/* ============================================================================================== */
.container_header_block {
  float: left;
  width: 99%;
  border: 1px solid #c0c0c0;
  margin-top: 0px;
  margin-right: 1px;
  margin-bottom: 1em;
  margin-left: 0px;
  overflow: hidden;
}
.container_header_block .gray_block_header {
  display: block;
  font-size: medium;
  color: #ffffff;
  background: #666666;
  padding: 5px;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
}
.container_header_block .container_block_left_subheader {
  background-color: #ffffff;
  display: block;
  margin: 0px;
  padding: 5px;
  float: left;
  width: 48%;
}
.container_header_block .container_block_right_subheader {
  background-color: #ffffff;
  display: block;
  margin: 0px;
  padding: 5px;
  float: right;
  width: 48%;
}
.container_header_block .left_image_block {
  float: left;
  width: 50%;
}
.container_header_block .left_image_block img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.container_header_block .right_text_block,
.container_header_block .right_text_block_lf {
  float: right;
  height: auto;
  width: 49%;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}
.container_header_block .right_text_block .right_text_block,
.container_header_block .right_text_block_lf .right_text_block {
  text-align: center;
  padding-left: 2px;
}
.container_header_block .right_text_block .right_text_block_lf,
.container_header_block .right_text_block_lf .right_text_block_lf {
  text-align: left;
  padding-left: 10px;
}
.container_header_block .left_text_block,
.container_header_block .left_text_block_lf {
  float: left;
  height: auto;
  width: 49%;
}
.container_header_block .left_text_block .left_text_block,
.container_header_block .left_text_block_lf .left_text_block {
  text-align: center;
}
.container_header_block .left_text_block .left_text_block_lf,
.container_header_block .left_text_block_lf .left_text_block_lf {
  text-align: left;
}
.container_header_block .left_image_block_third {
  float: left;
  width: 33%;
}
.container_header_block .left_image_block_third img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.container_header_block .left_image_block_third .random_pg_l_caption,
.container_header_block .left_image_block_third .random_pg_p_caption {
  font-size: 1em;
  text-align: center;
  margin-right: 0em;
  margin-bottom: 0.5rem;
}
.container_header_block .left_image_block_third .random_pg_l_caption img {
  width: 100%;
  max-width: 175px;
  height: auto;
}
.container_header_block .left_image_block_third .random_pg_p_caption img {
  height: 100%;
  max-height: 175px;
  width: auto;
}
.container_header_block .right_text_block_two_thirds {
  text-align: center;
  float: left;
  height: auto;
  width: 66%;
}
.container_header_block .hb_p_right_just {
  text-align: right;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.container_header_block .bc_right_image_float {
  text-align: center;
  float: right;
  height: auto;
  width: 41%;
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 3px;
  border: 2px solid #dddddd;
}
.container_header_block .bc_right_image_float img {
  width: 100%;
  max-width: 250px;
  height: auto;
}
.container_header_block p {
  margin-right: 1em;
  margin-left: 1em;
}
.container_header_block ul {
  margin-bottom: 1em;
}
.spacer_div {
  clear: both;
  height: 2em;
  display: block;
}
/* ============================================================================================== */
/*
Styles for the two sub columns.
Note: The styles for the columns are in the toxcis_2col_layout.less sheet.
*/
.RightColumnContainer h1,
.LeftColumnContainer h1,
.RightColumnContainer h2,
.LeftColumnContainer h2,
.RightColumnContainer h3,
.LeftColumnContainer h3,
.RightColumnContainer h4,
.LeftColumnContainer h4,
.RightColumnContainer p,
.LeftColumnContainer p {
  margin-left: 0px;
}
.RightColumnContainer .block_container,
.LeftColumnContainer .block_container {
  float: left;
  width: 99%;
  border: 1px solid #c0c0c0;
  margin-top: 0px;
  margin-right: 1px;
  margin-bottom: 1em;
  margin-left: 0px;
  overflow: hidden;
}
.RightColumnContainer .block_container h2,
.LeftColumnContainer .block_container h2 {
  display: block;
  font-size: medium;
  color: #ffffff;
  background: #666666;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
}
.RightColumnContainer .block_container h3,
.LeftColumnContainer .block_container h3,
.RightColumnContainer .block_container h4,
.LeftColumnContainer .block_container h4,
.RightColumnContainer .block_container p,
.LeftColumnContainer .block_container p {
  margin-left: 2%;
  margin-right: 1%;
}
.RightColumnContainer .block_container .bc_p_right_just,
.LeftColumnContainer .block_container .bc_p_right_just {
  text-align: right;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.RightColumnContainer .block_container .bc_left_image_block,
.LeftColumnContainer .block_container .bc_left_image_block {
  float: left;
  width: 45%;
  margin-right: 1%;
  margin-left: 2%;
}
.RightColumnContainer .block_container .bc_right_text_block,
.LeftColumnContainer .block_container .bc_right_text_block {
  text-align: center;
  float: left;
  height: auto;
  width: 50%;
  margin-right: 1%;
  margin-left: 1%;
}
/* ============================================================================================== */
/*
Small science item container for index and column border blocks
 */
.mini_science_item_container {
  zoom: 1;
  /* ie 6/7 */
  clear: left;
  margin-bottom: 5px;
  margin-left: 2%;
}
.mini_science_item_container:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.mini_science_item_container .item_content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 100px;
}
.mini_science_item_container .item_content h3,
.mini_science_item_container .item_content h4,
.mini_science_item_container .item_content p {
  margin-left: 0px;
}
@media (max-width: 440px) {
  .mini_science_item_container .item_content {
    margin-left: 0px;
  }
}
.mini_science_item_container .div_item_image_left_float {
  display: block;
  text-align: center;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  background-color: #ffffff;
  padding: 3px;
  height: 75px;
  width: 75px;
  border: 2px solid #dddddd;
  /* Shrink the standard science thumbnail size item */
  /* Hide the image for small smart phones */
}
.mini_science_item_container .div_item_image_left_float img {
  height: 75px;
  width: 75px;
}
@media (max-width: 440px) {
  .mini_science_item_container .div_item_image_left_float {
    display: none;
  }
}
/* ============================================================================================== */
.random_photo_contaminer {
  float: right;
  clear: right;
  border: solid 2px #cccccc;
  width: 25%;
  max-width: 220px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  /* Hide the image for small screens */
}
.random_photo_contaminer .random_pg_l_caption,
.random_photo_contaminer .random_pg_p_caption {
  font-size: 0.8em;
  line-height: 1.1;
  text-align: center;
}
.random_photo_contaminer .random_pg_l_caption img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.random_photo_contaminer .random_pg_p_caption {
  /* Smaller than tablet */
}
.random_photo_contaminer .random_pg_p_caption img {
  height: 100%;
  max-height: 200px;
  width: auto;
}
@media (max-width: 750px) {
  .random_photo_contaminer .random_pg_p_caption img {
    height: 100%;
    max-height: 150px;
    width: auto;
  }
}
@media (max-width: 550px) {
  .random_photo_contaminer {
    display: none;
  }
}
/* ============================================================================================== */
/* Styles for Sicence Items Divs =================  */
.content_div .science_heading {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
}
.science_item_container {
  zoom: 1;
  /* ie 6/7 */
  clear: left;
  margin-bottom: 10px;
  margin-left: 3%;
}
.science_item_container:after {
  clear: left;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.science_item_container .science_item_content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 112px;
}
.science_item_container .science_item_content h3,
.science_item_container .science_item_content h4,
.science_item_container .science_item_content p {
  margin-left: 0px;
}
@media (max-width: 440px) {
  .science_item_container .science_item_content {
    margin-left: 0px;
  }
}
.science_item_container .div_image_science_left_float {
  display: block;
  text-align: center;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  background-color: #ffffff;
  padding: 4px;
  height: 80px;
  width: 80px;
  border: 2px solid #dddddd;
  /* Hide the image for small smart phones */
}
@media (max-width: 440px) {
  .science_item_container .div_image_science_left_float {
    display: none;
  }
}
/* Styles for What's New items  */
.whats_new_container {
  zoom: 1;
  /* ie 6/7 */
  clear: left;
  margin-bottom: 1em;
  margin-left: 3%;
}
.whats_new_container:after {
  clear: left;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.whats_new_container .whats_new_content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 92px;
}
.whats_new_container .whats_new_content p {
  margin-top: 0px;
  margin-bottom: 4px;
  font-weight: bold;
}
.whats_new_container .whats_new_content h3,
.whats_new_container .whats_new_content h4,
.whats_new_container .whats_new_content p {
  margin-left: 0px;
}
@media (max-width: 440px) {
  .whats_new_container .whats_new_content {
    margin-left: 0px;
  }
}
.whats_new_container .whats_new_left_float_image {
  text-align: center;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
  background-color: #ffffff;
  padding: 2px;
  height: 82px;
  width: 82px;
  border: none;
  /* Hide the image for small smart phones */
}
@media (max-width: 440px) {
  .whats_new_container .whats_new_left_float_image {
    display: none;
  }
}
/* Styles for a research team page  */
.res_team_member_container {
  zoom: 1;
  /* ie 6/7 */
  clear: left;
  margin-bottom: 2em;
  margin-left: 3%;
}
.res_team_member_container:after {
  clear: left;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.res_team_member_container .res_team_member_content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 140px;
}
.res_team_member_container .res_team_member_content p {
  margin-top: 3px;
  margin-bottom: 3px;
}
.res_team_member_container .res_team_member_content h3,
.res_team_member_container .res_team_member_content h4,
.res_team_member_container .res_team_member_content p {
  margin-left: 0px;
}
@media (max-width: 440px) {
  .res_team_member_container .res_team_member_content {
    margin-left: 0px;
  }
}
.res_team_member_container .div_image_res_team_member_left_float {
  text-align: center;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
  background-color: #ffffff;
  padding: 4px;
  height: 110px;
  width: 110px;
  border: 2px solid #dddddd;
  /* Hide the image for small smart phones */
}
@media (max-width: 440px) {
  .res_team_member_container .div_image_res_team_member_left_float {
    display: none;
  }
}
/* ============= Floating Div Containers ===============*/
/* TO CHANGE THE WIDTH OF THE LAYER TO ACCOMODATE WIDER/NARROWER IMAGES:
Talk about using styles in the overrides.css file.
 */
.content_div {
  /*
	Div contaners for right floating images with caption
	the .div_hl_image_float_border_right style is for Science Features
	 */
  /* ============================================================================================== */
}
.content_div .RightImageContainer,
.content_div .div_hl_image_float_border_right,
.content_div .RightTextContainer {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 95%;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  /* For devices larger than 550px */
}
.content_div .RightImageContainer img,
.content_div .div_hl_image_float_border_right img,
.content_div .RightTextContainer img {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.content_div .RightImageContainer sup,
.content_div .div_hl_image_float_border_right sup,
.content_div .RightTextContainer sup,
.content_div .RightImageContainer sub,
.content_div .div_hl_image_float_border_right sub,
.content_div .RightTextContainer sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.6em;
}
.content_div .RightImageContainer sup,
.content_div .div_hl_image_float_border_right sup,
.content_div .RightTextContainer sup {
  top: -0.4em;
}
.content_div .RightImageContainer sub,
.content_div .div_hl_image_float_border_right sub,
.content_div .RightTextContainer sub {
  top: 0.4em;
}
@media (min-width: 550px) {
  .content_div .RightImageContainer,
  .content_div .div_hl_image_float_border_right,
  .content_div .RightTextContainer {
    float: right;
    clear: right;
    width: 45%;
    max-width: 410px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 25px;
  }
  .content_div .RightImageContainer img,
  .content_div .div_hl_image_float_border_right img,
  .content_div .RightTextContainer img {
    max-width: 100%;
  }
}
.content_div .RightImageContainer .smaller_caption_text,
.content_div .div_hl_image_float_border_right .smaller_caption_text,
.content_div .RightTextContainer .smaller_caption_text {
  font-size: 0.8em;
  line-height: 1.0;
}
.content_div .RightImageContainer,
.content_div .div_hl_image_float_border_right {
  text-align: center;
}
.content_div .RightTextContainer {
  text-align: left;
  background: #d9dbcc;
}
.content_div .RightTextContainer p {
  margin-left: 1%;
  font-size: 1em;
  line-height: 1.1;
  margin-bottom: 1.8rem;
}
.content_div .RightTextContainer ul {
  margin-left: 2%;
}
.content_div .RightTextContainer li {
  font-size: 1em;
  margin-bottom: 2px;
}
.content_div .invest_pretitle {
  font-weight: bold;
  font-size: medium;
  margin-top: 2rem;
  margin-bottom: 0.4rem;
}
/* ============================================================================================== */
/* Image centering divs */
.CenterImageContainer_900 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 920px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_900 img {
  width: 100%;
  max-width: 900px;
  height: auto;
}
.CenterImageContainer_800 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 820px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_800 img {
  width: 100%;
  max-width: 800px;
  height: auto;
}
.CenterImageContainer_700 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 720px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_700 img {
  width: 100%;
  max-width: 700px;
  height: auto;
}
.CenterImageContainer_620 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 640px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_620 img {
  width: 100%;
  max-width: 620px;
  height: auto;
}
.CenterImageContainer_600 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 620px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_600 img {
  width: 100%;
  max-width: 600px;
  height: auto;
}
.CenterImageContainer_500 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 520px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_500 img {
  width: 100%;
  max-width: 500px;
  height: auto;
}
.CenterImageContainer_400 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 420px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_400 img {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.CenterImageContainer_300 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 320px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_300 img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.CenterImageContainer_250 {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 94%;
  max-width: 270px;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterImageContainer_250 img {
  width: 100%;
  max-width: 250px;
  height: auto;
}
/* ============================================================================================== */
.CenterTextBox {
  clear: both;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: left;
  border: solid 2px #cccccc;
  background: #d9dbcc;
  padding: 10px;
  width: 94%;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}
.CenterTextBox h2,
.CenterTextBox h3,
.CenterTextBox h4 {
  margin-left: 2%;
}
.CenterTextBox p {
  margin-left: 2%;
  font-size: 1em;
  line-height: 1.1;
  margin-bottom: 1.8rem;
}
.CenterTextBox ul {
  margin-left: 2%;
}
.CenterTextBox li {
  font-size: 1em;
  margin-bottom: 2px;
}
/* ============================================================================================== */
.LeftImageContainer {
  clear: both;
  text-align: center;
  border: solid 2px #cccccc;
  padding: 5px;
  width: 100%;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  /* For devices larger than 550px */
}
@media (min-width: 550px) {
  .LeftImageContainer {
    float: left;
    width: 50%;
    margin-top: 10px;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-left: 3%;
  }
}
/* ============================================================================================== */
div.LeftImageContainerPlan {
  float: left;
  padding: 3px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
}
.RightTextContainerPlain {
  clear: right;
  font-size: 0.9em;
  line-height: 1.1;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 95%;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  text-align: left;
  /* For devices larger than 550px */
}
.RightTextContainerPlain p {
  font-size: 0.9em;
  line-height: 1.1;
  margin-bottom: 2rem;
}
@media (min-width: 550px) {
  .RightTextContainerPlain {
    float: right;
    clear: right;
    width: 40%;
    max-width: 380px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 25px;
  }
}
.RightTextContainerWithRightImage {
  clear: both;
  text-align: left;
  background: #d9dbcc;
  font-size: 0.9em;
  line-height: 1.1;
  border: solid 2px #cccccc;
  padding: 10px;
  width: 95%;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  /* For devices larger than 550px */
}
.RightTextContainerWithRightImage p {
  margin-left: 1%;
  font-size: 1em;
  line-height: 1.1;
  margin-bottom: 1.8rem;
}
.RightTextContainerWithRightImage ul {
  margin-left: 2%;
}
.RightTextContainerWithRightImage li {
  font-size: 1em;
  margin-bottom: 2px;
}
.RightTextContainerWithRightImage img {
  float: right;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-left: 5px;
  width: 20%;
  max-width: 200px;
  height: auto;
}
@media (min-width: 550px) {
  .RightTextContainerWithRightImage {
    float: right;
    clear: right;
    width: 45%;
    max-width: 410px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 25px;
  }
  .RightTextContainerWithRightImage img {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-left: 8px;
    width: 25%;
    max-width: 250px;
    height: auto;
  }
}
/* ============================================================================================== */
.LeftTextContainer,
.LeftTextBox {
  clear: left;
  font-size: 0.9em;
  line-height: 1.1;
  text-align: left;
  border: solid 2px #cccccc;
  background: #d9dbcc;
  padding: 10px;
  width: 95%;
  margin-top: .8em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
  /* For devices larger than 550px */
}
.LeftTextContainer p,
.LeftTextBox p {
  margin-left: 1%;
  font-size: 0.9em;
  line-height: 1.1;
  margin-bottom: 2rem;
}
.LeftTextContainer ul,
.LeftTextBox ul {
  margin-left: 2%;
}
.LeftTextContainer li,
.LeftTextBox li {
  margin-bottom: 2px;
}
@media (min-width: 550px) {
  .LeftTextContainer,
  .LeftTextBox {
    float: left;
    clear: left;
    width: 30%;
    max-width: 350px;
    margin-right: 2%;
    margin-left: 3%;
  }
}
/* ======================== */
div.RightRandomPhotoContainer {
  clear: both;
  text-align: center;
  border: solid 2px #cccccc;
  background: #d9dbcc;
  float: right;
  padding: 3px;
  width: 210px;
  margin-top: 10px;
  margin-right: 25px;
  margin-bottom: 10px;
  margin-left: 5px;
}
div.MoreAtBottom {
  position: static;
  width: 100%;
  z-index: 1;
  float: right;
}
.index_heading {
  background-color: #eaffeb;
  margin-top: 0px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  border: thin solid #cccccc;
}
/* ============================================================================================== */
/* Table styles */
/* Default table style for all tables */
.table_float_right,
.table_float_left,
.table_full_width {
  padding: 0.1em;
  clear: both;
  float: none;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 2px solid #c0c0c0;
  overflow-x: auto;
  border-collapse: collapse;
  /* Cell styles */
  /* Reset Skeleton's table style first child and last child styles */
  /* Alternate the color of the rows */
}
.table_float_right caption,
.table_float_left caption,
.table_full_width caption {
  caption-side: top;
  font-size: 1.2em;
  text-align: center;
  padding: 0.5em 0;
  font-weight: bold;
}
.table_float_right th,
.table_float_left th,
.table_full_width th {
  text-align: center;
  font-weight: bold;
  background-color: #c1ced7;
  padding-top: 0.5em;
  padding-right: 0.1em;
  padding-bottom: 0.4em;
  padding-left: 0.1em;
}
.table_float_right td,
.table_float_left td,
.table_full_width td {
  text-align: center;
  padding-top: 0.4em;
  padding-right: 0.1em;
  padding-bottom: 0.4em;
  padding-left: 0.1em;
}
.table_float_right th:first-child,
.table_float_left th:first-child,
.table_full_width th:first-child,
.table_float_right td:first-child,
.table_float_left td:first-child,
.table_full_width td:first-child {
  padding-left: 0.2em;
}
.table_float_right th:last-child,
.table_float_left th:last-child,
.table_full_width th:last-child,
.table_float_right td:last-child,
.table_float_left td:last-child,
.table_full_width td:last-child {
  padding-right: 0.02em;
}
.table_float_right tr:nth-child(odd),
.table_float_left tr:nth-child(odd),
.table_full_width tr:nth-child(odd) {
  background-color: #dddddd;
}
/* Table that floats to the right */
.table_float_right {
  /* For devices larger than 550px */
}
@media (min-width: 550px) {
  .table_float_right {
    float: right;
    clear: right;
    width: 40%;
    margin-right: 1%;
    margin-left: 2%;
  }
}
/* Table that floates to the left */
.table_float_left {
  /* For devices larger than 550px */
}
@media (min-width: 550px) {
  .table_float_left {
    float: left;
    clear: left;
    width: 40%;
    margin-right: 3%;
    margin-left: 3%;
  }
}
/* Table that's the full width of the parent container */
.table_full_width {
  /* For devices larger than 550px */
}
@media (min-width: 550px) {
  .table_full_width {
    margin-left: 3%;
    margin-right: 2%;
  }
}
/* ============================================================================================== */
/*
Styles for Toxics Science Features ===========================================================
*/
/* ============================================================================================== */
/* Styles for Science Feature pages */
/* Style for span tag the encloses the opening statement on a Science Feature page  */
.hl_tag_line {
  font-style: italic;
}
/* Styles for the list of science features on the archrive page */
ul.sf_list {
  margin-bottom: 1em;
}
hr.sf_list_hr {
  margin-bottom: 0.5em ;
  margin-top: 0.5em;
  border: 0;
  height: 1px;
  background: #888888;
  background-image: linear-gradient(to right, #cccccc, #888888, #cccccc);
}
/* ============================================================================================== */
/* Styles for Science Feature index pages  */
/* headline Item Styles */
.headline_item_container {
  zoom: 1;
  /* ie 6/7 */
  clear: left;
  margin-bottom: 2em;
  margin-left: 3%;
}
.headline_item_container:after {
  clear: left;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.headline_item_container .headline_item_content {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 24%;
  /* Shrink the margen small smart phones */
}
.headline_item_container .headline_item_content .flush_to_right {
  text-align: right;
}
.headline_item_container .headline_item_content h2 {
  font-size: 1.6rem;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  /* For devices larger than 550px */
}
@media (min-width: 550px) {
  .headline_item_container .headline_item_content h2 {
    font-size: 2.0rem;
  }
}
.headline_item_container .headline_item_content p {
  margin-left: 0px;
}
@media (max-width: 440px) {
  .headline_item_container .headline_item_content {
    margin-left: 1%;
  }
}
.headline_item_container .div_image_headline_left_float {
  text-align: center;
  float: left;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-left: 0px;
  background-color: #ffffff;
  padding: 4px;
  width: 22%;
  max-width: 200px;
  height: auto;
  border: 2px solid #dddddd;
  /* Hide the image for small smart phones */
}
.headline_item_container .div_image_headline_left_float img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
@media (max-width: 440px) {
  .headline_item_container .div_image_headline_left_float {
    display: none;
  }
}
.more_headlines {
  clear: both;
  text-align: right;
}
.more_science_features_i {
  text-align: right;
}
/* ============================================================================================== */
/* Styles for the link back to the GeoHealth Newsletter */
.geo_health_container {
  clear: left;
  width: 96%;
  margin-top: 1em;
  margin-right: 1%;
  margin-bottom: 2em;
  margin-left: 3%;
  z-index: auto;
}
.geo_health_container .geo_health_image_div {
  padding: 0px;
  float: left;
  margin-top: 0px;
  margin-right: 1%;
  margin-bottom: 0px;
  margin-left: 0px;
}
.geo_health_container .geo_health_content {
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  margin-left: 95px;
}
/* ============================================================================================== */
/* Styles for Investigations Pages */
/* Style for the navagation div on Contaminats of Emerging Concern Investigations pages */
.cec_nav_bar {
  clear: both;
  margin-top: .5em;
  margin-right: .5%;
  margin-bottom: .5em;
  margin-left: 3%;
  text-align: center;
  /* Make the buttons a bit smaller - Font weight of 400 is the same as normal */
}
.cec_nav_bar .button,
.cec_nav_bar button,
.cec_nav_bar input[type="button"] {
  height: 28px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: .5rem;
}
/*  Paragraph Formats ===================================  */
.REFERENCE {
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 3%;
  text-indent: -3em;
  padding-left: 3em;
  text-align: left;
}
.question {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.6;
  color: #090;
  background-color: #FF6;
}
.inline_question {
  font-style: italic;
  font-weight: bold;
  color: #090;
  background-color: #FF6;
}
/* ============================================================================================== */
/* Styles for Bibliography Pages */
.bib_nav_bar {
  clear: both;
  margin-top: .5em;
  margin-right: .5%;
  margin-bottom: 1em;
  margin-left: 3%;
  text-align: center;
  font-weight: 500;
}
.bib_nav_bar image {
  margin-right: 3px;
  margin-left: 3px;
}
.bib_top_nav_bar {
  clear: both;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  margin-top: .5em;
  margin-bottom: 1em;
  text-align: center;
  font-weight: 500;
}
.bib_top_nav_bar image {
  margin-right: 3px;
  margin-left: 3px;
}
@media (min-width: 550px) {
  .bib_top_nav_bar {
    float: left;
    clear: left;
    width: 56%;
    margin-right: 1%;
    margin-left: 3%;
  }
}
.bib_right_text_box {
  clear: right;
  font-size: 0.9em;
  line-height: 1.1;
  border: solid 2px #cccccc;
  background: #d9dbcc;
  padding-top: 10px;
  padding-right: 1%;
  padding-bottom: 10px;
  padding-left: 1%;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  margin-top: .5em;
  margin-bottom: 1em;
  text-align: left;
  /* For devices larger than 550px */
}
@media (min-width: 550px) {
  .bib_right_text_box {
    float: right;
    clear: right;
    width: 35%;
    margin-right: .5%;
    margin-left: 1%;
  }
}
.bib_header {
  width: 97%;
  margin-left: 3%;
  /* apply clearfix to the parent */
  zoom: 1;
  /* ie 6/7 */
}
.bib_header:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.bib_header .h_left {
  float: left;
  width: 50%;
}
.bib_header .h_left h2 {
  margin-left: 0px;
}
.bib_header .p_right {
  float: right;
  width: 50%;
  text-align: right;
}
/* ============================================================================================== */
/*
toxics_side_menu.less -- Styles for the left side bar menu for Toxics pages
*/
/*
===== Styles for Navigation Side Bar Menu for Toxic Program Web Site =====
Based on the styles used for the USGS Mission Area Pages
*/
/* Styles for side navigation menu */
.sdmenu {
  width: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: small;
  padding-bottom: 0px;
  background: #eeeeee;
  /* Light Gray */
  color: #ffffff;
  /* title - Level one menu item --------------------------------------------------- */
  /* Level two menu items ----------------------------------------------------------- */
  /* sub_program - Is a level menu item but it's separated out so we can show it for small screens ---- */
  /* Hide the submenu for smaller screens */
  /* change fomating of .sub_program slightly for smaller screens but still show it */
  /* trdmenu - Third level memu items ----------------------------------------------- */
  /* current - Thrid level memu items for page in the current directory path */
}
.sdmenu .title {
  display: block;
  padding: 5px 3px;
  font-weight: bold;
  color: white;
  background: #666666;
  border-bottom: 1px solid #dddddd;
}
.sdmenu .title a {
  color: #ffffff;
  text-decoration: none;
}
.sdmenu .title a:hover {
  color: #cccccc;
  text-decoration: underline;
}
.sdmenu .arrow {
  margin-left: 10px;
  margin-right: 7px;
}
.sdmenu .submenu,
.sdmenu .sub_program {
  overflow: hidden;
}
.sdmenu .submenu a,
.sdmenu .sub_program a {
  background: #eeeeee;
  /* Light Gray */
  display: block;
  border-bottom: 1px solid #dddddd;
  color: #000000;
  text-decoration: none;
  padding: 5px 0 5px 5px;
}
.sdmenu .submenu a:hover,
.sdmenu .sub_program a:hover {
  background: #999999 url('/images/icons/linkarrow.gif') no-repeat right center;
  color: #ffffff;
}
@media (max-width: 750px) {
  .sdmenu .submenu {
    display: none;
  }
}
@media (max-width: 750px) {
  .sdmenu .sub_program {
    background: #d9d9d9;
  }
  .sdmenu .sub_program a:hover {
    background: #808080;
    color: #ffffff;
  }
  .sdmenu .sub_program br {
    display: none;
  }
}
.sdmenu .trdmenu,
.sdmenu .current {
  overflow: hidden;
}
.sdmenu .trdmenu a,
.sdmenu .current a {
  display: block;
  border-bottom: 1px solid #dddddd;
  color: #666666;
  text-decoration: none;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 15px;
}
.sdmenu .trdmenu a:hover,
.sdmenu .current a:hover {
  background-image: url('/images/icons/linkarrow.gif');
  background-repeat: no-repeat;
  background-position: right center;
}
.sdmenu .trdmenu a {
  background-color: #ffffff;
}
.sdmenu .trdmenu a:hover {
  color: #000000;
  background-color: #cccccc;
}
.sdmenu .current a {
  color: #ffffff;
  background-color: #6d8ca2;
  font-weight: bold;
}
.sdmenu .current a:hover {
  color: #ffffff;
  background-color: #5b778b;
  font-weight: bold;
}
/* ============================================================================================== */
/* Styles for include files */
/* Styles for includes */
/* ============================================================================================== */
/* Styles for the Get Adobe Reader Notice */
.contaner_get_adobe {
  display: flex;
  overflow: hidden;
  margin-top: 1em;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 3%;
  padding-top: 1em;
  padding-right: 10px;
  padding-bottom: 1em;
  padding-left: 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #c0c0c0;
  /* The size of the get Adove icon is width="88" height="31" */
}
.contaner_get_adobe .DIV_adobe_left_image {
  display: block;
  float: left;
  width: 88px;
  height: 31px;
  text-align: center;
  margin-top: auto;
  margin-right: 6px;
  margin-bottom: auto;
  margin-left: 0px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
@media (max-width: 630px) {
  .contaner_get_adobe .DIV_adobe_left_image {
    margin-right: 10px;
    float: none;
    width: 80%;
  }
}
.contaner_get_adobe p {
  overflow: hidden;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
}
@media (max-width: 630px) {
  .contaner_get_adobe p {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/* ============================================================================================== */
/* ============================================================================================== */
/*
overrides.less - Styles used to rest other syles
*/
/* ============================================================================================== */
/* Style resets for image contaner divs. Use with a span tag over the div you want to modify */
.make_portrait_square .RightImageContainer,
.make_portrait_square .div_hl_image_float_border_right,
.make_portrait_square .RightTextContainer {
  width: 94%;
  /* For devices larger than 550px */
}
.make_portrait_square .RightImageContainer img,
.make_portrait_square .div_hl_image_float_border_right img,
.make_portrait_square .RightTextContainer img {
  width: 100%;
  max-width: 350px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_square .RightImageContainer,
  .make_portrait_square .div_hl_image_float_border_right,
  .make_portrait_square .RightTextContainer {
    float: right;
    clear: right;
    width: 38%;
    max-width: 360px;
  }
  .make_portrait_square .RightImageContainer img,
  .make_portrait_square .div_hl_image_float_border_right img,
  .make_portrait_square .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait .RightImageContainer,
.make_portrait .div_hl_image_float_border_right,
.make_portrait .RightTextContainer {
  width: 94%;
  /* For devices larger than 550px */
}
.make_portrait .RightImageContainer img,
.make_portrait .div_hl_image_float_border_right img,
.make_portrait .RightTextContainer img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait .RightImageContainer,
  .make_portrait .div_hl_image_float_border_right,
  .make_portrait .RightTextContainer {
    float: right;
    clear: right;
    width: 35%;
    max-width: 310px;
  }
  .make_portrait .RightImageContainer img,
  .make_portrait .div_hl_image_float_border_right img,
  .make_portrait .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait_350 .RightImageContainer,
.make_portrait_350 .div_hl_image_float_border_right,
.make_portrait_350 .RightTextContainer {
  width: 92%;
  /* For devices larger than 550px */
}
.make_portrait_350 .RightImageContainer img,
.make_portrait_350 .div_hl_image_float_border_right img,
.make_portrait_350 .RightTextContainer img {
  width: 100%;
  max-width: 262px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_350 .RightImageContainer,
  .make_portrait_350 .div_hl_image_float_border_right,
  .make_portrait_350 .RightTextContainer {
    float: right;
    clear: right;
    width: 32%;
    max-width: 272px;
  }
  .make_portrait_350 .RightImageContainer img,
  .make_portrait_350 .div_hl_image_float_border_right img,
  .make_portrait_350 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait_300 .RightImageContainer,
.make_portrait_300 .div_hl_image_float_border_right,
.make_portrait_300 .RightTextContainer {
  width: 90%;
  /* For devices larger than 550px */
}
.make_portrait_300 .RightImageContainer img,
.make_portrait_300 .div_hl_image_float_border_right img,
.make_portrait_300 .RightTextContainer img {
  width: 100%;
  max-width: 225px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_300 .RightImageContainer,
  .make_portrait_300 .div_hl_image_float_border_right,
  .make_portrait_300 .RightTextContainer {
    float: right;
    clear: right;
    width: 30%;
    max-width: 235px;
  }
  .make_portrait_300 .RightImageContainer img,
  .make_portrait_300 .div_hl_image_float_border_right img,
  .make_portrait_300 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait_250 .RightImageContainer,
.make_portrait_250 .div_hl_image_float_border_right,
.make_portrait_250 .RightTextContainer {
  width: 85%;
  /* For devices larger than 550px */
}
.make_portrait_250 .RightImageContainer img,
.make_portrait_250 .div_hl_image_float_border_right img,
.make_portrait_250 .RightTextContainer img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_250 .RightImageContainer,
  .make_portrait_250 .div_hl_image_float_border_right,
  .make_portrait_250 .RightTextContainer {
    float: right;
    clear: right;
    width: 25%;
    max-width: 210px;
  }
  .make_portrait_250 .RightImageContainer img,
  .make_portrait_250 .div_hl_image_float_border_right img,
  .make_portrait_250 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait_200 .RightImageContainer,
.make_portrait_200 .div_hl_image_float_border_right,
.make_portrait_200 .RightTextContainer {
  width: 70%;
  /* For devices larger than 550px */
}
.make_portrait_200 .RightImageContainer img,
.make_portrait_200 .div_hl_image_float_border_right img,
.make_portrait_200 .RightTextContainer img {
  width: 100%;
  max-width: 150px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_200 .RightImageContainer,
  .make_portrait_200 .div_hl_image_float_border_right,
  .make_portrait_200 .RightTextContainer {
    float: right;
    clear: right;
    width: 25%;
    max-width: 160px;
  }
  .make_portrait_200 .RightImageContainer img,
  .make_portrait_200 .div_hl_image_float_border_right img,
  .make_portrait_200 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait_150 .RightImageContainer,
.make_portrait_150 .div_hl_image_float_border_right,
.make_portrait_150 .RightTextContainer {
  width: 65%;
  /* For devices larger than 550px */
}
.make_portrait_150 .RightImageContainer img,
.make_portrait_150 .div_hl_image_float_border_right img,
.make_portrait_150 .RightTextContainer img {
  width: 100%;
  max-width: 110px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_150 .RightImageContainer,
  .make_portrait_150 .div_hl_image_float_border_right,
  .make_portrait_150 .RightTextContainer {
    float: right;
    clear: right;
    width: 22%;
    max-width: 120px;
  }
  .make_portrait_150 .RightImageContainer img,
  .make_portrait_150 .div_hl_image_float_border_right img,
  .make_portrait_150 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_portrait_100 .RightImageContainer,
.make_portrait_100 .div_hl_image_float_border_right,
.make_portrait_100 .RightTextContainer {
  width: 60%;
  /* For devices larger than 550px */
}
.make_portrait_100 .RightImageContainer img,
.make_portrait_100 .div_hl_image_float_border_right img,
.make_portrait_100 .RightTextContainer img {
  width: 100%;
  max-width: 75px;
  height: auto;
}
@media (min-width: 550px) {
  .make_portrait_100 .RightImageContainer,
  .make_portrait_100 .div_hl_image_float_border_right,
  .make_portrait_100 .RightTextContainer {
    float: right;
    clear: right;
    width: 20%;
    max-width: 85px;
  }
  .make_portrait_100 .RightImageContainer img,
  .make_portrait_100 .div_hl_image_float_border_right img,
  .make_portrait_100 .RightTextContainer img {
    max-width: 100%;
  }
}
/* ============================================================================================== */
/* Make landscape divs smaller */
.make_bigger_600 .RightImageContainer,
.make_bigger_600 .div_hl_image_float_border_right,
.make_bigger_600 .RightTextContainer {
  width: 95%;
  /* For devices larger than 550px */
}
.make_bigger_600 .RightImageContainer img,
.make_bigger_600 .div_hl_image_float_border_right img,
.make_bigger_600 .RightTextContainer img {
  width: 100%;
  max-width: 600px;
  height: auto;
}
@media (min-width: 550px) {
  .make_bigger_600 .RightImageContainer,
  .make_bigger_600 .div_hl_image_float_border_right,
  .make_bigger_600 .RightTextContainer {
    float: right;
    clear: right;
    width: 55%;
    max-width: 610px;
  }
  .make_bigger_600 .RightImageContainer img,
  .make_bigger_600 .div_hl_image_float_border_right img,
  .make_bigger_600 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_bigger_500 .RightImageContainer,
.make_bigger_500 .div_hl_image_float_border_right,
.make_bigger_500 .RightTextContainer {
  width: 95%;
  /* For devices larger than 550px */
}
.make_bigger_500 .RightImageContainer img,
.make_bigger_500 .div_hl_image_float_border_right img,
.make_bigger_500 .RightTextContainer img {
  width: 100%;
  max-width: 500px;
  height: auto;
}
@media (min-width: 550px) {
  .make_bigger_500 .RightImageContainer,
  .make_bigger_500 .div_hl_image_float_border_right,
  .make_bigger_500 .RightTextContainer {
    float: right;
    clear: right;
    width: 50%;
    max-width: 510px;
  }
  .make_bigger_500 .RightImageContainer img,
  .make_bigger_500 .div_hl_image_float_border_right img,
  .make_bigger_500 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_bigger_450 .RightImageContainer,
.make_bigger_450 .div_hl_image_float_border_right,
.make_bigger_450 .RightTextContainer {
  width: 94%;
  /* For devices larger than 550px */
}
.make_bigger_450 .RightImageContainer img,
.make_bigger_450 .div_hl_image_float_border_right img,
.make_bigger_450 .RightTextContainer img {
  width: 100%;
  max-width: 450px;
  height: auto;
}
@media (min-width: 550px) {
  .make_bigger_450 .RightImageContainer,
  .make_bigger_450 .div_hl_image_float_border_right,
  .make_bigger_450 .RightTextContainer {
    float: right;
    clear: right;
    width: 45%;
    max-width: 460px;
  }
  .make_bigger_450 .RightImageContainer img,
  .make_bigger_450 .div_hl_image_float_border_right img,
  .make_bigger_450 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_350 .RightImageContainer,
.make_small_350 .div_hl_image_float_border_right,
.make_small_350 .RightTextContainer {
  width: 93%;
  /* For devices larger than 550px */
}
.make_small_350 .RightImageContainer img,
.make_small_350 .div_hl_image_float_border_right img,
.make_small_350 .RightTextContainer img {
  width: 100%;
  max-width: 350px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_350 .RightImageContainer,
  .make_small_350 .div_hl_image_float_border_right,
  .make_small_350 .RightTextContainer {
    float: right;
    clear: right;
    width: 39%;
    max-width: 360px;
  }
  .make_small_350 .RightImageContainer img,
  .make_small_350 .div_hl_image_float_border_right img,
  .make_small_350 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_340 .RightImageContainer,
.make_small_340 .div_hl_image_float_border_right,
.make_small_340 .RightTextContainer {
  width: 92%;
  /* For devices larger than 550px */
}
.make_small_340 .RightImageContainer img,
.make_small_340 .div_hl_image_float_border_right img,
.make_small_340 .RightTextContainer img {
  width: 100%;
  max-width: 340px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_340 .RightImageContainer,
  .make_small_340 .div_hl_image_float_border_right,
  .make_small_340 .RightTextContainer {
    float: right;
    clear: right;
    width: 38%;
    max-width: 350px;
  }
  .make_small_340 .RightImageContainer img,
  .make_small_340 .div_hl_image_float_border_right img,
  .make_small_340 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_300 .RightImageContainer,
.make_small_300 .div_hl_image_float_border_right,
.make_small_300 .RightTextContainer {
  width: 90%;
  /* For devices larger than 550px */
}
.make_small_300 .RightImageContainer img,
.make_small_300 .div_hl_image_float_border_right img,
.make_small_300 .RightTextContainer img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_300 .RightImageContainer,
  .make_small_300 .div_hl_image_float_border_right,
  .make_small_300 .RightTextContainer {
    float: right;
    clear: right;
    width: 35%;
    max-width: 310px;
  }
  .make_small_300 .RightImageContainer img,
  .make_small_300 .div_hl_image_float_border_right img,
  .make_small_300 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_250 .RightImageContainer,
.make_small_250 .div_hl_image_float_border_right,
.make_small_250 .RightTextContainer {
  width: 85%;
  /* For devices larger than 550px */
}
.make_small_250 .RightImageContainer img,
.make_small_250 .div_hl_image_float_border_right img,
.make_small_250 .RightTextContainer img {
  width: 100%;
  max-width: 250px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_250 .RightImageContainer,
  .make_small_250 .div_hl_image_float_border_right,
  .make_small_250 .RightTextContainer {
    float: right;
    clear: right;
    width: 30%;
    max-width: 260px;
  }
  .make_small_250 .RightImageContainer img,
  .make_small_250 .div_hl_image_float_border_right img,
  .make_small_250 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_200 .RightImageContainer,
.make_small_200 .div_hl_image_float_border_right,
.make_small_200 .RightTextContainer {
  width: 70%;
  /* For devices larger than 550px */
}
.make_small_200 .RightImageContainer img,
.make_small_200 .div_hl_image_float_border_right img,
.make_small_200 .RightTextContainer img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_200 .RightImageContainer,
  .make_small_200 .div_hl_image_float_border_right,
  .make_small_200 .RightTextContainer {
    float: right;
    clear: right;
    width: 25%;
    max-width: 210px;
  }
  .make_small_200 .RightImageContainer img,
  .make_small_200 .div_hl_image_float_border_right img,
  .make_small_200 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_150 .RightImageContainer,
.make_small_150 .div_hl_image_float_border_right,
.make_small_150 .RightTextContainer {
  width: 50%;
  /* For devices larger than 550px */
}
.make_small_150 .RightImageContainer img,
.make_small_150 .div_hl_image_float_border_right img,
.make_small_150 .RightTextContainer img {
  width: 100%;
  max-width: 150px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_150 .RightImageContainer,
  .make_small_150 .div_hl_image_float_border_right,
  .make_small_150 .RightTextContainer {
    float: right;
    clear: right;
    width: 20%;
    max-width: 160px;
  }
  .make_small_150 .RightImageContainer img,
  .make_small_150 .div_hl_image_float_border_right img,
  .make_small_150 .RightTextContainer img {
    max-width: 100%;
  }
}
.make_small_100 .RightImageContainer,
.make_small_100 .div_hl_image_float_border_right,
.make_small_100 .RightTextContainer {
  width: 40%;
  /* For devices larger than 550px */
}
.make_small_100 .RightImageContainer img,
.make_small_100 .div_hl_image_float_border_right img,
.make_small_100 .RightTextContainer img {
  width: 100%;
  max-width: 100px;
  height: auto;
}
@media (min-width: 550px) {
  .make_small_100 .RightImageContainer,
  .make_small_100 .div_hl_image_float_border_right,
  .make_small_100 .RightTextContainer {
    float: right;
    clear: right;
    width: 15%;
    max-width: 110px;
  }
  .make_small_100 .RightImageContainer img,
  .make_small_100 .div_hl_image_float_border_right img,
  .make_small_100 .RightTextContainer img {
    max-width: 100%;
  }
}