/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
a {
	background: 0 0
}
a:active, a:hover {
	outline: 0
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: 700
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 200
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}
.grabbing {
	cursor: url(https://www.usbr.gov/img/icon-grabbing.png) 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.icon-facebook:before, .icon-file-text:before, .icon-flickr:before, .icon-instagram:before, .icon-pinterest:before, .icon-rss:before, .icon-tumblr:before, .icon-twitter:before, .icon-youtube:before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: '\0020';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	text-rendering: auto;
	width: 100%
}
.icon-twitter:before {
	background-image: url(https://www.usbr.gov/img/icon-twitter.png)
}
.icon-facebook:before {
	background-image: url(https://www.usbr.gov/img/icon-facebook.png)
}
.icon-pinterest:before {
	background-image: url(https://www.usbr.gov/img/icon-pinterest.png)
}
.icon-file-text:before {
	background-image: url(https://www.usbr.gov/img/icon-file-text.png)
}
.icon-rss:before {
	background-image: url(https://www.usbr.gov/img/icon-rss.png)
}
.icon-youtube:before {
	background-image: url(https://www.usbr.gov/img/icon-youtube.png)
}
.icon-instagram:before {
	background-image: url(https://www.usbr.gov/img/icon-instagram.png)
}
.icon-flickr:before {
	background-image: url(https://www.usbr.gov/img/icon-flickr.png)
}
.icon-tumblr:before {
	background-image: url(https://www.usbr.gov/img/icon-tumblr.png)
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.clearfix:after {
	content: "";
	display: table;
	clear: both
}
.bg-blue {
	background-color: #1B3371;
	background-image: -webkit-linear-gradient(top, #213f8c 0, #1b3371 100%);
	background-image: linear-gradient(to bottom, #213f8c 0, #1b3371 100%)
}
.bg-beige {
	background-color: #bcb18b;
	background-image: -webkit-linear-gradient(top, #ece2bc 0, #bcb18b 100%);
	background-image: linear-gradient(to bottom, #ece2bc 0, #bcb18b 100%)
}
.metadata {
	color: #777;
	font-size: .8em;
	text-decoration: none!important
}
.-no-outlines a, .-no-outlines button, .-no-outlines input, .-no-outlines select {
	outline: 0
}
.-red {
	color: #ee3e00
}
.-block {
	display: block
}
.-noBackground {
	background: 0 0!important
}
.resetList {
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	background-color: #fff;
	margin: 0 auto;
	max-width: 1280px
}
img {
	display: inline-block;
	max-width: 100%
}
hr {
	background: 0 0;
	border: none;
	border-top: 1px solid #c2c2c2;
	display: block;
	margin: 1em 0
}

table {
	border: none;
	margin: 40px 0;
	width: 100%!important
}


caption {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px
}
td {
	border: none;
	font-size: 12px;
	padding: 5px 10px
}
th, thead td {
	border: none;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 10px;
	text-align: left
}
tfoot td {
	font-weight: 700
}

tr:nth-child(2n+2) {
	background-color: #f0f0f0
}
.table-legacy {
	border: 1px solid #000;
	border-collapse: separate;
	border-spacing: 2px
}
.table-legacy td, .table-legacy th {
	border: 1px solid #000
}
.table-legacy td[class*=Header] {
	font-weight: 700
}
.table-legacy tr:nth-child(2n+2) {
	background-color: transparent
}

.table-legacy-no-border {
	border: none;
	border-collapse: separate;
	border-spacing: 2px
}
.table-legacy-no-border td, .table-legacy th {
	border: none;
}
.table-legacy-no-border td[class*=Header] {
	font-weight: 700
}
.table-legacy-no-border tr:nth-child(2n+2) {
	background-color: transparent
}
.container {
	margin: 0 auto;
	max-width: 1060px;
	position: relative
}
.Main {
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative
}
.Main:after {
	content: "";
	display: table;
	clear: both
}
@media screen and (min-width:48em) {
.Main {
	padding-top: 30px
}
}
.Main-content {
	background-color: #fff;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 20px
}
.Promo+.Main-content {
	padding-top: 0
}
.Main .Banner-image {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}
.Main-wrap {
	background-position: center bottom;
	background-repeat: no-repeat
}
@media screen and (max-width:41.25em) {
.Main-wrap {
	background: 0 0!important
}
}
@media screen and (min-width:41.25em) {
.Main-wrap {
	padding-bottom: 278px
}
.mdzr-backgroundsize .Main-wrap {
	background-size: 100%;
	padding-bottom: 29%
}
}
.Main-nav {
	margin-bottom: 1em
}
@media screen and (min-width:41.25em) {
.Main-nav {
	float: left;
	padding-right: 3em;
	width: 12em
}
}
.Main-well {
	overflow: hidden;
	margin: 1em 0
}
@media screen and (min-width:41.25em) {
.Main-well {
	border-top: 1px solid #c2c2c2
}
.Promo+.Main-banncontent .Main-well {
	border-top: none
}
}
.Main-well-columns {
	border-top: 1px solid #c2c2c2;
	margin: 1em 0;
	padding: 1em 0 0
}
.Main-well-columns:first-child {
	border-top: none;
	padding-top: 1px
}
.Main-well-columns:after {
	content: "";
	display: table;
	clear: both
}
.Main-well-columns-sidebar {
	padding-top: 2em;
	font-size: 13px;
	font-size: 1.3rem
}
@media screen and (min-width:48em) {
.Main-well-columns-content {
	float: left;
	width: 70%;
	padding-right: 3em
}
.Main-well-columns-sidebar {
	border-top: none;
	float: left;
	padding-top: 0;
	width: 30%
}
}
@media screen and (min-width:48em) and (max-width:54.75em) {
.Main-nav+.Main-well .Main-well-columns-content, .Main-nav+.Main-well .Main-well-columns-sidebar {
	float: none;
	padding: 0;
	width: auto
}
}
html {
	font-size: 62.5%
}
body {
	line-height: 1.5;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-size: 1.5rem
}
.h1, h1 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.2
}
.h2, h2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.2;
	padding-bottom: .25em
}
.h3, h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2
}
.h4, h4 {
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase
}
.h5, h5 {
	font-size: 15px;
	font-size: 1.5rem
}
.h6, h6 {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	text-transform: uppercase
}
a, a:link, a:visited {
	color: #213F8C;
	text-decoration: none
}
a:active, a:focus, a:hover {
	color: #213F8C;
	text-decoration: underline
}
p.-intro {
	font-size: 17px;
	font-size: 1.7rem
}
.small-text {
	font-size: 12px;
	font-size: .8em;
	font-style: italic
}
ol, ul {
	padding-left: 2em
}
li {
	margin-top: .25em
}
dl {
	margin: 1em 0
}
dt {
	font-weight: 700;
	margin: .75em 0 0;
	padding: 0
}
dd {
	margin: 0;
	padding: 0
}
blockquote {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 1.5em 1em;
	font-style: italic
}
abbr[title] {
	border-bottom: none
}
.critical-icon .fallback {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.Button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #213F8C;
	border: none;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 0;
	padding: .75em 1em;
	text-transform: uppercase
}
.Button:focus, .Button:hover {
	background: #172958
}
.Button-text {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border: none;
	color: #213F8C;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
	margin: 0;
	padding: .25em .5em
}
.Button-text:focus, .Button-text:hover {
	text-decoration: underline
}
.Banner {
	color: #fff;
	min-height: 5em;
	overflow: hidden;
	position: relative
}
@media only screen and (min-width:48em) {
.Banner {
	border-top: none
}
}
.Banner-content {
	margin: 0;
	padding: 2em 1em 2.5em;
	text-shadow: 2px 2px 2px rgba(0,0,0,.7)
}
@media screen and (min-width:37em) {
.Banner-content {
	padding: 1.5em 1em
}
}
@media screen and (min-width:64em) {
.Banner-content {
	padding-top: 2em
}
}
.Banner-content h1 {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 .25em
}
@media screen and (min-width:37em) {
.Banner-content h1 {
	font-size: 30px;
	font-size: 3rem;
	padding: .5em 0 .25em
}
}
@media screen and (min-width:48em) {
.Banner-content h1 {
	font-size: 32px;
	font-size: 3.2rem
}
}
@media screen and (min-width:64em) {
.Banner-content h1 {
	font-size: 34px;
	font-size: 3.4rem
}
}
.Banner-content p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0
}
@media screen and (min-width:37em) {
.Banner-content p {
	margin-right: 30%
}
}
@media screen and (min-width:37em) {
.Banner-content p {
	font-size: 20px;
	font-size: 2rem;
	margin-right: 35%
}
}
.Banner--full .Banner-content p {
	margin-right: 0
}
.Breadcrumbs {
	font-style: italic;
	margin-bottom: 1em
}
.Breadcrumbs li {
	display: inline
}
.Breadcrumbs li:before {
	content: ' / '
}
.Breadcrumbs li:first-child:before {
	content: ''
}
.Breadcrumbs a {
	color: #000
}
.ImageCaption {
	background: #fff;
	bottom: 0;
	color: #000;
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	font-style: italic;
	opacity: .75;
	padding: .25em .5em;
	position: absolute;
	right: 0;
	z-index: 1
}
.Carousel {
	display: block;
	margin: 1em 0
}
.Carousel-item {
	background: #fff;
	padding: 8px;
	position: relative
}
.Carousel img {
	display: block;
	margin: 0 auto
}
.Carousel-item {
	display: none
}
.no-js .Carousel-item:first-child, .owl-carousel .Carousel-item {
	display: block
}
.Carousel-caption {
	background-color: #000;
	background-color: rgba(0,0,0,.62);
	bottom: 9px;
	color: #fff;
	left: 9px;
	margin: 0;
	padding: 15px 20px 10px;
	position: absolute;
	right: 9px
}
@media screen and (max-width:48em) {
.Carousel-caption p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 50%;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis
}
}
.Carousel-caption p {
	margin-top: 0
}
.Carousel-caption p:last-child {
	margin-bottom: 0
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
	background: #c2c2c2;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 5px;
	padding: 3px 10px;
	zoom: 1
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	background: #172958;
	text-decoration: none
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-controls .owl-page span {
	background-color: #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	width: 12px
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #172958
}
.ContentNav {
	margin: 1em 0
}
.ContentNav-title {
	border-top: .5em solid #213F8C;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: .25em 0 0;
	text-transform: uppercase
}
.ContentNav-list {
	list-style: none;
	margin: 0;
	padding: 0
}
.ContentNav-list li {
	border-right: 1px solid #c2c2c2;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: .4em;
	padding-right: .75em
}
.ContentNav-list li:last-child {
	border: none
}
.Explore {
	background: #f5ebce;
	margin: 1em 0
}
.Explore-titleBlock {
	background-color: #1B3371;
	background-image: -webkit-linear-gradient(top, #213f8c 0, #1b3371 100%);
	background-image: linear-gradient(to bottom, #213f8c 0, #1b3371 100%);
	color: #fff;
	line-height: 1.2;
	padding: 1em
}
.Explore-label {
	margin: 0 0 4px
}
.Explore-title {
	font-size: 20px;
	font-size: 2rem;
	margin: 0
}
.Explore-list {
	border-bottom: 1px solid #b3a377
}
.Explore-list:last-child {
	border-bottom: none
}
.Explore-list li {
	margin: 0
}
.Explore-toggle {
	-webkit-appearance: button;
	background-color: #e7ddb7;
	background-image: -webkit-linear-gradient(top, #ece2bc 0, #d9cca1 100%);
	background-image: linear-gradient(to bottom, #ece2bc 0, #d9cca1 100%);
	border: none;
	display: block;
	font-weight: 700;
	margin: 0;
	padding: 15px 13px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%
}
.Explore-toggle:before {
	background: url(https://www.usbr.gov/img/icon-chev-down.png) center center no-repeat;
	background-size: 100% auto;
	content: '\0020';
	float: right;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 13px;
	margin-top: 2px;
	width: 13px
}
.Explore-toggle.-active:before {
	background-image: url(https://www.usbr.gov/img/icon-chev-up.png)
}
.Explore-toggle2 {
	-webkit-appearance: button;
	background-color: #e7ddb7;
	background-image: -webkit-linear-gradient(top, #ece2bc 0, #d9cca1 100%);
	background-image: linear-gradient(to bottom, #ece2bc 0, #d9cca1 100%);
	border: none;
	display: block;
	font-weight: 700;
	margin: 0;
	padding: 15px 13px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%
}
.Explore-content {
	display: none;
	padding: 20px 20px 10px
}
.no-js .Explore-content {
	display: block
}
.Explore-content li {
	margin-bottom: .5em
}
.no-js .Explore-alphaToggle-nav {
	display: none
}
.Explore-alphaToggle-nav {
	border-bottom: 1px solid #d9cea1;
	margin-bottom: 8px
}
.Explore-alphaToggle-link {
	font-size: 14px;
	font-size: 1.4rem
}
.Explore-alphaToggle-link.-active {
	color: #333
}
.Explore-alphaToggle-nav li {
	display: inline-block;
	font-weight: 700;
	margin-right: 10px
}
.Explore-alphaToggle-list li {
	display: none
}
.Explore-alphaToggle-list[data-group="1"] .group1, .Explore-alphaToggle-list[data-group="2"] .group2, .Explore-alphaToggle-list[data-group="3"] .group3, .Explore-alphaToggle-list[data-group="4"] .group4, .Explore-alphaToggle-list[data-group="5"] .group5, .no-js .Explore-alphaToggle-list li {
	display: list-item
}
.FeaturedLinks {
	border-top: 1px solid #c2c2c2;
	padding-top: 1em;
	margin: 0 0 1em
}
.FeaturedLinks-list ul {
	list-style: none;
	line-height: 1.2;
	margin: .5em 0 0;
	padding: 0
}
.FeaturedLinks-list li {
	margin-top: .75em;
	line-height: 1.2
}
@media screen and (min-width:48em) {
.FeaturedLinks-list {
	float: left;
	margin-right: 3%;
	width: 30%
}
}
.FeaturedLinks-title {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.1;
	margin: 1.5em 0 0
}
@media screen and (min-width:48em) {
.FeaturedLinks-title {
	margin: .5em 0 0
}
}
.Footer {
	background-color: #1B3371;
	background-image: -webkit-linear-gradient(top, #213f8c 0, #1b3371 100%);
	background-image: linear-gradient(to bottom, #213f8c 0, #1b3371 100%);
	border-top: .5em solid #f5ebce;
	color: #fff;
	padding: 1em;
	position: relative
}
.Footer a {
	color: #fff
}
.Footer-social {
	text-align: left
}
@media screen and (min-width:41.25em) {
.Footer-social {
	margin-top: 1em;
	text-align: right
}
}
.Footer-social h2 {
	border: none;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}
@media screen and (min-width:41.25em) {
.Footer-social h2 {
	font-size: 14px;
	font-size: 1.4rem;
	display: inline-block;
	line-height: 1;
	margin-top: 3px;
	padding-right: .5em;
	vertical-align: top
}
}
.Footer-social ul {
	list-style: none;
	margin: 0;
	padding: .5em 0 0
}
@media screen and (min-width:41.25em) {
.Footer-social ul {
	display: inline-block;
	line-height: 19px;
	padding: 0
}
}
.Footer-social li {
	display: inline-block;
	margin: 0;
	padding: 0 .2em 0 0
}
@media screen and (min-width:41.25em) {
.Footer-social li {
	padding: 0 .4em 0 0
}
}
.Footer-social a {
	display: block;
	height: 26px;
	width: 26px
}
@media screen and (min-width:41.25em) {
.Footer-social a {
	height: 19px;
	width: 19px
}
}
.Footer-social a:focus, .Footer-social a:hover {
	opacity: .75
}
.Footer-social .fa {
	font-size: 2em
}
@media screen and (min-width:41.25em) {
.Footer-social .fa {
	font-size: 1.5em
}
}
.Footer-links ul {
	font-size: 14px;
	font-size: 1.4rem;
	list-style: none;
	line-height: 1;
	margin: 1em 0 0;
	padding: 0
}
.Footer-links ul:first-child {
	font-size: 18px;
	font-size: 1.8rem
}
@media screen and (min-width:41.25em) {
.Footer-links ul {
	text-align: right;
	margin-top: 1em
}
.Footer-links ul:first-child {
	font-size: 14px;
	font-size: 1.4rem
}
}
.Footer-links li {
	display: inline-block;
	border-right: 1px solid #7284c9;
	margin: .5em .2em 0 0;
	padding: 0 .5em 0 0
}
.Footer-links li:last-child {
	border: none
}
.Footer-logo {
	display: block;
	margin: 2em 0 1em;
	width: 150px
}
@media screen and (min-width:41.25em) {
.Footer-logo {
	position: absolute;
	top: -1em;
	left: 1em;
	margin: 0;
	padding: 0
}
}
@media screen and (min-width:64em) {
.Footer-logo {
	left: 0;
	top: 0;
	width: 180px
}
}
.Form {
	display: block;
	margin: 1em 0
}
.Form-strata {
	margin: 1em 0
}
.Form label {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: .25em
}
.Form input[type=text], .Form input[type=search], .Form input[type=email], .Form input[type=password], .Form input[type=url], .Form input[type=tel], .Form input[type=date] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #c2c2c2;
	border-radius: 0;
	cursor: auto;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	margin: 0;
	padding: .5em .5em .2em;
	text-indent: 0;
	vertical-align: middle;
	width: 100%
}
.Form-selectWrapper {
	position: relative;
	margin: 0;
	padding: 0
}
.Form select {
	background: #fff;
	border: 1px solid #c2c2c2;
	border-radius: 0;
	cursor: auto;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	margin: 0;
	padding: 4px;
	text-indent: 0;
	vertical-align: middle;
	width: 100%
}
.Form-notes {
	color: #777;
	display: block;
	margin: .25em 0 0;
	font-size: 13px;
	font-size: 1.3rem
}
.Header {
	background-color: #1b3371;
	background-image: -webkit-linear-gradient(top, #213f8c 0, #1b3371 100%);
	background-image: linear-gradient(to bottom, #213f8c 0, #1b3371 100%);
	border-bottom: 8px solid #172958;
	padding: 20px 16px;
	position: relative
}
@media screen and (min-width:41.25em) {
.Header {
	padding-top: 30px
}
}
@media screen and (min-width:67.25em) {
.Header {
	padding-bottom: 40px
}
}
.Header-wrap {
	position: relative
}
.Header-wrap>h1 {
	margin: 0
}
.Header-logo {
	display: block;
	max-width: 450px
}
.-navigationActive .Header-logo {
	width: 75%
}
@media screen and (min-width:41.25em) {
.Header-logo {
	border: none;
	width: 60%!important
}
}
.Nav-toggle {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #172958;
	border: 1px solid #7284c9;
	color: #fff;
	line-height: 1.2;
	font-size: 12px;
	letter-spacing: 1px;
	margin: -14px 0 0;
	padding: .6em .6em .45em;
	position: absolute;
	top: 50%;
	right: 0;
	text-transform: uppercase
}
@media screen and (min-width:41.25em) {
.Nav-toggle {
	display: none
}
}
.Header-search {
	margin: 1em 1em 0;
	padding: 0 0 1em;
	position: relative
}
@media screen and (min-width:41.25em) {
.Header-search {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 16px;
	top: -50px;
	width: 30%
}
}
@media screen and (min-width:66.25em) {
.Header-search {
	right: 0
}
}
.Header-search input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: none;
	border-radius: 0;
	cursor: auto;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	margin: 0;
	padding: .5em 2.5em .2em .5em;
	text-indent: 0;
	vertical-align: middle;
	width: 100%
}
@media screen and (min-width:41.25em) {
.Header-search input {
	border: none
}
}
.Header-search input::-webkit-input-placeholder {
color:#c2c2c2
}
.Header-search input:-moz-placeholder {
color:#c2c2c2
}
.Header-search input::-moz-placeholder {
color:#c2c2c2
}
.Header-search input:-ms-input-placeholder {
color:#c2c2c2
}
.Header-search input::-ms-clear {
display:none
}
.Header-search input:active, .Header-search input:focus {
	outline: 0;
	border-color: #000
}
.Header-search button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
	width: 2em;
	text-indent: 2em
}
.Header-search button:after {
	background: url(https://www.usbr.gov/img/icon-search.png) center center no-repeat;
	background-size: 100% auto;
	content: '\0020';
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 15px;
	position: absolute;
	right: 7px;
	text-rendering: auto;
	top: 7px;
	width: 15px;
	z-index: 1
}
.Header-social {
	position: absolute;
	bottom: 50em;
	right: 1em;
	width: 30%;
	text-align: right
}
@media screen and (min-width:41.25em) {
.Header-social {
	bottom: 40px;
	right: 0
}
}
.Header-social-label {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 2px 0 0;
	padding: 0;
	text-transform: uppercase;
	vertical-align: top
}
.Header-social ul {
	display: inline-block;
	line-height: 19px;
	list-style: none;
	margin: 0;
	padding: 0
}
.Header-social li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 .5em
}
.Header-social a {
	color: #fff;
	display: block;
	height: 19px;
	width: 19px
}
.Header-social a:focus, .Header-social a:hover {
	opacity: .75
}
.ImageCallout {
	display: block;
	margin: 20px 0
}
@media screen and (min-width:64em) {
.ImageCallout {
	float: left;
	max-width: 55%;
	margin: 4px 1.5em 1em 0
}
}
.InDepth {
	background: #f5ebce;
	margin: 1em 0
}
.InDepth-title {
	box-shadow: inset 0 -.5em .5em -.5em rgba(0,0,0,.15);
	line-height: 1.3;
	padding: 1em
}
.InDepth-title strong {
	display: block;
	font-size: 20px;
	font-size: 2rem
}
.InDepth-list {
	font-weight: 700;
	line-height: 1.3;
	list-style: none;
	margin: 0;
	padding: 0 1em 1em;
	text-transform: uppercase
}
.InDepth-list li {
	border-top: 1px solid #c2c2c2;
	margin: .75em 0 0;
	padding: .75em 0 0
}
.InDepth-list li:first-child {
	border-top: none
}
.InDepth-list a {
	color: #000
}
.LeftNav {
	background: #eee;
	position: relative;
	overflow: hidden
}
@media screen and (min-width:41.25em) {
.LeftNav {
	background: 0 0
}
}
.LeftNav-title {
	background: #213F8C;
	color: #fff;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
	padding: .7em .75em .5em;
	text-transform: uppercase
}
.LeftNav.-interactive .LeftNav-title {
	position: absolute;
	top: 100%
}
@media screen and (min-width:41.25em) {
.LeftNav.-interactive .LeftNav-title {
	position: static
}
}
.LeftNav-titleButton {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://www.usbr.gov/img/icon-chev-down-white.png) right 1em center no-repeat #213F8C;
	border: none;
	color: #fff;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 0;
	padding: .75em 1em;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%
}
.LeftNav-titleButton.-active {
	background-image: url(https://www.usbr.gov/img/icon-chev-up-white.png)
}
@media screen and (min-width:41.25em) {
.LeftNav-titleButton {
	display: none
}
}
.LeftNav-list {
	font-size: 13px;
	font-size: 1.3rem;
	list-style: none;
	line-height: 1.2;
	margin: 0;
	padding: 0 1em 1em
}
@media screen and (min-width:41.25em) {
.LeftNav-list {
	display: block!important
}
}
@media screen and (min-width:41.25em) {
.LeftNav-list {
	padding: 0
}
}
.LeftNav-list>li {
	margin: .75em 0
}
.LeftNav-list>li.-active {
	border-bottom: 1px solid #c2c2c2;
	border-top: 1px solid #c2c2c2;
	font-weight: 700;
	padding: .5em 0 0
}
.LeftNav-list>li>a {
	color: #000
}
.LeftNav-list ul {
	font-weight: 400;
	list-style: none;
	margin: 0;
	padding: 0
}
.LeftNav-list ul li {
	margin: 1em 0;
	padding: 0
}
.LeftNav-list ul ul li {
	list-style: disc;
	margin-left: 2em
}
.LeftNav-list ul ul a {
	color: #000
}
.MediaList {
	list-style: none;
	margin: 1em 0;
	padding: 0
}
.MediaList li {
	border-top: 1px solid #c2c2c2;
	list-style: none;
	margin: 1em 0;
	padding: 1em 0 0
}
.MediaList li:first-child {
	border-top: none
}
.MediaList li:after {
	content: "";
	display: table;
	clear: both
}
.MediaList-item-category {
	color: #777;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 0 .25em;
	text-transform: uppercase
}
.MediaList-item-title {
	color: #333;
	display: block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.2;
	margin: 0 0 .25em
}
.MediaList-item-image {
	margin: .5em 0;
	width: 150px
}
@media screen and (min-width:20em) {
.MediaList-item-image {
	float: left;
	margin: .3em 1em 1em 0
}
}
.MediaList-item-featureImage {
	margin: 0 0 1em
}
.MediaList-item-content {
	overflow: hidden;
	margin: 0
}
.MoreLink {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	text-transform: uppercase
}
.MoreLink a {
	color: #000
}
.Nav {
	background-color: #e7ddb7;
	background-image: -webkit-linear-gradient(top, #ece2bc 0, #bcb18b 100%);
	background-image: linear-gradient(to bottom, #ece2bc 0, #bcb18b 100%);
	display: none;
	margin: 0 auto;
	max-width: 1220px;
	position: relative;
	z-index: 1
}
@media screen and (min-width:41.25em) {
.Nav {
	background-image: -webkit-linear-gradient(top, #ece2bc 0, #bcb18b 100%);
	background-image: linear-gradient(to bottom, #ece2bc 0, #bcb18b 100%);
	box-shadow: 0 0 .5em #000;
	display: block!important;
	border: none
}
}
@media screen and (min-width:67.25em) {
.Nav {
	margin-bottom: -1.6em;
	margin-top: -1.6em
}
}
.Nav-wrap {
	margin: 0 auto;
	max-width: 1060px;
	position: relative
}
.Nav-list {
	line-height: 1;
	position: relative;
	z-index: 1
}
@media screen and (min-width:41.25em) {
.Nav-list {
	display: table;
	width: 100%
}
.lte-ie7 .Nav-list {
	display: block
}
}
@media screen and (min-width:48em) {
.Nav-list {
	font-size: 0;
	display: block
}
}
.Nav-item {
	border-bottom: 1px solid #b3a377;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 900
}
@media screen and (min-width:41.25em) {
.Nav-item {
	border-bottom: none;
	border-left: 1px solid #b3a377;
	display: table-cell;
	min-width: 90px;
	text-align: center;
	vertical-align: middle
}
.lte-ie7 .Nav-item {
	display: inline-block;
	min-width: auto
}
.Nav-item:first-child {
	border: none
}
}
@media screen and (min-width:48em) {
.Nav-item {
	display: inline-block;
	font-size: 15px;
	min-width: 17%
}
}
.Nav-item-link {
	display: block;
	padding: 15px 30px;
	-webkit-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}
a.Nav-item-link, a.Nav-item-link:visited {
	color: #000
}
.Nav-item-link:active, .Nav-item-link:focus, .Nav-item-link:hover {
	background-color: rgba(0,0,0,.1);
	text-decoration: none
}
.Nav-item.-active a.Nav-item-link, .Nav-item.-active a.Nav-item-link:visited {
	background-color: rgba(0,0,0,.15)
}
@media screen and (min-width:41.25em) {
.Nav-item.-active a.Nav-item-link, .Nav-item.-active a.Nav-item-link:visited {
	background-color: #1c3575;
	color: #fff;
	-webkit-font-smoothing: antialiased
}
.Nav-item-link {
	font-size: 13px;
	font-size: 1.3rem;
	padding-left: 0;
	padding-right: 0
}
}
@media screen and (min-width:48em) {
.Nav-item-link {
	padding-left: 15px;
	padding-right: 15px
}
}
@media screen and (min-width:50em) {
.Nav-item-link {
	font-size: 14px;
	font-size: 1.4rem
}
}
@media screen and (min-width:55.5em) {
.Nav-item-link {
	font-size: 15px;
	font-size: 1.5rem
}
}
@media screen and (min-width:61.25em) {
.Nav-item-link {
	font-size: 17px;
	font-size: 1.7rem
}
}
@media screen and (min-width:64em) {
.Nav-item-link {
	font-size: 18px;
	font-size: 1.8rem
}
}
.Nav-sublist {
	background-color: #1c3575;
	font-size: 16px;
	font-size: 1.6rem;
	left: -9999px;
	position: absolute;
	text-align: left;
	width: 100%;
	-webkit-transition: opacity 150ms ease-in-out;
	-ms-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out
}
.Nav-item.-active .Nav-sublist {
	position: static;
	left: 0
}
@media screen and (min-width:41.25em) {
.Nav-sublist {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.5);
	opacity: 0;
	padding: 10px 0;
	position: absolute;
	width: 200px
}
.Nav-item.-active .Nav-sublist {
	left: 0;
	opacity: 1;
	position: absolute
}
.Nav-item.-active:nth-child(4) .Nav-sublist, .Nav-item.-active:nth-child(5) .Nav-sublist {
	left: auto;
	right: 0
}
.Nav-sublist:before {
	background-color: #1B3371;
	background-image: -webkit-linear-gradient(top, #172a59 0, transparent 100%);
	background-image: linear-gradient(to bottom, #172a59 0, transparent 100%);
	content: '\0020';
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
}
@media screen and (min-width:48em) {
.Nav-sublist {
	max-width: 270px;
	width: 130%
}
}
.Nav-sublist-item {
	line-height: 1.2;
	margin-top: 0
}
.Nav-sublist-link {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px 30px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}
a.Nav-sublist-link, a.Nav-sublist-link:visited {
	color: #fff;
	text-decoration: none
}
.Nav-sublist-link:active, .Nav-sublist-link:focus, .Nav-sublist-link:hover {
	background-color: #224191
}
@media screen and (min-width:41.25em) {
.Nav-sublist-link {
	padding: 10px 25px
}
}
@media screen and (min-width:50.625em) {
.Nav-sublist-link {
	font-size: 15px;
	font-size: 1.5rem
}
}
@media screen and (min-width:55em) {
.Nav-sublist-link {
	font-size: 16px;
	font-size: 1.6rem
}
}
.Promo {
	padding: 50px 16px 0;
	max-width: 506px
}
@media screen and (min-width:48em) {
.Promo {
	margin-bottom: 60px;
	margin-top: 30px;
	padding-top: 0;
	max-width: 1060px
}
}
@media screen and (min-width:61.875em) {
.Promo {
	margin-bottom: 0;
	margin-top: 140px
}
}
@media screen and (min-width:75em) {
.Promo {
	margin-top: 192px
}
}
.Promo-wrap {
	background-color: #fff;
	box-shadow: 0 0 6px 2px rgba(0,0,0,.25);
	padding: 10px 10px 20px
}
@media screen and (min-width:48em) {
.Promo-wrap {
	padding-bottom: 10px;
	padding-right: 40px
}
}
.Promo-media {
	display: block;
	margin-bottom: 20px;
	position: relative;
	width: 100%
}
.Promo-media img {
	width: 100%
}
@media screen and (min-width:48em) {
.Promo-media {
	float: left;
	margin-bottom: 0;
	margin-right: 25px;
	width: 320px
}
}
@media screen and (min-width:61.875em) {
.Promo-media {
	width: auto
}
}
.Promo-media-caption {
	background-color: rgba(255,255,255,.5);
	bottom: 0;
	color: #333;
	font-size: 12px;
	font-style: italic;
	padding: 5px 10px;
	position: absolute;
	right: 0
}
.Promo-content {
	overflow: hidden
}
@media screen and (min-width:48em) {
.Promo-content {
	padding-top: 10px
}
}
.Promo-label {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase
}
.Promo-title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 10px;
	margin-top: 0
}
@media screen and (min-width:32em) {
.Promo-title {
	font-size: 30px
}
}
@media screen and (min-width:61.875em) {
.Promo-title {
	font-size: 40px
}
}
.Promo-title a, .Promo-title a:visited {
	color: #333
}
.Promo-title a:active, .Promo-title a:focus, .Promo-title a:hover {
	color: #213F8C
}
.Promo-link {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}
.RelatedLinks {
	margin: 1em 0
}
@media screen and (min-width:48em) {
.RelatedLinks {
	margin: 1.5em 0
}
}
.RelatedLinks-title {
	line-height: 1.1;
	margin: 0
}
.RelatedLinks-list {
	list-style: none;
	margin: .5em 0 0;
	padding: 0
}
.SidebarFeature {
	margin: 0 0 1em;
	padding-bottom: .5em
}
.SidebarFeature:before {
	background: url(https://www.usbr.gov/img/bg-mountains.png) bottom center no-repeat;
	background-size: 100%;
	border-bottom: .4em solid #213F8C;
	content: '\0020';
	display: block;
	padding-top: 36.5%;
	width: 100%
}
.mdzr-no-backgroundsize .SidebarFeature:before {
	margin-top: 40px;
	padding-top: 0
}
.SidebarFeature-img {
	margin: 0 0 1em
}
.SidebarFeature-title {
	color: #333;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
	line-height: 1.2;
	margin: .65em 0!important;
	padding: 0;
	text-transform: uppercase
}
.SidebarFeature-mainLink {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.1
}
.SidebarFeature-content {
	margin: .5em 0 .75em;
	font-weight: 700
}
@media print {
.SkipLinks {
	display: none
}
}
.SkipLinks ul {
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0
}
.SkipLinks li {
	font-size: 0;
	margin: 0
}
.SkipLinks a {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	right: 20px;
	top: -200px;
	z-index: -1
}
.SkipLinks a:focus {
	top: 10px;
	z-index: 1000
}
.r-tabs {
	margin: 1em 0;
	border: 1px solid #172958
}
@media screen and (min-width:48em) {
.r-tabs {
	margin: 2em 0 1em;
	border: none;
	border-bottom: .25em solid #172958
}
}
.r-tabs-accordion-title {
	background-color: #172958;
	background-image: -webkit-linear-gradient(top, #213f8c 0, #1b3371 100%);
	background-image: linear-gradient(to bottom, #213f8c 0, #1b3371 100%);
	border-top: 1px solid #172958;
	display: none;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2
}
.r-tabs-accordion-title a {
	color: #fff;
	display: block;
	padding: .65em .5em;
	text-decoration: none;
	text-transform: uppercase
}
.r-tabs-accordion-title a:after {
	font-size: .75em;
	font-family: FontAwesome;
	content: " \f078";
	position: relative;
	top: -.1em
}
.r-tabs-accordion-title.r-tabs-state-active a:after {
	content: " \f077"
}
.r-tabs-panel.r-tabs-state-active {
	display: block
}
.r-tabs-nav {
	margin: 0;
	padding: 0
}
.r-tabs-nav:after {
	content: "";
	display: table;
	clear: both
}
.r-tabs-tab {
	background: #c2c2c2;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	display: block;
	float: left;
	font-weight: 700;
	list-style: none;
	margin: 0
}
.r-tabs-tab a {
	background: #b6c1eb;
	color: #172958;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: .75em 1em .5em;
	text-decoration: none;
	text-transform: uppercase
}
.r-tabs-tab a:hover, .r-tabs-tab.r-tabs-state-active a {
	background-color: #172958;
	background-image: -webkit-linear-gradient(top, #213f8c 0, #1b3371 100%);
	background-image: linear-gradient(to bottom, #213f8c 0, #1b3371 100%);
	color: #fff
}
.r-tabs-panel {
	background: #fff;
	padding: 1px 1em;
	display: none
}
@media screen and (min-width:48em) {
.r-tabs-panel {
	border: 1px solid #c2c2c2;
	border-top: 1px solid #172958
}
}
@media screen and (max-width:48em) {
.r-tabs-nav {
	display: none
}
.r-tabs-accordion-title {
	display: block
}
}
@media print {
* {
	background: 0 0!important;
	color: #000!important;
	box-shadow: none!important;
	text-shadow: none!important;
	filter: none!important;
	-ms-filter: none!important
}
blockquote, img, pre, tr {
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
img {
	max-width: 100%!important
}
h2, h3, p {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
@page {
margin:1in .75in 1in
}
}

/*sets images to be positioned left or right on the page*/
.floatRight {
	float: right;
	padding-left: 10px;
}
.floatLeft {
	float: left;
	padding-right: 10px;
}
/*used after a floated image and paragraph to
keep floated image within paragraph*/
.clear {
	clear: both;
}
/*define caption size and color*/
.caption {
	color: #213F8C;
	margin-top: 5px;
	font-size: 11px;
	font-style: italic;
}
/*used to remove space above or below element.
Typically used with headlines or paragraph
following a headline*/
.noBottomMargin {
	margin-bottom: 0;
}
.noTopMargin {
	margin-top: 0;
}


.twoColumn {
	float: left;
	margin-left: 1.5%;
	width: 48%;
}

@media screen and (max-width:37em) {
.twoColumn {
	float:none;
	margin-left: 0;
	width: 95%;
}
}

.threeColumn {
	float: left;
	margin-left: 1%;
	width: 32%;
}

@media screen and (max-width:37em) {
.threeColumn {
	float:none;
	width: 95%;
}
}
@media screen and (min-width:41.25em) {
em:last-child {
	position: absolute;
	left: 200px;
}

p em:last-child {
	position: relative;
	left: 0;
}

li em:last-child {
	position: relative;
	left: 0;
}

td em:last-child {
	position: relative;
	left: 0;
}


/*video gallery*/

.wrapper{
	width: 99%;
	margin: 20 px auto 40px auto;
}

ul.gallery{
	margin: 0;
	padding: 0;
	list-style: none;
}


ul.gallery li{
    vertical-align: top;
    display:inline-block;
    margin: 0 10px 10px 0;
    zoom: 1;
    *display: inline;
}

ul.gallery img{
	display: block;
}

ul.gallery span{ 
    display: inline-block;
    text-align: left;
    width: 160px;
	float: left;

		
}

.title {
    display: block;

}


.tooltip-ng {
  display: inline;
  position: relative;
}

/* this makes the arrow*/
.tooltip-ng:hover::before {
  border: solid;
  border-color: #DCA transparent;
  border-width: 15px 15px 0 15px;
  bottom: 15px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}

/* this makes the tooltip */
.tooltip-ng:hover:after {
  background: #fffaf0;
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
  border: 1px solid #DCA;
  bottom: 30px;
  color: black;
  content: "This link will direct you to a non-government website that may have different privacy policies from those of the Bureau of Reclamation.";
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  width: 220px;
  z-index: 98;
}




.tooltip-ng2 {
  display: inline;
  position: relative;
}

/* this makes the arrow*/
.tooltip-ng2:hover::before {
  border: solid;
  border-color: #DCA transparent;
  border-width: 15px 15px 0 15px;
  bottom: 15px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}

/* this makes the tooltip */
.tooltip-ng2:hover:after {
  background: #fffaf0;
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
  border: 1px solid #DCA;
  bottom: 30px;
  color: black;
  content: "Non-government website.";
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  width: 220px;
  z-index: 98;
}




#sliderb_container {
  position: relative;
  top: 0px;
  left: 0px;
  width: 600px;
  height: 300px;
  overflow: hidden;
}
.jssorLoading {
  position: absolute;
  top: 0px;
  left: 0px;
}
.slides {
  cursor: move;
  position: absolute;
  left: 0px;
  top: 2px;
  width: 600px;
  height: 300px;
  overflow: hidden;
}
.jssorThumbnailNavigator {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 60px;
  width: 600px;
}
/*.jssorThumbnailNavigator div {
  filter: alpha(opacity=40);
  opacity: 0.4;
  position: absolute;
  display: block;
  background-color: #000000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}*/
.jssorPrototype {
  POSITION: absolute;
  WIDTH: 600px;
  HEIGHT: 60px;
  TOP: 0;
  LEFT: 0;
}
.jssorPrototype div {
  font-family: verdana;
  font-weight: normal;
  POSITION: absolute;
  WIDTH: 100%;
  HEIGHT: 100%;
  TOP: 0;
  LEFT: 0;
  color: #fff;
  line-height: 60px;
  font-size: 16px;
  padding-left: 10px;
}

/* jssor slider bullet navigator skin 01 css */


/*
.jssorNavigator div           (normal)
.jssorNavigator div:hover     (normal mouseover)
.jssorNavigator .av           (active)
.jssorNavigator .av:hover     (active mouseover)
.jssorNavigator .dn           (mousedown)
*/

.jssorNavigator {
  position: absolute;
  bottom: 16px;
  right: 10px;
}
.jssorNavigator div, .jssorNavigator div:hover, .jssorNavigator .av {
  position: absolute;
  /* size of bullet elment */
  width: 12px;
  height: 12px;
  filter: alpha(opacity=70);
  opacity: .7;
  overflow: hidden;
  cursor: pointer;
  border: #000 1px solid;
}
.jssorNavigator div {
  background-color: gray;
}
.jssorNavigator div:hover, .jssorNavigator .av:hover {
  background-color: #d3d3d3;
}
.jssorNavigator .av {
  background-color: #fff;
}
.jssorNavigator .dn, .jssorNavigator .dn:hover {
  background-color: #555555;
}

/* jssor slider arrow navigator skin 05 css */


/*
.jssorArrowLeft                  (normal)
.jssorArrowRight                  (normal)
.jssorArrowLeft:hover            (normal mouseover)
.jssorArrowRight:hover            (normal mouseover)
.jssorArrowLeft.jssorArrowLeftdn      (mousedown)
.jssorArrowRight.jssorArrowRightdn      (mousedown)
*/

.jssorArrowLeft, .jssorArrowRight {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(https://www.usbr.gov/img/a17.png) no-repeat;
  overflow: hidden;
  top: 123px;
}
.jssorArrowLeft {
  background-position: -10px -40px;
  left: 8px;
}
.jssorArrowRight {
  background-position: -70px -40px;
  right: 8px
}
.jssorArrowLeft:hover {
  background-position: -130px -40px;
}
.jssorArrowRight:hover {
  background-position: -190px -40px;
}
.jssorArrowLeft.jssorArrowLeftdn {
  background-position: -250px -40px;
}
.jssorArrowRight.jssorArrowRightdn {
  background-position: -310px -40px;
}

#mainupdate {
	position: absolute;
	left: 15px;
}