#subnav {
	display: block;
	margin: 0 auto;
	padding:0;
	width: 200px;
}

#subnav ul {
	width: 200px;
	margin: 0;
	padding: 0;
	list-style: none;	
	text-transform: uppercase;
	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
}

#subnav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnav ul li {
	float: left;
	width: 200px;
	display: block;
	height: auto;
	margin: 0 8px 2px 0;
	padding: 0;
	border: 1px solid #048451;
}

#subnav ul li a {
	color: #048451;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.3em 0;
	text-decoration: none!important;
	text-indent: 4px;
	background-color: #FAFAFA;
}

#subnav ul li li {
	padding: 0 0 0 0;
	margin: 1px 0 0 0;
}

#subnav ul li li a {
	padding: 3px 0;
	line-height: normal;
}

#subnav ul a.first-level {
	background: #048451 url(../images/arrow.gif) top right no-repeat;
}

#subnav ul a.sub-level {
	background: url(../images/arrow.gif) 132px 1px no-repeat;
	
}

#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li:hover a, #subnav ul li.sfhover a {
	color: #FFF;
	text-decoration: none;
	background-color: #048451
}

#subnav ul ul li:hover, #subnav ul ul li.sfhover {
	color: #FFF;
}

#subnav ul li li:hover a, #subnav ul li li.sfhover a, #subnav ul li li:hover li:hover a, #subnav ul li li.sfhover li.sfhover a, #subnav ul li li:hover li:hover li:hover a, #subnav ul li li.sfhover li.sfhover li.sfhover a {
	color: #FFF
}

/* This line cancels the highlight effect for all sub-level buttons */
body.nav-1 #subnav ul li#subnav ul-1 li a, body.nav-1 #subnav ul li#subnav ul-1 li li a, #subnav ul li li a, #subnav ul li li li a {
	background-image: none
}

body.nav-1 #subnav ul li#subnav ul-1 a, body.nav-2 #subnav ul li#subnav ul-2 a {
	color: #048451;
}
	
	#subnav ul li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		z-index: 9999;
		margin-left : 201px;
		margin-top : -2.0em;
		padding: 0 0 0 2px;
		background: transparent;
		text-transform: none!important;
	}
	
	#subnav ul li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	/* Normal color */
	#subnav ul li li a:link, #subnav ul li li a:visited, #subnav ul li:hover li a, #subnav ul li.sfhover li a, #subnav ul ul li.sfhover li a, 
	#subnav ul li:hover li:hover li a, #subnav ul li.sfhover li.sfhover li a,
	#subnav ul li:hover li:hover li:hover li a, #subnav ul li.sfhover li.sfhover li.sfhover li a {
		color : #FFF;
		background-color: #048451
	}
	
	/* Hover color */
	#subnav ul li li a:hover, #subnav ul li li a:active, 
	#subnav ul ul li:hover a, #subnav ul ul li:hover li:hover a,
	#subnav ul li.sfhover li.sfhover a, #subnav ul li.sfhover li.sfhover li.sfhover a, #subnav ul li.sfhover li a:hover, 
	#subnav ul li.sfhover li li a:hover, #subnav ul li.sfhover li.sfhover li.sfhover li.sfhover a:hover, 
	#subnav ul li:hover li:hover a, #subnav ul li:hover li:hover li:hover a, #subnav ul li:hover li a:hover, 
	#subnav ul li:hover li li a:hover, #subnav ul li:hover li:hover li:hover li:hover a:hover
	{
		color : #048451;
		background-color: #FFF
	}
	
	#subnav ul li:hover ul ul, #subnav ul li:hover ul ul ul, #subnav ul li.sfhover ul ul, #subnav ul li.sfhover ul ul ul {
		left: -999em;
	}
	
	#subnav ul li:hover ul, #subnav ul li li:hover ul, #subnav ul li li li:hover ul, #subnav ul li.sfhover ul, #subnav ul li li.sfhover ul, #subnav ul li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#subnavtop {
	margin: 0;
	padding:0;
	height: 8px;
	background: url(../images/left-side-top.png) top left no-repeat;
	overflow:hidden	
}