.side_title {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666}
.side_data {  font-family: "Times New Roman", Times, serif; font-size: 10px; color: #0000FF}
.main_header {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 14px; font-weight: bold; color: #000000; background-color: #FFFFFF}
.top_header {  font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #000000; font-size: 24px; font-style: normal; line-height: 50px}
.maindata {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
li {
	float: left;
	position: relative;
	width: 10em;
	color: #0000FF;
	text-align: center;
	cursor: default;
	background-color: white;
	background: url("/img/box_left.gif");
	border: 1px solid #7d6340;
	border-width: 1px 1;
	font-weight: bold;
}
li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
// li > ul { 	top: auto; 	left: auto; 	}
li ul {
	display: none;
	position: absolute;
	top: 100%;
//	left: 0;
	font-weight: normal;
	background: url("/img/box_left.gif") bottom left no-repeat;
	padding: 0em 0 1em 0;
	border-right: solid 1px #7d6340;
}
li#first {
	border-left-width: 1em;
}
li#last {
	border-right-width: 1em;
}
li:hover ul, li.over ul{ display: block; } 
<ul id="nav">
// End of regular stuff, now for pretties
#nav a {
	font-weight: bold;
	color: green;
}
#nav a {
	text-decoration: none;
}
#nav li li a {
	display: block;
	font-weight: normal;
	color: green;
//	padding: 0.2em 5px;
}
#nav li li a:hover {
//	padding: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;
	color: #FF0000; 	
}
li:hover ul, li.over ul {
	display: block;
}