/* .leftnav controls the button background, text and link colors */
div.leftnav {
	margin-bottom: 18px;
}

.leftnav a { 	/* The button links need to be block level in order to display properly */
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.leftnav a:link, .leftnav a:visited {  	/* Change button text color here */
	color: #4A4434;
	text-decoration: none;
	}

.leftnav a:hover, .leftnav ul ul li a:hover, .leftnav ul li a:hover, .leftnav ul a:hover { 
	color: #DF4600;
	}

.leftnav a:link.active, .leftnav a:visited.active { 	/* The highlighted button's text format (should usually be #df4600 (orange)) */
	color: #DF4600;
	text-decoration: none;
	font-weight: normal;
	}

.leftnav ul { 	/* Handles the format for the navigation */
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.leftnav ul li {
	font-weight: bold;
	border-top: 1px solid #FFFFFF; 	 /* The button's top rule (should be white or light color) */
	border-bottom: 1px solid #C8BBA8; 	/* The button's bottom rule (should be a dark color) */
	background: #EDE9D3 url(/images/px_clear.gif) 0px 0px; 	/* The button color */
	margin: 0;
	padding: 5px 6px 7px 10px;
	line-height: 120%;
	text-align: top;
	}

.leftnav ul li.active {
	color: #DF4600;
	background: #ffffff url(/features/images/bground_lftnav_active.gif) no-repeat 0px 0px;
	}
	
/*	------------------------------   */
/* Handling of the navigation subset */

.leftnav ul ul { 	
	margin: 0;
	padding: 12px 0 14px 10px;
	list-style-type: none;
	background: #FFFFFF url(/features/images/bground_lftnav_active.gif) no-repeat 0px 0px;
	font-weight: bold;
	}

.leftnav ul ul li {
	border: none;
	font-weight: normal;
	background: url(/features/images/arrowTiny_gray.gif) no-repeat 0px 6px;
	margin: 3px 0 0 0;
	padding: 2px 0 2px 10px;
	}
	
.leftnav ul ul li a {  /* When there is a navigational subset, use for formatting, alignment for the text */
	font-weight: normal;
	margin: 0; 
	padding: 0;
	}

.leftnav ul ul li.active a:link, .leftnav ul ul li.active a:visited {
	color: #DF4600;
	}

.leftnav ul ul li.active {
	color: #DF4600;
	background: url(/features/images/arrowTiny_orng.gif) no-repeat 0px 6px;
	}

/* If you want to change the navigation colors, copy the following css and place in a template or section level css doc.
.navHdr { // This is where the header image goes 
	height: 14px;
	width: 150px;
	background: url('/features/images/top_bar.gif') repeat-x 0px 0px;
	}
.leftnav a:link, .leftnav a:visited { color: #4A4434; }
.leftnav ul li {
	border-bottom: 1px solid #C8BBA8; 
	background: #EDE9D3; 
}
*/