ul#nav {
  padding:0 0 0 0 ;
  list-style:none;
  /* Width of Menu Items */
  z-index: 1;
  display: inline;
  position: absolute;
  top: 70px;
  left: 200px;
}

#nav li {
  position:relative;
  float:left;
  white-space: nowrap;
  height:10%;
  margin: 0 10px;
}

#nav ul, #nav li:hover ul {
  display:none;
  position: absolute;
}


/* Styles for Menu Items */
#nav a {
  display:block;
  text-decoration:none;
  color:#777;
  /* IE6 Bug */
  padding:5px;
  height:1%;
  font:normal 11px verdana;
  border-width: 0px 1px 1px 1px;
  border-style:none;
  border-color:#ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 0px solid #004999;
}

/* Hover Styles */
#nav a:hover {
  color:#fff;
  background:#004999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
   border: 0px solid #004999;
   background: -webkit-gradient(linear, left top, left bottom, from(#004999), to(#002e78));
   background: -moz-linear-gradient(top,  #004999,  #002e78);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#004999', endColorstr='#002e78');
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);	
}

/* Sub Menu Styles */
#nav li ul li a {
  width: 120px;
  padding:5px 5px;
  list-style:none;
  background: #ffffff;
  border-bottom:1px solid #c1c1c1;
   -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

/* Sub Menu Styles */
#nav li ul li a:hover {
  width: 120px;
  padding:5px 5px;
  list-style:none;
  background: #ffffff;
  border-bottom:1px solid #c1c1c1;
   -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #004999;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
}



/* The magic */
#nav li:hover ul, #nav ul li:hover ul {
  display:block;
  list-style:none;
  margin:0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}