/*** Nav menus ***/

#nav-bars {
  position: relative;
  width: 100%;
  z-index: 9999;
}

#nav-bars,
#nav-bars a,
#nav-bars a:visited {
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}

#nav-bars li h3 {
  padding: 5px;
  color: #e4ae23;
}

#upper-nav-bar {
  position: relative;
  height: 33px;
  color: #fff;
  background: #a47700 url('../../graphics/v4_purdue/upper_nav_bar_bg.jpg') repeat-x left center; 
  z-index: +1;
}

/*.boxshadow #upper-nav-bar {
  background-image: none !important;
  box-shadow: 0px 5px 10px #656565, inset 0px 0px 15px #8b6500;
  -moz-box-shadow: 0px 5px 10px #656565, inset 0px 0px 15px #8b6500;
  -webkit-box-shadow: 0px 5px 10px #656565, inset 0px 0px 15px #8b6500;
}*/

#lower-nav-bar {
  position: relative;
  height: 33px;
  color: #fff;
  background: #999 url('../../graphics/v4_purdue/lower_nav_bar_bg.jpg') repeat-x left top;
}

.boxshadow #lower-nav-bar {
  background-image: none !important;
  box-shadow: inset 0px 5px 10px #656565;
  -moz-box-shadow: inset 0px 5px 10px #656565;
  -webkit-box-shadow: inset 0px 5px 10px #656565;
}

.tabs {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  /* padding: 0px;
  font-size: .825em; */
}

.tabs li {
  margin: 0px;
  display: block;
  float: left;
}

.tabs li a {
  display: block;
  padding: 10px 10px 10px 10px;
  color: #fff;
  text-decoration: none;
}

.tabs li.first a {
  padding: 10px 10px 10px 20px;
}

.tabs li.last a {
  padding: 10px 20px 10px 10px;
}

.tabs li.active a,
.tabs li.open a {
  color: #fff;
  background-color: #000;
  /* background-image: none; */
}

.tabs li div {
  display: none;
  padding: 0px; 
  position: absolute; 
  top: 33px;  
  width: 175px;
  background: url('../../graphics/v4_purdue/menu_bg2.png') repeat; 
  z-index: 9999; 
}

.tabs li div div {
  /* Any div inside of the dropdown menu should act normal */
  border: none;
  background-color: transparent;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.tabs li.open div {
  display: block;
}

.tabs li.open div a,
.tabs li.active div a,
.tabs li div a {
  color: #fff; 
  display: block; 
  padding: 5px 10px 5px 15px; 
  height: auto;
  background-image: none;
  background-color: transparent;
}

.tabs li div a:hover { 
  color: #fff;
  background: #a47700;
}

.tabs :hover > a {
  cursor: pointer;
}