@charset "utf-8";
/* CSS Document */

/* GENERAL */
.wr-trigger { padding: 20px 0; margin-top: 5px; border-top: 1px solid #CCC; }

/* TOGGLE with JQUERY */

h2.trigger {
	padding: 5px 0 5px 20px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat #CCC;
	border: 1px solid #AAA;
	font-size: 12px;
	color:#333;
	font-weight: bold;
	text-align:left;
}
h2.trigger a {
	color: #333;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #333; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin:0;
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	clear: both;
}
.toggle_container .block {
	padding: 20px 0; /*--Padding of Container--*/
}

.toggle_container .block .col-image { width: 33%; float:left; text-align:center; margin-bottom: 5px; }

.toggle_container p{
	margin:0;
	padding: 0;
}

.col-set { clear:both; }
.clr { clear:both; }