/* Basic code - don\'t modify */
#nav 
{ 
display: block; 
margin: 0; 
padding: 0; 
position: relative; 
top: 2px;
}

#nav li 
{ 
display: block; 
list-style: none; 
margin: 0; 
padding: 0; 
float: left; 
position: relative; 
}

#nav a 
{ 
display: block; 
}

#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: 170px; 
}

#nav ul ul 
{ 
left: 151px; 
}

/* Everything else is theming */
#nav 
{ 
background-color: none; 
height: 31px; 
}

#nav a 
{ 
/*border-left: 1px solid white;*/ 
font-size: 11px; 
padding: 1px 24px 1px 24px; 
line-height: 31px; 
color: black; 
text-decoration: none;
}

#nav a:hover,
#nav a:active
{ 
background-color: #33611a;
text-decoration: underline; 
color: white;
}

#nav .sublevel a:link,
#nav .sublevel a:visited
{ 
background-color: #e4e4e4;
color: black!important;
}

#nav .sublevel a:hover
{ 
background-color: silver;
text-decoration: underline; 
}

.active,
.active a
{
background-color: #33611a;
text-decoration: underline; 	
color: white!important;
}

#nav li.hover a 
{ 
background-color: none; 
}

#nav ul 
{ 
top: 32px; 
}

#nav ul li a 
{ 
line-height: 25px; 
background-color: #e2e2e2; 
}

#nav ul a.hover 
{ 
background-color: #33611a; 
}

#nav ul a 
{ 
border-bottom: 1px solid white; 
border-right: none; 
/*opacity: 0.7;*/ 
/*filter: alpha(opacity=90);*/ 
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
.sublevel {
	text-align: left;
}