#location{
  padding-top: 20px;
  width: 600px;
  margin-bottom: -17px;
  margin-left: 35px;
}

#location h2{
  font-size: 40px;
  font-family: "Arial", Verdana, Tahoma;
  color: #534730;
  line-height: 0.7;
  margin-bottom: 5px;
}

#location a{
  color: #7f6b5d;
  font-family: "Arial", Verdana, Tahoma;
  font-size: 15px;
}

#county-page{
  background: linear-gradient(90deg, #a1ddf7 0%, #8ad5f5 10%, #5bc4f1 30%, #72ccf3 50%, #5bc4f1 70%, #8ad5f5 90%, #a1ddf7 100%);
  width: 92%;
  height: 1000px;
  padding-left: 4%;
  padding-right: 4%;
}

#county{
  float: right;
  text-align: center;
  margin-top: 115px;
  border-style: solid;
  box-shadow: 5px 5px 10px #534730;
  border-color: #534730;
  border-width: thin;
  width: 450px;
  height: auto;
  font-family: "Arial", Verdana, Tahoma;
  font-size: 13px;
  text-align: left;
  background-color: white;
  color: #88734c;
  margin-right: 35px;
}

#county b{
  color: #7f6b5d;
}

#index, #index2{
  font-size: 25px;
  font-family: "Arial", Verdana, Tahoma;
  color: #534730;
  border-style: solid;
  border-width: thin;
  border-left: none;
  border-top: none;
  border-right: none;
  border-color: #534730;
  width: 20px;
  margin-top: 10px;
}

#index2{
  margin-top: -10px;
}

.locations_menu, .locations_menu2, .locations_menu3, .locations_menu4{
  list-style: none;
  font-family: "Arial", Verdana, Tahoma;
  font-size: 22px;
  width: 136px;
  height: 630px;
  text-align: left;
  padding-left: 0;
  float: left;
  padding-top: 10px;
  margin-left: 35px;
}

.locations_menu, .locations_menu2, .locations_menu3, .locations_menu4{
margin-right: 45px;
}

.locations_menu li, .locations_menu2 li, .locations_menu3 li, .locations_menu4 li{
  width: 135px;
}

li :link{
  text-decoration: none;
  color: #7f6b5d;
}

li :visited{
  text-decoration: none;
  color: #7f6b5d;
}

.locations_menu a, .locations_menu2  a, .locations_menu3 a, .locations_menu4 a {
    text-decoration: none;
}

.locations_menu  #img, .locations_menu2  #img, .locations_menu3  #img, .locations_menu4 #img{
    display: none;
    border-style: solid;
    box-shadow: 5px 5px 10px #534730;
    border-color: #534730;
    border-width: thin;
    width: 450px;
    height: auto;
    min-height: 786px;
    background-color: white;
    font-family: "Arial", Verdana, Tahoma;
    font-size: 13px;
    color: #88734c;
}

.locations_menu a:hover, .locations_menu2 a:hover, .locations_menu3 a:hover, .locations_menu4 a:hover{
  color: #534730;
}

.locations_menu a:hover + #img{
    display: block;
    position: absolute;
    margin-top: 279px;
    margin-left: 839px;
    top: 0;
}

.locations_menu2 a:hover + #img{
  display: block;
  position: absolute;
  margin-top: 279px;
  margin-left: 623px;
  top: 0;
}

  .locations_menu3 a:hover + #img{
    display: block;
    position: absolute;
    margin-top: 279px;
    margin-left: 407px;
    top: 0;
      }
  .locations_menu4 a:hover + #img{
    display: block;
    position: absolute;
    margin-top: 279px;
    margin-left: 191px;
    top: 0;
}

#box3{
  padding: 12.04px;
  background-color: white;
  margin-left: -15px;
  padding-left: 27px;
  margin-right: -5px;
  margin-bottom: -5px;
  height: 70px;
}

#box2{
  padding: 12.04px;
}

#countyimg{
  padding-left: -20px;
  padding-right: -20px;
  padding-top: -20px;
}

#title, #title2{
border-style: solid;
border-width: thin;
border-left: none;
border-top: none;
border-right: none;
border-color: #7f6b5d;
font-family: "Arial", Verdana, Tahoma;
margin-top: -35px;
}

#title h2, #title2 h2{
  font-family: "Arial", Verdana, Tahoma;
  font-size: 36px;
  color: #7f6b5d;
}

#title2{
  margin-left: -15px;
  margin-top: -30px;
}

#subtitle{
  font-size: 15px;
  color: #88734c;
  margin-top: -25px;
}

#img b{
  color: #7f6b5d;
}