/* ================ $nav ================ */
/**
* Navigation styles that will be used throughout the site - main nav in the header, sub nav in footer etc

*	1. Main Nav
*
*	2. Kids Nav

*/

/* ================ $nav links ================ */
/* mainNav li - rounded white box with icon in teardrop  */
.mainNav{
	margin-top: 120px;
	position: relative;
}

.kids .mainNav{ margin-top: 360px; }

.mainNav li,
.kids .mainNav li{
	/*width: 33.3%;*/
	text-align: left;
	/*float: left;*/
	font-size: 1em;
	/*padding: 75px;*/
	background: none;
	position: absolute;
}

.kids .mainNav li{
	/*
	width: 33.3%;
	text-align: center;
	float: left;
	font-size: 1em;
	padding: 75px;
	background: none;
	position: relative;
	*/
}

.kids .mainNav li{
	font-size: 1.2em;
}

.mainNav li a,
.kids .mainNav li a,
.riverNav .parent a{
	min-width: 270px;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.1;
	color: #485a43;
	font-family: "helveticaneue condensed bold" helvetica sans-serif;
	text-align: center;
	position: relative;
	background: #fff;
	background-image: none;
	margin: 0 0 20px 40px;
	padding: 15px 20px 15px 65px;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-decoration: none;
}

.kids .mainNav li a{
	padding: 15px 20px 20px 65px;
	padding-left: 3em;
	/*font-family: "IndieFlower", "Brush Script MT", cursive;*/
	font-family: "Comic Sans MS", cursive, sans-serif;
}

.mainNav .kids-in-action a,
.mainNav .journey-through-a-bugs-world a,
.mainNav .river a,
.kids .mainNav li a{
	/*color: #67a8fe;*/
	color: #373f52;
}

.mainNav li a:before{
	width: 4.1em;
	height: 4.1em;
	content: '';
	background: #fff url(../images/nav-icons.svg) no-repeat 0 0;
	background-size: 18.75em 11.25em;
	position: absolute;
	top: -.75em;
	left: -1.5em;
	border-radius: 50%;
	border: solid 5px #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
	padding: 0;
}

/*.mainNav li a:before,
.mainNav li a:after,
.kids .mainNav li a:before,
.kids .mainNav li a:after,
.riverNav .parent a:before,
.riverNav .parent a:after{
	position: absolute;
	top: -.5em;
	left: -1.1em;
	-moz-border-radius: 0 40px 40px 40px;
	-webkit-border-radius: 0 40px 40px 40px;
	border-radius: 0 40px 40px 40px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
*/

/*.mainNav li a:before,
.kids .mainNav li a:before,
.riverNav .parent a:before{
	content: '';
	padding: 30px;
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(199,218,173,1) 100%);
	-moz-box-shadow: 5px 3px 15px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: 5px 3px 15px 0 rgba(0,0,0,.15);
	box-shadow: 5px 3px 15px 0 rgba(0,0,0,.15);
}
*/
/*
.mainNav .kids-in-action a:before,
.mainNav .journey-through-a-bugs-world a:before,
.kids .mainNav li a:before{
	background: #80b7fe !important;
}
*/
/*
.mainNav li a:after{
	content: '';
	padding: 28px;
	background: url(../images/magnifying-glass.svg) no-repeat 5px 5px, -webkit-radial-gradient(right, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,0.3) 80%);
}
*/
/*
.kids .mainNav li a:before,
.mainNav .kids-in-action a:before,
.mainNav .journey-through-a-bugs-world a:before{
	content: '';
	padding: 28px;
	background: url(../images/magnifying-glass-white.svg) no-repeat 5px 5px, -webkit-radial-gradient(right, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,0.3) 80%);
}
*/


.mainNav li a:after{ display: none; }

.mainNav .about-the-watershed{
	top: 0;
	left: 100px;
}

.mainNav .about-the-watershed a:before{ background-position: -11.4em -3.9em; }


.mainNav .taking-action{
	top: 150px;
	left: 100px;
}

/*.mainNav .taking-action a:before{ background-position: -.1em -7.65em; }*/
.mainNav .taking-action a:before{ background-position: -3.9em -7.65em; }


.mainNav .partners{
	top: 300px;
	left: 110px;
}

.mainNav .partners a:before{ background-position: -7.6em -.1em; }



.mainNav .current-conditions{
	top: 0;
	right: 100px;
}

.mainNav .current-conditions a:before{ background-position: -3.9em -3.9em; }


.mainNav .real-time-monitoring{
	top: 150px;
	right: 100px;
}

.mainNav .real-time-monitoring a:before{ background-position: -7.6em -3.9em; }


.mainNav .volunteer-monitoring{
	top: 300px;
	right: 100px;
}

.mainNav .volunteer-monitoring a:before{ background-position: -7.65em -7.65em; }

.mainNav .this-display-brought-to-you-by{
	top: 300px;
	left: 100px;
}

.mainNav .this-display-brought-to-you-by a{
	border-radius: 10px;
	margin-left: 20px;
	padding: 15px 20px 15px 20px;
}

.mainNav .this-display-brought-to-you-by a:before{ display: none; }



.mainNav .river{
	top: 615px;
	left: 220px;
	font-size: 1.3em;
}

.mainNav .river a:before{ background-position: -15em -3.7em; }


.mainNav .kids-in-action{
	top: 615px;
	left: 725px;
	font-size: 1.3em;
}

.mainNav .kids-in-action a:before{ background-position: -11.25em 0; }


.mainNav .journey-through-a-bugs-world{
	top: 615px;
	right: 220px;
	font-size: 1.3em;
}

.mainNav .journey-through-a-bugs-world a{ padding-left: 85px; }

.mainNav .journey-through-a-bugs-world a:before{ background-position: -14.99em 0; }



.mainNav .what-is-turbidity{
	/*top: 0;*/
	top: 150px;
	left: 810px;
}

.mainNav .what-is-turbidity a:before{ background-position: -7.55em -.1em; }


.mainNav .enough-oxygen{
	/*top: 150px;*/
	top: 0;
	left: 810px;
}

.mainNav .enough-oxygen a:before{ background-position: -3.79em -.12em; }


.mainNav .what-is-temperature{
	top: 300px;
	left: 810px;
}




.kids .mainNav .build-a-bug{
	/*
	width: 50%;
	margin: 0 auto;
	float: none;
	clear: both;
	*/
	top: 50px;
	right: 100px;
}

.kids .mainNav .build-a-bug a:before{
	background-position: -15.1em -.05em;
	top: -.15em;
}



.kids .mainNav .how-can-you-get-involved{
	top: 200px;
	right: 100px;
}

.kids .mainNav .how-can-you-get-involved a{
	border-radius: 20px;
	padding-left: 20px;
}

.kids .mainNav .how-can-you-get-involved a:before{ display: none; }
/*
.mainNav .partners,
.kids .mainNav .how-can-you-get-involved{
	width: 10%;
	padding: 0;
	font-size: 1em;
	text-align: left;
}

.kids .mainNav .how-can-you-get-involved{
	width: 14%;
	padding: 0;
	position: absolute;
	bottom: 20px;
	right: 100px;
	font-size: 1.1em;
	text-align: right;
}

.mainNav .partners a,
.kids .mainNav .how-can-you-get-involved a{
	min-width: 120px;
	display: inline-block;
	background: #f6f9f2;
	border: solid 2px #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	border-radius: 5px;
	position: relative;
	padding: 5px 15px 5px 50px;
	margin: 0;
	font-size: .8em;
	text-align: right;
}

.mainNav .partners a:before,
.mainNav .how-can-you-get-involved a:before{
	width: 30px;
	height: 30px;
	content: '';
	position: absolute;
	top: 6px;
	left: 10px;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.mainNav .partners a:before{
	background: url(../images/magnifying-glass.svg) no-repeat 0 0;
	background-size: contain;
}

.mainNav .how-can-you-get-involved a:before{
	background: url(../images/magnifying-glass-kids.svg) no-repeat 0 0;
	background-size: contain;
}
*/

.mainNav li a:hover,
.kids .mainNav li a:hover,
.riverNav .parent a:hover{
	text-decoration: none;
	text-shadow: none;
}
/*
.mainNav li a:hover:before,
.kids .mainNav li a:before,
.riverNav .parent a:before{
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(249,211,138,1) 100%);
}
*/
.mainNav li a:visited,{
	color: #485a43;
}

.mainNav .kids-in-action a:visited,
.mainNav .journey-through-a-bugs-world a:visited,
.mainNav .river a:visited,
.kids .mainNav li a:visited,
.riverNav .parent a:visited{
	/*color: #67a8fe;*/
	color: #373f52;
}





/* == kids button on home page == */
/*.kids-in-action a,
.bugs-world a,*/
/*
.kidsNav li a{
	color: #fff;
	font-weight: bold;
	font-size: 3em;
	text-shadow: 0 0 8px rgba(0,0,0,.8);
	background: url(../images/magnifying-glass-white.svg) no-repeat 0 50%;
	padding-left: 1.2em;
}

.kids-in-action a:visited,
.bugs-world a:visited{
	color: #fff;
}
*/

/* ================ water station nav ================ */
.water-station-nav{
	width: 596px;
	height: 740px;
	padding: 0;
	background: url(../images/real-time-menu-background.jpg) no-repeat 0 0;
	border: solid 5px #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.7);
	position: relative;
	z-index: 10;
}

.water-station-nav:before{
	width: 370px;
	height: 370px;
	content: '';
	border-radius: 50%;
	border: solid 5px #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.7);
	background: url(../images/real-time-menu-pipes-background.jpg) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	left: -130px;
	bottom: -40px;
	z-index: -1;
}

.water-station-nav ul{
	width: 100%;
	height: 100%;
	position: relative;
}

.water-station-nav li{
	/*display: inline-block;*/
	background: #485a43;
	padding: 8px 40px;
	font-size: 2em;
	color: #fff;
	text-align: center;
	text-indent: 0;
	border: solid 3px #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
	line-height: 1;
	position: absolute;
}

.water-station-nav li:hover{ background: #f6f9f2; }

.water-station-nav li:before{
	width: 96px;
	height: 156px;
	content: '';
	background: url(../images/menu-arrow.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.water-station-nav li a{
	color: #fff;
	padding: 0;
	margin: 0;
	background: none;
	line-height: 1;
	text-indent: 0;
	text-decoration: none;
}

.water-station-nav li a:hover,
.water-station-nav li a:focus
.water-station-nav li a:active{
	text-decoration: none;
	text-shadow: 0 0 4px rgba(0,0,0,.4);
}

.water-station-nav .antenna{
	left: 500px;
	top: 80px;
}

.water-station-nav .antenna:before{
	-webkit-transform: rotate(115deg);
	top: -70px;
	left: -30px;
}


.water-station-nav .solar-panel{
	left: 20px;
	top: 100px;
}

.water-station-nav .solar-panel:before{
	-webkit-transform: rotate(-95deg);
	top: -80px;
	left: 158px;
}


.water-station-nav .stream-gauge{
	left: 35px;
	top: 200px;
}

.water-station-nav .stream-gauge:before{
	-webkit-transform: rotate(-20deg);
	top: 10px;
	left: 194px;
}


.water-station-nav .datalogger{
	left: 440px;
	top: 310px;
}

.water-station-nav .datalogger:before{
	-webkit-transform: rotate(152deg);
	top: -100px;
	right: -37px;
}


.water-station-nav .sensor-access-pipes{
	left: -85px;
	top: 335px;
}

.water-station-nav .sensor-access-pipes:before{
	-webkit-transform: rotate(2deg);
	top: 50px;
	left: 291px;
}


.water-station-nav .pressure-transducer{
	right: -170px;
	top: 450px;
}

.water-station-nav .pressure-transducer:before{
	-webkit-transform: rotate(50deg);
	top: 25px;
	left: -35px;
}


.water-station-nav .hydrolab-minisonde,
.water-station-nav .multiprobe-sensor{
	left: -250px;
	top: 564px;
}

.water-station-nav .hydrolab-minisonde:before,
.water-station-nav .multiprobe-sensor:before{
	height: 103px;
	-webkit-transform: rotate(-12deg);
	background-position: 100% 100%;
	top: 15px;
	left: 217px;
}


.water-station-nav .turbidity-sensor{
	left: 125px;
	top: 720px;
}

.water-station-nav .turbidity-sensor:before{
	-webkit-transform: rotate(-182deg);
	top: -110px;
	left: 5px;
}






/* ================ single page nav ================ */
/* == nav wrapper == */
.single-page-nav{ margin: 0 0 0 40px; }


/* == about the watershed nav == */
.adult-1st-level .single-page-nav li{ border-bottom: solid 3px #dfeacf; }

.adult-1st-level .single-page-nav li a{
	display: block;
	padding: 30px 20px;
	background: none;
	font-size: 2em;
	text-decoration: none;
	text-transform: capitalize;
}

.adult-1st-level .single-page-nav li a:hover,
.adult-1st-level .single-page-nav li a.selected{
	background: #fff;
	text-shadow: none;
	color: #485a43;
}


/* == dissolved oxygen nav == */
/* title */
.nav-title{
	position: relative;
	z-index: 1000;
	margin-top: 200px;
	font-family: "Comic Sans MS", cursive, sans-serif;
}

.kids .nav-title,
.kids-1st-level .nav-title{
	color: #fff;
	font-size: 2.5em;
}

.how-oxygen-affects-animals{ position: relative; }

.how-oxygen-affects-animals nav{
	width: 100%;
	height: 100%;
	background: url(../images/background-river.svg) no-repeat 50% 100%;
	background-size: cover;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.how-oxygen-affects-animals .single-page-nav ul{ margin: 0; }

.how-oxygen-affects-animals .single-page-nav li{
	position: absolute;
	-webkit-filter: drop-shadow(0 0 10px black);
	z-index: 10;
	opacity: 1;
}

.how-oxygen-affects-animals .single-page-nav li a{
	width: 100%;
	height: 100%;
	display: block;
	min-width: 20px;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1;
	font: 0/0 a;
	border: 0;
	box-shadow: none;
	text-decoration: none;
}

.how-oxygen-affects-animals .single-page-nav .black-fly{
	width: 123px;
	height: 90px;
	bottom: 181px;
	left: 727px;
}

.how-oxygen-affects-animals .single-page-nav .black-fly a{
	background: url(../images/black-fly-larvae.svg) no-repeat 0 0;
	background-size: contain;
}

.how-oxygen-affects-animals .single-page-nav .water-boatman{
	width: 120px;
	height: 80px;
	bottom: 236px;
	right: 95px;
}

.how-oxygen-affects-animals .single-page-nav .water-boatman a{
	background: url(../images/water-boatman.svg) no-repeat 0 0;
	background-size: contain;
}

.how-oxygen-affects-animals .single-page-nav .dragon-fly{
	width: 125px;
	height: 126px;
	bottom: 150px;
	right: 300px;
}

.how-oxygen-affects-animals .single-page-nav .dragon-fly a{
	background: url(../images/dragon-fly-nymph.svg) no-repeat 0 0;
	background-size: contain;
}


.how-oxygen-affects-animals .single-page-nav .may-fly{
	width: 181px;
	height: 95px;
	bottom: 164px;
	right: 510px;
	z-index: 10;
}

.how-oxygen-affects-animals .single-page-nav .may-fly a{
	background: url(../images/stonefly-nymph.svg) no-repeat 0 0;
	background-size: contain;
}

/*
.how-oxygen-affects-animals .single-page-nav .may-fly{
	width: 200px;
	height: 94px;
	bottom: 100px;
	right: 382px;
	outline: solid 1px #f00;
}

.how-oxygen-affects-animals .single-page-nav .may-fly a{
	background: url(../images/stonefly-nymph.svg) no-repeat 0 0;
	background-size: contain;
}
*/
.how-oxygen-affects-animals .single-page-nav .stone-fly{
	width: 230px;
	height: 156px;
	bottom: 67px;
	left: 500px;
	z-index: 10;
}

.how-oxygen-affects-animals .single-page-nav .stone-fly a{
	background: url(../images/mayfly-nymph.svg) no-repeat 0 0;
	background-size: contain;
}
/*
.how-oxygen-affects-animals .single-page-nav .stone-fly{
	width: 166px;
	height: 134px;
	bottom: 500px;
	left: 50px;
	z-index: 10;
	outline: solid 1px #f00;
}

.how-oxygen-affects-animals .single-page-nav .stone-fly a{
	background: url(../images/stonefly.svg) no-repeat 0 0;
	background-size: contain;
}
*/
.how-oxygen-affects-animals .single-page-nav .trout{
	width: 300px;
	height: 236px;
	bottom: 176px;
	left: 311px;	
}

.how-oxygen-affects-animals .single-page-nav .trout a{
	background: url(../images/cutthroat-trout.svg) no-repeat 0 0;
	background-size: contain;
}


/*
.dissolved-oxygen-modal .single-page-nav ul{ margin: 40px 0 0 0; }

.dissolved-oxygen-modal .single-page-nav li{
	width: 150px;
	height: 240px;
	background: #fff;
	display: inline-block;
	text-align: center;
	margin: 0 10px 20px 10px;
	border: solid 1px #485a43;
}

.dissolved-oxygen-modal .single-page-nav li a{
	display: block;
	height: 100%;
	padding: 0;
}

.dissolved-oxygen-modal .single-page-nav .stone-fly a{
	background: url(../images/stonefly_nymph_drawing.jpg) no-repeat 50% 100%;
	background-size: contain;
}

.dissolved-oxygen-modal .single-page-nav .damsel-fly a{
	background: url(../images/Damselfly_nymph_drawing.jpg) no-repeat 50% 100%;
	background-size: contain;
}

.dissolved-oxygen-modal .single-page-nav .may-fly a{
	background: url(../images/Mayfly_nymph_drawing.jpg) no-repeat 50% 100%;
	background-size: contain;
}

.dissolved-oxygen-modal .single-page-nav .dragon-fly a{
	background: url(../images/dragonfly_nymph_drawing.jpg) no-repeat 50% 100%;
	background-size: contain;
}

.dissolved-oxygen-modal .single-page-nav .black-fly a{
	background: url(../images/blackfly_nymph_drawing.jpg) no-repeat 50% 100%;
	background-size: contain;
}

.dissolved-oxygen-modal .single-page-nav .trout{
	width: 240px;
	height: 240px;
}

.dissolved-oxygen-modal .single-page-nav .trout a{
	background: url(../images/trout.jpg) no-repeat 50% 100%;
	background-size: contain;
}
*/

/* == typical & measured data == */
.typical-data .single-page-nav li,
.measured-data .single-page-nav li{
	background: transparent;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 13px 26px 13px;
	border: none;
}

.typical-data .single-page-nav li a,
.measured-data .single-page-nav li a{
	display: block;
	width: 245px;
	height: 182px;
	padding: 0;
	margin: 0;
	background: #ccc;
	border: solid 1px #dfeacf;
	text-indent: -9999px;
	text-decoration: none;
}

.typical-data .single-page-nav li a.selected,
.measured-data .single-page-nav li a.selected{
	border: solid 1px #485a43;
}

.typical-data .single-page-nav .flow a,
.typical-data .single-page-nav .flow a:hover,
.measured-data .single-page-nav .measured-flow a,
.measured-data .single-page-nav .measured-flow a:hover{
	background: url(../images/typical-data-nav-flow.png) no-repeat 50% 50%;
}

.typical-data .single-page-nav .flow a.selected,
.measured-data .single-page-nav .measured-flow a.selected{
	background: #dfeacf url(../images/typical-data-nav-flow.png) no-repeat 50% 50%;
}


.typical-data .single-page-nav .water-temperature a,
.typical-data .single-page-nav .water-temperature a:hover,
.measured-data .single-page-nav .measured-water-temp a,
.measured-data .single-page-nav .measured-water-temp a:hover{
	background: url(../images/typical-data-nav-water-temp.png) no-repeat 50% 50%;
}

.typical-data .single-page-nav .water-temperature a.selected,
.measured-data .single-page-nav .measured-water-temp a.selected{ 
	background: #dfeacf url(../images/typical-data-nav-water-temp.png) no-repeat 50% 50%;
}


.typical-data .single-page-nav .dissolved-oxygen a,
.typical-data .single-page-nav .dissolved-oxygen a:hover,
.measured-data .single-page-nav .measured-dissolved-oxygen a,
.measured-data .single-page-nav .measured-dissolved-oxygen a:hover{
	background: url(../images/typical-data-nav-do.png) no-repeat 50% 50%;
}

.typical-data .single-page-nav .dissolved-oxygen a.selected,
.measured-data .single-page-nav .measured-dissolved-oxygen a.selected{
	background: #dfeacf url(../images/typical-data-nav-do.png) no-repeat 50% 50%;
}


.typical-data .single-page-nav .ph a,
.typical-data .single-page-nav .ph a:hover,
.measured-data .single-page-nav .measured-ph a,
.measured-data .single-page-nav .measured-ph a:hover{
	background: url(../images/typical-data-nav-ph.png) no-repeat 50% 50%;
}

.typical-data .single-page-nav .ph a.selected,
.measured-data .single-page-nav .measured-ph a.selected{
	background: #dfeacf url(../images/typical-data-nav-ph.png) no-repeat 50% 50%;
}


.typical-data .single-page-nav .specific-conductance a,
.typical-data .single-page-nav .specific-conductance a:hover,
.measured-data .single-page-nav .measured-specific-conductance a,
.measured-data .single-page-nav .measured-specific-conductance a:hover{
	background: url(../images/typical-data-nav-conductance.png) no-repeat 50% 50%;
}

.typical-data .single-page-nav .specific-conductance a.selected,
.measured-data .single-page-nav .measured-specific-conductance a.selected{
	background: #dfeacf url(../images/typical-data-nav-conductance.png) no-repeat 50% 50%;
}


.typical-data .single-page-nav .water-clarity a,
.typical-data .single-page-nav .water-clarity a:hover,
.measured-data .single-page-nav .measured-water-clarity a,
.measured-data .single-page-nav .measured-water-clarity a:hover{
	background: url(../images/typical-data-nav-turbidity.png) no-repeat 50% 50%;
}

.typical-data .single-page-nav .water-clarity a.selected,
.measured-data .single-page-nav .measured-water-clarity a.selected{
	background: #dfeacf url(../images/typical-data-nav-turbidity.png) no-repeat 50% 50%;
}





/* ================ river nav ================ */
.river-main-nav-wrapper{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0
}

.riverNav{
	width: 100%;
}

.riverNav .parent{
	width: 12.2%;
	padding: 5px;
	margin: 0;
	display: inline-block;
	text-align: center;
	font-size: 1em;
}

.riverNav .parent a{
	width: 100%;
	min-width: 50px;
	padding: 10px 0;
	margin: 0;
	font-size: 1.4em;
	border-radius: 0 0 0 0;
	border: solid 5px #fff;
	background: -webkit-linear-gradient(top,  rgba(226,236,211,1) 0%,rgba(191,207,167,1) 100%);
	box-shadow: 0 0 6px rgba(0,0,0,.5);
	position: static;
	text-decoration: none;
}

.riverNav .parent a:before,
.riverNav .parent a:after{
	display: none;
}

.riverNav .level3{
	padding: 0;
	margin: 0;
	text-align: left;
}

@-webkit-keyframes pound {
	to { -webkit-transform: scale(1.1); }
}

.river-highlight{
	-webkit-filter: drop-shadow(0 0 10px black);
	z-index: 10;
	-webkit-animation: pound 1s;
	-webkit-transform-origin: center;
	opacity: 1;
}

.animal-lowlight{ opacity: .5; }

.parent .level3 li{
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
}

.parent .level3 li a{
	width: 100%;
	height: 100%;
	display: block;
	min-width: 20px;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1;
	font: 0/0 a;
	border: 0;
	box-shadow: none;
	text-decoration: none;
}

.level3 li a:before,
.level3 li a:after{
	display: none;	
}


/* == animals / plants  == */
/* fish */
.parent .brown-trout{
	width: 200px;
	height: 114px;
	bottom: 316px;
	right: 307px;
}

.parent .brown-trout a{
	background: url(../images/brown-trout.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .cutthroat-trout{
	width: 149px;
	height: 118px;
	bottom: 369px;
	left: 325px;	
}

.parent .cutthroat-trout a{
	background: url(../images/cutthroat-trout.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .sculpin{
	width: 149px;
	height: 71px;
	bottom: 218px;
	left: 793px;
	z-index: 10;
}

.parent .sculpin a{
	background: url(../images/sculpin.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .mountain-sucker{
	width: 180px;
	height: 88px;
	bottom: 221px;
	right: 626px;
	z-index: 10;	
}

.parent .mountain-sucker a{
	background: url(../images/mountain-sucker.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .red-shiner{
	width: 159px;
	height: 58px;
	bottom: 396px;
	right: 916px;
}

.parent .red-shiner a{
	background: url(../images/red-shiner-group.svg) no-repeat 0 0;
	background-size: contain;
}

.parent .red-sided-shiner{
	width: 150px;
	height: 62px;
	bottom: 396px;
	left: 839px;
}

.parent .red-sided-shiner a{
	background: url(../images/red-sided-shiner.svg) no-repeat 0 0;
	background-size: contain;
}


/* crustaceans */
.parent .crayfish{
	width: 107px;
	height: 88px;
	bottom: 237px;
	left: 551px;
	z-index: 10;
}

.parent .crayfish a{
	background: url(../images/crayfish.svg) no-repeat 0 0;
	background-size: contain;
}




/* reptiles */
.parent .common-garter-snake{
	width: 107px;
	height: 83px;
	bottom: 620px;
	left: 905px;
}

.parent .common-garter-snake a{
	background: url(../images/common-garter-snake.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .smooth-green-snake{
	width: 130px;
	height: 117px;
	bottom: 632px;
	right: 235px;
}

.parent .smooth-green-snake a{
	background: url(../images/smooth-green-snake.svg) no-repeat 0 0;
	background-size: contain;
}



/* amphibians */
.parent .tiger-salamander{
	width: 76px;
	height: 51px;
	bottom: 647px;
	left: 404px;
}

.parent .tiger-salamander a{
	background: url(../images/tiger-salamander.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .chorus-frogs{
	width: 89px;
	height: 64px;
	bottom: 622px;
	left: 629px;
}

.parent .chorus-frogs a{
	background: url(../images/chorus-frogs.svg) no-repeat 0 0;
	background-size: contain;
}



/*  mammals */
.parent .beaver{
	width: 94px;
	height: 99px;
	bottom: 794px;
	right: 550px;
}

.parent .beaver a{
	background: url(../images/beaver.svg) no-repeat 0 0;
	background-size: contain;
}


/* insects */
.parent .mosquito{
	width: 65px;
	height: 99px;
	bottom: 702px;
	right: 725px;
}

.parent .mosquito a{
	background: url(../images/mosquito.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .water-boatman{
	width: 59px;
	height: 40px;
	bottom: 437px;
	left: 164px;
}

.parent .water-boatman a{
	background: url(../images/water-boatman.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .dragonfly{
	width: 83px;
	height: 49px;
	bottom: 757px;
	left: 643px;
}

.parent .dragonfly a{
	background: url(../images/dragonfly.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .mayfly{
	width: 104px;
	height: 74px;
	bottom: 716px;
	left: 181px;
	z-index: 10;
}

.parent .mayfly a{
	background: url(../images/mayfly.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .stonefly{
	width: 83px;
	height: 67px;
	bottom: 693px;
	left: 54px;
	z-index: 10;
}

.parent .stonefly a{
	background: url(../images/stonefly.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .caddisfly{
	width: 83px;
	height: 67px;
	bottom: 813px;
	right: 926px;
	z-index: 10;
}

.parent .caddisfly a{
	background: url(../images/caddisfly.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .mayfly-nymph{
	width: 98px;
	height: 47px;
	bottom: 361px;
	right: 682px;
}

.parent .mayfly-nymph a{
	background: url(../images/stonefly-nymph.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .caddisfly-case{
	width: 71px;
	height: 47px;
	bottom: 384px;
	right: 862px;
	z-index: 10;
}

.parent .caddisfly-case a{
	background: url(../images/caddisfly-case.svg) no-repeat 0 0;
	background-size: contain;
}

.parent .stonefly-nymph{
	width: 128px;
	height: 87px;
	bottom: 250px;
	right: 770px;
	z-index: 10;
}

.parent .stonefly-nymph a{
	background: url(../images/mayfly-nymph.svg) no-repeat 0 0;
	background-size: contain;
}

.parent .mosquito-pupa{
	width: 64px;
	height: 71px;
	bottom: 422px;
	right: 208px;
}

.parent .mosquito-pupa a{
	background: url(../images/mosquito-pupa.svg) no-repeat 0 0;
	background-size: contain;
}

.parent .black-fly-larvae{
	width: 64px;
	height: 49px;
	bottom: 331px;
	left: 440px;
	z-index: 10;
}

.parent .black-fly-larvae a{
	background: url(../images/black-fly-larvae.svg) no-repeat 0 0;
	background-size: contain;
}


/* birds */
.parent .american-coot{
	width: 186px;
	height: 85px;
	bottom: 524px;
	right: 649px;
}

.parent .american-coot a{
	background: url(../images/american-coot.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .great-blue-heron{
	width: 170px;
	height: 379px;
	bottom: 496px;
	right: 44px;
}

.parent .great-blue-heron a{
	background: url(../images/blue-heron.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .sandhill-crane{
	width: 156px;
	height: 298px;
	bottom: 714px;
	left: 342px;
}

.parent .sandhill-crane a{
	background: url(../images/sandhill-crane.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .mountain-bluebird{
	width: 82px;
	height: 91px;
	bottom: 897px;
	right: 423px;
	z-index: 10;
}

.parent .mountain-bluebird a{
	background: url(../images/mountain-bluebird.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .cinnamon-teal{
	width: 224px;
	height: 74px;
	bottom: 534px;
	left: 298px;
}

.parent .cinnamon-teal a{
	background: url(../images/cinnamon-teal.svg) no-repeat 0 0;
	background-size: contain;
}


/* plants */
.parent .potamogeton{
	width: 205px;
	height: 235px;
	bottom: 234px;
	left: 636px;
}

.parent .potamogeton a{
	background: url(../images/potamogeton.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .ceratophyllum{
	width: 128px;
	height: 247px;
	bottom: 221px;
	right: 521px;
}

.parent .ceratophyllum a{
	background: url(../images/ceratophyllum.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .cattails{
	width: 285px;
	height: 335px;
	bottom: 521px;
	left: 0;
}

.parent .cattails a{
	background: url(../images/cattails.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .geyer-willow{
	width: 330px;
	height: 220px;
	bottom: 741px;
	right: 184px;
}

.parent .geyer-willow a{
	background: url(../images/geyer-willow.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .american-bistort{
	width: 76px;
	height: 124px;
	bottom: 811px;
	left: 491px;
}

.parent .american-bistort a{
	background: url(../images/american-bistort.svg) no-repeat 0 0;
	background-size: contain;
}


.parent .baltic-rush{
	width: 169px;
	height: 185px;
	bottom: 733px;
	left: 913px;
}

.parent .baltic-rush a{
	background: url(../images/baltic-rush.svg) no-repeat 0 0;
	background-size: contain;
}