#nav_holder {
  position:absolute;
  width: 450px;
  margin-left: -12px;
  left: 50%;
  margin-top: 105px;
}


ul#nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#nav li {
  position: relative;
  width: 100px;
  background-color: #CCC;
  text-align: center;
  top: 0;
  float: left;
  display: block;
  border-right: 1px solid #DBE8F0;
}

ul#nav li a {
  display: block;
  background: url(../images/nav_bg.gif) bottom center repeat-x;
  font: 0.9em/2.3em "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  color: #333;
  padding: 80px 0px 10px 0px;
}

ul#nav li a:hover {
  display: block;
  background: url(../images/nav_roll.gif) bottom center repeat-x;
  font: 0.9em/2.3em "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  color: #000;
  padding: 80px 0px 10px 0px;
}

ul#nav li ul {
  position: absolute;
  left: 0;
  top: 18px;
  display: none;
  padding: 0;
  margin: 0;
}

ul#nav li ul li {
  background-color: #febebe;
  top: 105px;
}

#nav li ul li a {
  display: block;
  text-align: center;
  font: 0.8em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
  background-color: #738998;
  background-image: url(../images/nav_rol_dropl.gif) top center repeat-x;
  border-left: 1px solid #B4CADA;
  color:  #444;
  text-decoration: none;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #C0E6FF;
}

#nav li ul li a:hover {
  display: block;
  text-align: center;
  font: 0.8em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
  background-color: #738998;
  background-image: url(../images/nav_rol_dropl.gif) top center repeat-x;
  border-left: 1px solid #B4CADA;
  color:  #000;
  text-decoration: none;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #C0E6FF;
}

ul#nav li:hover ul,
ul#nav li.over ul { 
  display: block; 
}

ul#nav li.off ul {
  display: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */