/* Positioning styles */
/* Map wrapper display */
.img-wrapper
{ display: none; }
@media (min-width: 860px) {
.img-wrapper
{ display: block;
  width: 768px;
  height: 487px;
  background-image: url("img/map.png");
  background-repeat: no-repeat;
  background-size: 768px 487px;
  margin: 0 auto 3rem auto;
  border: solid 0px #000; }
}

/* The following set of classes render the visual treatment of the actual "dots" on the map */
.location-blue
{ width: 16px;
  height: 16px;
  background-image: url("img/dot-blue.png");
  background-size: 16px 16px;
  background-repeat: no-repeat; }

.location-yellow
{ width: 16px;
  height: 16px;
  background-image: url("img/dot-yellow.png"); }

.location-blue-yellow
{ width: 16px;
  height: 16px;
  background-image: url("img/dot-blue-yellow.png");
  border: solid 0px #707070; }

.location-tri-aqua
{ width: 16px;
  height: 16px;
  background-image: url("img/dot-triangle-aqua.png"); }

/* The following classes are a series of tooltips hacked to represent the dots and info that displays on the map. To add a new city, first make the changes outlined in index.cfm. Then, copy the last tooltip below, set the city position (first class in each set) in pixels, and rename all of the city references */
/* Begin Columbia SC Tooltip */
.columbia
{ position: absolute; top: 280px; left: 615px; }

.tooltip-columbia
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-columbia .tooltiptext-columbia {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-columbia:hover .tooltiptext-columbia
{ visibility: visible;
  opacity: 1; }
.tooltip-columbia .tooltiptext-columbia::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-columbia a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-columbia a:hover
  { color: #ddd; } 
/* End Columbia SC */


/* Begin Greensboro Tooltip */
.greensboro
{ position: absolute; top: 245px; left: 618px; }

.tooltip-greensboro
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-greensboro .tooltiptext-greensboro {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-greensboro:hover .tooltiptext-greensboro
{ visibility: visible;
  opacity: 1; }
.tooltip-greensboro .tooltiptext-greensboro::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-greensboro a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-greensboro a:hover
  { color: #ddd; } 
/* End Greensboro */

/* Begin Lansing Tooltip*/
.lansing
{ position: absolute; top: 127px; left: 529px; }

.tooltip-lansing
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-lansing .tooltiptext-lansing {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-lansing:hover .tooltiptext-lansing
{ visibility: visible;
  opacity: 1; }
.tooltip-lansing .tooltiptext-lansing::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-lansing a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-lansing a:hover
  { color: #ddd; } 
/* End Lansing */

/* Begin Milwaukee Tooltip*/
.milwaukee
{ position: absolute; top: 117px; left: 475px; }

.tooltip-milwaukee
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-milwaukee .tooltiptext-milwaukee {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-milwaukee:hover .tooltiptext-milwaukee
{ visibility: visible;
  opacity: 1; }
.tooltip-milwaukee .tooltiptext-milwaukee::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-milwaukee a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-milwaukee a:hover
  { color: #ddd; } 
/* End Milwaukee */

/* Begin Salt Lake City Tooltip*/
.salt-lake-city
{ position: absolute; top: 170px; left: 150px; }

.tooltip-salt-lake-city
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-salt-lake-city .tooltiptext-salt-lake-city {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-salt-lake-city:hover .tooltiptext-salt-lake-city
{ visibility: visible;
  opacity: 1; }
.tooltip-salt-lake-city .tooltiptext-salt-lake-city::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-salt-lake-city a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-salt-lake-city a:hover
  { color: #ddd; } 
/* End Salt Lake City */


/* Begin Riviera Beach Tooltip*/
.riviera-beach
{ position: absolute; top: 410px; left: 626px; }

.tooltip-riviera-beach
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-riviera-beach .tooltiptext-riviera-beach {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-riviera-beach:hover .tooltiptext-riviera-beach
{ visibility: visible;
  opacity: 1; }
.tooltip-riviera-beach .tooltiptext-riviera-beach::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-riviera-beach a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-riviera-beach a:hover
  { color: #ddd; } 
/* End Riviera Beach */

/* Begin Fresno Tooltip*/
.fresno
{ position: absolute; top: 192px; left: 0px; }

.tooltip-fresno
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-fresno .tooltiptext-fresno {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-fresno:hover .tooltiptext-fresno
{ visibility: visible;
  opacity: 1; }
.tooltip-fresno .tooltiptext-fresno::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-fresno a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-fresno a:hover
  { color: #ddd; } 
/* End Fresno */













/* Begin Orleans Parish Tooltip*/
.orleansparish
{ position: absolute; top: 375px; left: 445px; }

.tooltip-orleansparish
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-orleansparish .tooltiptext-orleansparish {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-orleansparish:hover .tooltiptext-orleansparish
{ visibility: visible;
  opacity: 1; }
.tooltip-orleansparish .tooltiptext-orleansparish::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-orleansparish a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-orleansparish a:hover
  { color: #ddd; } 
/* End New Orleans */







/* Begin Fayetteville Tooltip*/
.fayetteville
{ position: absolute; top: 255px; left: 610px; }

.tooltip-fayetteville
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-fayetteville .tooltiptext-fayetteville {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-fayetteville:hover .tooltiptext-fayetteville
{ visibility: visible;
  opacity: 1; }
.tooltip-fayetteville .tooltiptext-fayetteville::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-fayetteville a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-fayetteville a:hover
  { color: #ddd; } 
/* End Fayetteville */








/* Begin Highpoint Tooltip*/
.highpoint
{ position: absolute; top: 255px; left: 530px; }

.tooltip-highpoint
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-highpoint .tooltiptext-highpoint {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-highpoint:hover .tooltiptext-highpoint
{ visibility: visible;
  opacity: 1; }
.tooltip-highpoint .tooltiptext-highpoint::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-highpoint a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-highpoint a:hover
  { color: #ddd; } 
/* End Highpoint */











/* Begin Albany Tooltip*/
.albany
{ position: absolute; top: 100px; left: 600px; }

.tooltip-albany
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-albany .tooltiptext-albany {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-albany:hover .tooltiptext-albany
{ visibility: visible;
  opacity: 1; }
.tooltip-albany .tooltiptext-albany::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-albany a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-albany a:hover
  { color: #ddd; } 
/* End Albany */





/* Begin Topeka Tooltip*/
.topeka
{ position: absolute; top: 205px; left: 300px; }

.tooltip-topeka
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-topeka .tooltiptext-topeka {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-topeka:hover .tooltiptext-topeka
{ visibility: visible;
  opacity: 1; }
.tooltip-topeka .tooltiptext-topeka::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-topeka a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-topeka a:hover
  { color: #ddd; } 
/* End Topeka */






















/* Begin Miami Dade Tooltip*/
.miami-dade
{ position: absolute; top: 438px; left: 608px; }

.tooltip-miami-dade
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-miami-dade .tooltiptext-miami-dade {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-miami-dade:hover .tooltiptext-miami-dade
{ visibility: visible;
  opacity: 1; }
.tooltip-miami-dade .tooltiptext-miami-dade::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-miami-dade a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-miami-dade a:hover
  { color: #ddd; } 
/* End Miami-Dade */

/* Begin Miami Tooltip*/
.miami
{ position: absolute; top: 425px; left: 608px; }

.tooltip-miami
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-miami .tooltiptext-miami {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-miami:hover .tooltiptext-miami
{ visibility: visible;
  opacity: 1; }
.tooltip-miami .tooltiptext-miami::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-miami a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-miami a:hover
  { color: #ddd; } 
/* End Miami */

/* Begin Albuquerque Tooltip*/
.albuquerque
{ position: absolute; top: 265px; left: 180px; }

.tooltip-albuquerque
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-albuquerque .tooltiptext-albuquerque {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-albuquerque:hover .tooltiptext-albuquerque
{ visibility: visible;
  opacity: 1; }
.tooltip-albuquerque .tooltiptext-albuquerque::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-albuquerque a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-albuquerque a:hover
  { color: #ddd; } 
/* End Albuquerque */

/* Begin Philadelphia Tooltip*/
.philadelphia
{ position: absolute; top: 157px; left: 620px; }

.tooltip-philadelphia
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-philadelphia .tooltiptext-philadelphia {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-philadelphia:hover .tooltiptext-philadelphia
{ visibility: visible;
  opacity: 1; }
.tooltip-philadelphia .tooltiptext-philadelphia::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-philadelphia a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-philadelphia a:hover
  { color: #ddd; } 
/* End Philadelphia */

/* Begin Austin Tooltip*/
.austin
{ position: absolute; top: 350px; left: 300px; }

.tooltip-austin
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-austin .tooltiptext-austin {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-austin:hover .tooltiptext-austin
{ visibility: visible;
  opacity: 1; }
.tooltip-austin .tooltiptext-austin::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-austin a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-austin a:hover
  { color: #ddd; } 
/* End Austin */

/* Begin Chattanooga Tooltip*/
.chattanooga
{ position: absolute; top: 268px; left: 490px; }

.tooltip-chattanooga
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-chattanooga .tooltiptext-chattanooga {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-chattanooga:hover .tooltiptext-chattanooga
{ visibility: visible;
  opacity: 1; }
.tooltip-chattanooga .tooltiptext-chattanooga::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-chattanooga a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-chattanooga a:hover
  { color: #ddd; } 
/* End Chattanooga */

/* Begin Newport News Tooltip*/
.newportnews
{ position: absolute; top: 202px; left: 600px; }

.tooltip-newportnews
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-newportnews .tooltiptext-newportnews {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-newportnews:hover .tooltiptext-newportnews
{ visibility: visible;
  opacity: 1; }
.tooltip-newportnews .tooltiptext-newportnews::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-newportnews a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-newportnews a:hover
  { color: #ddd; } 
/* End Newport News */

/* Begin Roanoke Tooltip */
.roanoke
{ position: absolute; top: 220px; left: 560px; }

.tooltip-roanoke
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-roanoke .tooltiptext-roanoke {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-roanoke:hover .tooltiptext-roanoke
{ visibility: visible;
  opacity: 1; }
.tooltip-roanoke .tooltiptext-roanoke::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-roanoke a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-roanoke a:hover
  { color: #ddd; }
/* End Roanoke */

/* Begin New Orleans Tooltip */
.new-orleans
{ position: absolute; top: 375px; left: 393px; }

.tooltip-new-orleans
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-new-orleans .tooltiptext-new-orleans {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-new-orleans:hover .tooltiptext-new-orleans
{ visibility: visible;
  opacity: 1; }
.tooltip-new-orleans .tooltiptext-new-orleans::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-new-orleans a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-new-orleans a:hover
  { color: #ddd; }
/* End New Orleans */






/* Begin Waco Tooltip*/
.waco
{ position: absolute; top: 335px; left: 300px; }

.tooltip-waco
{ position: relative;
  display: inline-block; }
/* Tooltip text */
.tooltip-waco .tooltiptext-waco {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  top: -73px;
  left: -95px; }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-waco:hover .tooltiptext-waco
{ visibility: visible;
  opacity: 1; }
.tooltip-waco .tooltiptext-waco::after
{ content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }
.tooltiptext-waco a
{ font-family: Arial;
  color: #fff;
  text-decoration: none;
  transition: all .3s; }
.tooltiptext-waco a:hover
  { color: #ddd; } 
/* End Austin */