h2.trigger {
	padding: 6px 0 0 25px;
	margin: 0 0 0 0;
	height: 25px;
	line-height: 15px;
	width: auto;
	font-size: 15px;
	font-weight: normal;
	float: left;
	text-align: left;
	background: url(../assets/img_down.gif) no-repeat left;
		
}
h2.trigger a {
	padding:0;
	margin: 0 0 5px 0;
	height: 25px;
	line-height: 15px;
	width: 492px;
	color: #8d6f4c;
	text-decoration: none;
	display: block;
	height: 25px;
	}
	
h2.trigger a:hover { 
	width: 492px;
	font-weight: normal;
	float: left;
	text-align: left;
	color: #6a5339;
	}

h2.active {
	background-position: left bottom;
	background: url(../assets/img_up.gif) no-repeat left;

} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
	font-size: 100%;
	width: 512px;
	clear: both;
	
}

.toggle_container .block {
	padding: 0 0 0 20px;
	/*--Padding of Container--*/
	/*--Bottom rounded corners--*/
}


.list {
	color: #999;
	font: 100% Georgia, "Times New Roman", Times, serif;
}

.list ul {
	 list-style: none;
	 margin-top: 0px;
}

.list li {
	color: #999;
	font-size: 100%;
	border-bottom: 0.1em dotted #999999;
	padding: 2px 0;
}

.list li.selected {
	color: #6a5339;
}
		
.list li.selected a{
	color: #6a5339;
	text-decoration: none;
}

.list li.unselected a{
	color: #666666;
	text-decoration: none;	
}

.list li.unselected a:hover{
	color: #999999;
	text-decoration: none;	
}

.list li a:hover{
	color: #6a5339;
	text-decoration: none;	
}