div.resources h2 {
	float: left;
	width: 599px;
	margin-top: 0.5em;
	background-color: #F4F4F4;
	padding: 0.5em 24px 0.5em 5px;
}

div.resources h2.js {
	cursor: pointer;
	background-image: url(/graphics/reveal-arrow.png);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	color: #666;
	font-size: 1.2em;
	background-color: #FFF;
}

div.resources h2.active,
div.resources h2.hover {
	background-color: #EEE;
}

div.resources div.category {
	margin-bottom: 1em;
}

div.resource {
	float: left;
	width: 100%;
	border-bottom: 1px solid #DDD;
	margin: 1em 0 0 0;
}



div.resource div.details,
div.resource div.shortdesc {
	float: left;
	width: 45%;
}

div.resource div.details {
	margin-right: 5%;
}

div.resource div.review {
	clear: both;
	border-top: 1px solid #DDD;
	padding: 1em 0 0 0;
	margin: 1em 0 0 0;
}

div.resource div.details dl {
	font-size: 0.8em;
	margin-top: 1.5em;
	word-wrap: break-word;
}

div.resource div.details dt {
	margin-top: 0.5em;
}

div.resource div.details div.image {
	margin: 1em 0 1em 10px;
	float: right;
}

div.resource div.details dd{
	overflow: hidden;
}