/* Basic code - don't modify */
 
#nav {
display: block;
margin: 0;
padding: 0;
position: relative;
}
#nav li {
display: block;
list-style: none;
margin: 0;
padding: 0;
float: left;
position: relative;
}
#nav a {
display: block;
text-decoration: none;
}
#nav a:hover { color:#FFFFFF; }
#nav ul {
display: none;
position: absolute;
left: 0;
margin: 0;
padding: 0;
}
* html #nav ul { 
line-height: 0;
} /* IE6 "fix" */
#nav ul a { 
zoom: 1;
} /* IE6/7 fix */
#nav ul li { 
float: none;
}
#nav ul ul {
top: 0;
}
    
/* Essentials - configure this */

#nav ul {
width: 200px;
}
#nav ul ul {
left: 200px;
}

/* Everything else is theming */
 
#nav {
float:left;
	padding:0;
	margin:0;
}
#nav *:hover {
background-color: none;
}
.2 a {
	color: #909090;
	text-decoration: none;
	width: 200px;
	display:block;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
 }
.2 a:hover { color:#FFFFFF; }
.2 li.hover a {
color: #ffffff;
text-decoration: none;
width: 200px;
display:block;
padding:0;
margin:0;
float:left;
text-align:center;
  }
#nav ul {
top: 35px; 
}
#nav ul li a {
	background-color: #F7F7F7;
	font-family: Tahoma, sans-serif, Arial;
	font-size: 9px;
	line-height: 35px;
	height: 35px;
	background-image: url(../images/dropdn.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#nav ul a.hover {
background-color: #FFFFFF;
	line-height: 35px;
	height: 35px;
	background-image: url(../images/dropdnr.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#nav ul a:focus {
background-color: #FFFFFF;
	line-height: 35px;
	height: 35px;
	background-image: url(../images/dropdnf.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#nav ul a {
opacity: 0.9; filter: alpha(opacity=90);
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */