/*** 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;
}

#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;
}

.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.active a:hover,
.tabs li.open a:hover {
	color: #fff;
  background-color: #000;
  /* background-image: none; */
}

.tabs li div {
  display: none;
  padding: 0px; 
  position: absolute; 
  /*top: 33px;*/
	top: 33px;
	left: 20px;
  /*width: 175px;*/
	width: 100%;
  /*background: url('https://www.purdue.edu/globals/graphics/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;*/
	display: inline-block;
	/*padding: 5px 10px 5px 15px;*/
  padding: 10px 10px 5px 10px;
  /*height: auto;*/
	height: 33px;
  background-image: none;
  background-color: transparent;
}

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

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