
/*  =========================================================
    ODPHP master navigation
    Intended to be independently styled for use across all
    ODPHP sites (health.gov, healthfinder.gov, healthypeople.gov)
    =========================================================  */

.global-nav {
  background-color: #f6f9fa;
  border-bottom: 1px solid #e8eff0;
  /* center global nav */
  margin: auto;
  width: 100%;
}

.global-nav ul {
  list-style-type: none;
  padding-left: 0;
  max-width: 700px;
  margin: 0 auto;
}

.global-nav li {
  float: left;
  margin: 0;
}

.global-nav .global-nav-odphp {
  float: left;
  display: block;
  background-image: url("images/global-nav-odphp.png");
  background-repeat: no-repeat;
  background-position: left center;
  width: 250px;
  height: 26px;
  margin: 5px 0 5px 5px;
}

.global-nav .global-nav-healthgov {
  display: block;
  background-image: url("images/global-nav-healthgov.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 79px;
  height: 26px;
  padding: 5px 35px;
}

.global-nav .global-nav-healthfinder {
  display: block;
  background-image: url("images/global-nav-healthfinder.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 123px;
  height: 26px;
  padding: 5px 35px;

}

.global-nav .global-nav-healthypeople {
  display: block;
  background-image: url("images/global-nav-healthypeople.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 129px;
  height: 26px;
  padding: 5px 35px;
}

.global-nav .global-nav-healthypeople.global-nav-current {
  background-color: #3d628c;
  background-image: url("images/global-nav-healthypeople-active.png");
  border-left: 1px solid #e8eff0;
  border-right: 1px solid #e8eff0;
  border-bottom: 1px solid #3d628c;
  margin-bottom: -1px;
}

/* Self-clearing floats */
.global-nav:before,
.global-nav:after,
.global-nav ul:before,
.global-nav ul:after {
  content: " ";
  display: table;
}
.global-nav:after,
.global-nav ul:after {
  clear: both;
}
.global-nav,
.global-nav ul {
  *zoom: 1;
}

/* Accessible text hide */
.global-nav .global-nav-odphp,
.global-nav .global-nav-healthgov,
.global-nav .global-nav-healthfinder,
.global-nav .global-nav-healthypeople {
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  text-indent: -9999px;
}
