/* css for Recyclone navbar */

#topnav {
 position: absolute;
 top: 51px;
 left: 300px;
 width: 680px;
 height: 54px;
}
#topnav ul {
 font-size: 1.2em;
 line-height: 1em;
 color: #fff;  
}
#topnav li {
  display: block;
  position: relative;
  float: left;
  height: 47px; 
}
* html #topnav li {
  width: 3px;
  white-space: nowrap;
}
#topnav li span {
  position: absolute;
  width: 3px;
  height: 100%;
  background: url('images/nav_li.png') no-repeat 0 0;
}
#topnav li a {
  color: #fff;
  text-decoration: none;
  height: 20px;
  display: block;
  padding: 13px 25px 14px; 
}
#topnav li a:hover {
  color: #d9d9d9;
  text-decoration: none;
}
#topnav li.current {
 background: url('images/nav_current.png') no-repeat 50% 100%; 
 position: relative;
}

/* *** =================================== code for subnav ================================= *** */
/* *** To add a subnav menu to a page, place class="sub" in the BODY tag *** */
body.sub #wrapper {
	margin: 0px auto;
  width: 100%;
	background: url("images/bg_tile-top2.png") repeat-x 0 0;
}

body.sub #header {
  height: 125px;
}
#subnav {
 position: absolute;
 width: auto;
} 
* html #subnav {
  top: 106%;
}
*:first-child+html #subnav {
  top: 105%;
}

 /* *** #subnav.tech is the setting for the 'Technical' page.  Additional classes (.tech) will need to be created to adjust for number of options and location *** */
#subnav.tech {
 left: -25%;
}
* html #subnav.tech {
left: -20%;
}
*:first-child+html #subnav.tech {
 left: -20%;
}
#subnav p {
  width: 100%;
  height: 15px;
  padding-top: 3px;
  padding-bottom: 5px;
  margin: 0;
  font-size: 10px;
 white-space: nowrap; 
  text-align: center;
  }
  #subnav p a {
   display: inline; 
   padding: 0px 5px 9px;
  }
* html #subnav p a {
   padding-bottom: 7px;
  height: 17px; 
  }
*:first-child+html #subnav p a {
   padding-bottom: 7px;
  height: 13px; 
  }
  #subnav p a.current {
    background: url('images/bg_subnav.png') no-repeat 50% 100%;
  }