current menu item highlighted

Hi,
I built and css styled a drop down menu in Dreamweaver and when I replicate it on WordPress using Appearance > menu and my copied css code the text on the nav bar for the selected page (eg. about us) is in pink. Its relative drop down children also lose formatting as does the visited state of the parent.

Is there something I should change about my css?

nav {
	position: relative;
top: 100px;
left: 150px;
	width: 785px;
}

nav ul {
  text-align: left;
  display: inline;
  padding: 15px 4px 17px 0;
  list-style: none;

}
nav ul li {
  font: bold 14px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #015700;
  cursor: pointer;
}
nav ul li a {
	color:#FFF;
	text-decoration:none;
}
nav ul li:hover {
  background: #446cea;
  color: #fff;
}
nav ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 170px;
  display: none;
  opacity: 0;
  visibility: hidden;
}
nav ul li ul li {
  background: #015700;
  display: block;
  color: #fff;
}
nav ul li ul li:hover { background: #446cea; }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

Thanks a lot,

ParkBike