/* maptaxon.css  5/3/2016 */

/*The following style code gives positions within each basin for all butterfly icons.*/
/*Whether they appear on the map or not is determined by the image width for each icon in the*/
/*gathertaxa() function below, as it creates the map.*/
/*If the data shows the existance of a species in a particular basin, the icon is given a width of 25.*/
/*If the data does not include the existance in a basin, the icon image is given a width of zero, and*/
/*would in essence make it not appear, though in position.  Some missing watershed title info has*/
/*also been added, as well as style attributes for the Park map.  I had to add ButterflyAA, though not used
because for some reason Firefox and Google Chrome browsers misinterpret the first css object.*/

.ButterflyAA {
position: absolute;
top: 47%;
left: 14%;
}
.ButterflyAB {
position: absolute;
top: 47%;
left: 14%;
}
.ButterflyBG {
position: absolute;
top: 16%;
left: 86%;
}
.ButterflyBK {
position: absolute;
top: 22.5%;
left: 52.5%;
}
.ButterflyBN {
position: absolute;
top: 62%;
left: 83%;
}
.ButterflyBR {
position: absolute;
top: 50%;
left: 70%;
}
.ButterflyCB {
position: absolute;
top: 10%;
left: 81%;
}
.ButterflyCG {
position: absolute;
top: 58%;
left: 1%;
}
.ButterflyCGtitle {
position: absolute;
top: 53.5%;
left: 0%;
font-size: 60%;
background-color: white;
}
.ButterflyCGtitle2 {
position: absolute;
top: 56%;
left: 1.3%;
font-size: 70%;
font-weight: bold;
background-color: white;
}
.ButterflyCH {
position: absolute;
top: 77%;
left: 38%;
}
.ButterflyCN {
position: absolute;
top: 31.5%;
left: 12%;
}
.ButterflyCO {
position: absolute;
top: 67%;
left: 64%;
}
.ButterflyCP {
position: absolute;
top: 15%;
left: 62.5%;
}
.ButterflyCT {
position: absolute;
top: 39%;
left: 88%;
}
.ButterflyDD {
position: absolute;
top: 18.5%;
left: 56.5%;
}
.ButterflyDN {
position: absolute;
top: 14%;
left: 72.5%;
}
.ButterflyDP {
position: absolute;
top: 63%;
left: 59%;
}
.ButterflyEG {
position: absolute;
top: 67.5%;
left: 24%;
}
.ButterflyEL {
position: absolute;
top: 47%;
left: 47%;
}
.ButterflyFO {
position: absolute;
top: 69%;
left: 44%;
}
.ButterflyGR {
position: absolute;
top: 13.5%;
left: 76.5%;
}
.ButterflyHS {
position: absolute;
top: 35%;
left: 18%;
}
.ButterflyHZ {
position: absolute;
top: 67%;
left: 34%;
}
.ButterflyIC {
position: absolute;
top: 15%;
left: 74.5%;
}
.ButterflyJC {
position: absolute;
top: 54%;
left: 94%;
}
.ButterflyJCtitle {
position: absolute;
top: 50.5%;
left: 93.5%;
font-size: 60%;
background-color: white;
}
.ButterflyJCtitle2 {
position: absolute;
top: 52.5%;
left: 95%;
font-weight: bold;
font-size: 70%;
background-color: white;
}
.ButterflyLC {
position: absolute;
top: 29%;
left: 52%;
}
.ButterflyLL {
position: absolute;
top: 30.5%;
left: 29%;
}
.ButterflyLLtitle {
position: absolute;
top: 25%;
left: 29%;
font-size: 60%;
background-color: white;
}
.ButterflyLLtitle2 {
position: absolute;
top: 28%;
left: 31%;
font-weight: bold;
font-size: 70%;
background-color: white;
}
.ButterflyLO {
position: absolute;
top: 71.5%;
left: 20%;
}
.ButterflyML {
position: absolute;
top: 44.5%;
left: 35%;
}
.ButterflyMP {
position: absolute;
top: 26%;
left: 65%;
}
.ButterflyNF {
position: absolute;
top: 62%;
left: 72%;
}
.ButterflyNFtitle {
position: absolute;
top: 66%;
left: 72%;
font-size: 60%;
background-color: white;
}
.ButterflyNO {
position: absolute;
top: 72%;
left: 51%;
}
.ButterflyOL {
position: absolute;
top: 67%;
left: 68%;
}
.ButterflyOW {
position: absolute;
top: 55%;
left: 65%;
}
.ButterflyPH {
position: absolute;
top: 84%;
left: 51.5%;
}
.ButterflyPL {
position: absolute;
top: 80%;
left: 34.5%;
}
.ButterflyPS {
position: absolute;
top: 68%;
left: 10%;
}
.ButterflyPT {
position: absolute;
top: 58%;
left: 7.5%;
}
.ButterflyRM {
position: absolute;
top: 14%;
left: 67.5%;
}
.ButterflyRR {
position: absolute;
top: 26%;
left: 55.5%;
}
.ButterflyRV {
position: absolute;
top: 42%;
left: 74%;
}
.ButterflySA {
position: absolute;
top: 12%;
left: 65%;
}
.ButterflySH {
position: absolute;
top: 61%;
left: 3.5%;
}
.ButterflySL {
position: absolute;
top: 52%;
left: 80%;
}
.ButterflySR {
position: absolute;
top: 42%;
left: 81%;
}
.ButterflyTB {
position: absolute;
top: 66.5%;
left: 2.5%;
}
.ButterflyTF {
position: absolute;
top: 14%;
left: 57.5%;
}
.ButterflyTFtitle {
position: absolute;
top: 12%;
left: 55.5%;
font-size: 60%;
background-color: white;
}
.ButterflyTW {
position: absolute;
top: 69%;
left: 14%;
}
.ButterflyUN {
position: absolute;
top: 83%;
left: 88%;
}
.ButterflyUNtitle {
position: absolute;
top: 83%;
left: 84%;
font-size: 60%;
background-color: white;
}
.ButterflyWL {
position: absolute;
top: 44.5%;
left: 28%;
}
.ButterflyWO {
position: absolute;
top: 37%;
left: 25.5%;
}
.ButterflyWP {
position: absolute;
top: 42%;
left: 54%;
}
.ParkMap {
	width: 1000px;
        height: 490px;
	background-image: url(watersheds1000.gif);
	overflow: hidden;
	background-position: center;
	backgound-repeat: no-repeat;
	top: 10px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
}
table {
	border-collapse: collapse;
	font-weight: bold;
}
caption {
	text-align: center;
	margin: 0 0 .5em 0;
	font-weight: bold;
	font-size: 150%;
}
th {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: .5em;
}
td {
	padding: .5em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#spname {
	text-style: italic;
}
.footstats {
	background-image: url(BigSky.jpg);
	backgrount-attachment: fixed;
	background-postion: center;
	background-size: 50% auto;
}
#mapDiv { 
        width: 100%; 
        height: 100%; 
}
#maptitle {
        font-weight: bold;
}