/* Agency Custom CSS */

.menu-dnr {display:flex; justify-content: center; flex-wrap: wrap; align-content: space-between; }
#menu-dnr-item {background-color: #e6e6e6; float: left; padding: .3rem; margin-left: .2rem; margin-right: .2rem; margin-top: .2rem; margin-bottom: .2rem; text-align: center; width: auto;}
#menu-dnr-border {border:1px solid #e6e6e6; float: left; padding: .3rem; margin-left: .2rem; margin-right: .2rem; margin-top: .2rem; margin-bottom: .2rem; text-align: center; width: auto;}
#menu-dnr-l {border-left: 1px solid #dedede; border-right: 1px solid #dedede; float: left; padding-right: .4rem; padding-left: .4rem; margin-bottom: .3rem; text-align: center; width: auto;}
.accordion-title {line-height:150%!important;}
.orbit-caption a {color: #FFF!important; text-decoration: underline!important;}

@media only screen and (max-width : 800px) {
#mapstab {margin-top: -81px!important;}
}
@media only screen and (max-width : 600px) {
#menu-dnr-l {display:block; width: 100%; border: 1px solid #dedede}
#menu-dnr-item {display:block; width: 100%;}
#menu-dnr-border {display:block; width: 100%;}

#photo-caption {margin: 0.5em; padding: 0.5em; width: 70%; text-align: center; font-size: smaller; font-style: italic; background-color: rgb(234, 234, 234);}
#photo-caption img { min-width:100%;}
#photo-caption p {margin: 0px!important; display: block;}
#photo-caption-l {margin: 0.5em; padding: 0.5em; width: 50%; text-align: center; font-size: smaller; font-style: italic; float: left; background-color: rgb(234, 234, 234);}
#photo-caption-l img { min-width:100%;} 
#photo-caption-l p {margin: 0px!important; display: block;}
#photo-caption-r {margin: 0.5em; padding: 0.5em; width: 50%; text-align: center; font-size: smaller; font-style: italic; float: right; background-color: rgb(234, 234, 234);}
#photo-caption-r img { min-width:100%;} 
#photo-caption-r p {margin: 0px!important; display: block;}
#photo-caption-noscale {width: auto; font-size: smaller; font-style: italic; margin: 0px}
#photo-caption-noscale p {text-align: center; padding: 0.5em; background-color: rgb(234, 234, 234);}
#photo-caption-noscale img {padding: 0.5em; background-color: rgb(234, 234, 234);}
#photo-caption-noscale-caption {text-align: center; padding: 0.5em; margin-top: 0px; background-color: rgb(234, 234, 234);}
#photo-caption-l-noscale {margin: 0.5em; padding: 0.5em; width: auto; text-align: center; font-size: smaller; font-style: italic; float: left; background-color: rgb(234, 234, 234);}
#photo-caption-l-noscale p {margin: 0px!important; display: block;}
#photo-caption-l-noscale img { max-width:100%;}
#photo-caption-l-noscale div { max-width:inherit;} 
#photo-caption-r-noscale {margin: 0.5em; padding: 0.5em; width: auto; text-align: center; font-size: smaller; font-style: italic; float: right; background-color: rgb(234, 234, 234);}
#photo-caption-r-noscale p {margin: 0px!important; display: block;}
#photo-caption-r-noscale img { max-width:100%;}

#locations a:link { color: blue; text-decoration: none; background-color: #E1E3A1; } 
#locations a:visited { text-decoration: none; background-color: #E1E3A1; } 
#locations a:hover { text-decoration: underline; background-color: #FFFFFF; } 
#locations a:active { color: red; text-decoration: none; background-color: #E1E3A1; } 
#locations { position: relative; padding-top: 50px; left: 0px; top: 0px; }

#reservoirs{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; white-space: nowrap; }
#Cagles{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: right bottom; position: absolute; left: 51px; top: 365px; padding: 0px 10px 0px; } 
#Cecil{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 50px; top: 322px; padding: 10px 0px 0px; } 
#Hardy{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 206px; top: 430px; padding: 10px 0px 0px; } 
#Monroe{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 130px; top: 399px; padding: 10px 0px 0px; } 
#Patoka{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center bottom; position: absolute; left: 114px; top: 466px; padding: 0px 0px 10px; } 
#Salamonie{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: right 0px; position: absolute; left: 150px; top: 187px; padding: 0px 10px 0px 0px; margin: 0px; } 
#parks{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; white-space: nowrap; } 
#park_Brown{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center bottom; position: absolute; left: 152px; top: 366px; padding: 0px 0px 10px; } 
#park_Chain{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 223px; top: 120px; padding: 10px 0px 0px; } 
#park_Clifty{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 229px; top: 429px; padding: 10px 0px 0px; } 
#park_Falls{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 197px; top: 476px; padding: 10px 0px 0px; } 
#park_Fort{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 171px; top: 303px; padding: 10px 0px 0px; } 
#park_Harmonie{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 2px; top: 507px; padding: 10px 0px 0px; } 
#park_Indiana{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 69px; top: 100px; padding: 10px 0px 0px; } 
#park_Lincoln{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 96px; top: 508px; padding: 10px 0px 0px; } 
#park_McCormicks{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center bottom; position: absolute; left: 86px; top: 348px; padding: 0px 0px 10px; } 
#park_Mounds{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 221px; top: 259px; padding: 10px 0px 0px; } 
#park_OBannon{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 143px; top: 494px; padding: 10px 0px 0px; } 
#park_Ouabache{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 258px; top: 200px; padding: 10px 0px 0px; } 
#park_Pokagon{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 275px; top: 87px; padding: 10px 0px 0px; } 
#park_Potato{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center bottom; position: absolute; left: 139px; top: 86px; padding: 0px 0px 10px; } 
#park_Shades{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: right 0px; position: absolute; left: 62px; top: 307px; padding: 0px 10px 0px 0px; } 
#park_Shakamak{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 54px; top: 380px; padding: 10px 0px 0px; } 
#park_Spring{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 140px; top: 427px; padding: 10px 0px 0px; } 
#park_Summit{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 231px; top: 282px; padding: 10px 0px 0px; } 
#park_Tippecanoe{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 110px; top: 140px; padding: 10px 0px 0px; } 
#park_Turkey{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 67px; top: 321px; padding: 10px 0px 0px; } 
#park_Versailles{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: center 0px; position: absolute; left: 258px; top: 379px; padding: 10px 0px 0px; } 
#park_Whitewater{ background-image: url(/dnr/images/dot.gif); background-repeat: no-repeat; background-position: right 0px; position: absolute; left: 186px; top: 327px; padding: 0px 10px 0px 0px; }