/* css/modules/section_nav.css for Priority Management
   styles for section nav */

#navigation-section {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 12px 20px 11px;
  width: 221px;
  }
#page-buy-supplies #navigation-section {
    padding: 12px 20px 100px;
}
#navigation-section li {
  margin-bottom: 10px;
  }
#navigation-section a {
  color: #555;
  display: block;
  font-family: 'prioritysansregular', sans-serif;
  font-size: 18px;
  height: 66px;
  line-height: 1.3em;
  margin: 1px;
  padding: 13px 40px 0 15px;
  position: relative;
  }
#navigation-section span {
  background: url(/_/img/sprites.png) 100% -150px no-repeat;
  height: 18px;
  position: absolute;
  right: 12px;
  top: 13px;
  width: 18px;
  }
#navigation-section .current span {
  background-position: 100% -184px;
  }

/* 786px < width < 1024px */
@media screen and (min-width : 768px) and (max-width : 1043px) {
  #navigation-section {
    padding: 12px 15px 11px;
    width: 165px;
    }
#page-buy-supplies #navigation-section {
    padding: 12px 15px 78px;
}
  #navigation-section li {
    margin-bottom: 8px;
    }
  #navigation-section a {
    font-size: 14px;
    height: 48px;
    padding: 10px 30px 0 10px;
    }
  #navigation-section span {
    top: 11px;
    }
}

/* width < 786px */
@media screen and (max-width : 767px) {
  #navigation-section {
    padding: 20px 15px;
    width: auto;
    }
#page-buy-supplies #navigation-section {
   padding: 12px 15px;
}
  #navigation-section li {
    float: left;
    width: 203px;
    }
  #navigation-section li.even {
    margin-right: 10px;
    }
  #navigation-section li.item-2,
  #navigation-section li.item-3 {
    margin-bottom: 0;
    }
  #navigation-section a {
    font-size: 17px;
    }
}