#nav, #nav ul {
  margin:0;
  padding:0;
  list-style:none;
  font-weight: normal;
  width:150px; /* Width of Menu Items */
  border-bottom:0px solid #cccccc;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#nav li {
  position:relative;
}
  
#nav li ul {
  position:absolute;
  width:150px;
  left:149px; /* Set 1px less than menu width */
  top:0;
  display:none;
}

/* Styles for level 1 Menu Items */
#nav li a {
  display:block;
  text-decoration:none;
  color:#000000;
  font-weight: normal;
  background:transparent; /* IE6 Bug */
  padding:6px;
  border:0px solid #ffffff;
  border-bottom:0px;
  background-image: url('http://www.businessherveybay.com/images/vert-line-menu.jpg');
  background-repeat: repeat-y;
  height:1%;
}

#nav li a:link { color:#000000; background-color:#transparent} /* Link Styles */

#nav li a:visited { color:#000000; background-color:#transparent} /* Visited Styles */

#nav li a:hover { color:#FFFFFF; background-color:#8CA3BA} /* Hover Styles */
    
#nav li a:active { color:#FFFFFF;background-color:#8CA3BA} /* Active Styles */


/* Styles for level 2 Menu Items */
#nav li ul li a {
  display:block;
  text-decoration:none;
  color:#000000;
  font-weight: normal;
  background:#FFFFFF; /* IE6 Bug */
  padding:6px;
  border:0px solid #cccccc;
    font-size: 12px;
  border-bottom:0px;
}

#nav li ul li a:link { color:#000000; background-color:#8CA3BA} /* Link Styles */

#nav li ul li a:visited { color:#000000; background-color:#8CA3BA} /* Visited Styles */

#nav li ul li a:hover { color:#FFFFFF; background-color:#8CA3BA} /* Hover Styles */
    
#nav li ul li a:active { color:#FFFFFF;background-color:#8CA3BA} /* Active Styles */


    
#nav li:hover ul, #nav li.over ul { display:block; } /* The magic */

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