/*********************************************
expand and collapse divs
**********************************************/
.trigger{
	cursor: pointer;
	color: #666666;
	text-align: left;
	font-family: Trebuchet MS, Tahoma, Arial, SansSerif;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-color: #F9F9F9;
	padding: 5px;
	margin: 5px 0px 0px 0px;
}		
.trigger:hover{
	cursor: pointer;
	text-align: left;
	background: #F9F9F9;
	color: #7F7C50;
	padding: 5px;
	margin: 5px 0px 0px 0px;

}		
.expanded{
	background: #F9F9F9;
	cursor: pointer;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	font-family: Trebuchet MS, Tahoma, Arial, SansSerif;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.expanded:hover{
	background: #F9F9F9;
	cursor: pointer;
	color: #7F7C50;
	padding: 5px;
}
.show{
}
.hide{
	position: absolute;
	left: -999em;
	height: 1px;
	width: 100px;
	overflow: hidden;
}
.conteudo{
	background-color: #F9F9F9;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	text-align: justify;
	font-family: Trebuchet MS, Tahoma, Arial, SansSerif;
	font-size: 0.7em;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.expanded img, .expanded:hover img, .trigger img, .trigger:hover img {
	padding: 0 5px 0px 5px;
}
* html .expanded img, .expanded:hover img, .trigger img, .trigger:hover img {
	padding: 0 5px 0px 5px;
}