@charset "UTF-8";
/* CSS Document */
/*{border: 1px solid red;}*/
.profcontain{
	padding:10px;
	margin:0px auto;
	border-top: 1px solid DimGray;
	text-align:left;
	clear:both;
}
.profcontain{
	width:750px;
	position:relative;
}

.profpic{
	float:left;
	margin: 0px;
}
.profpic img{
	border: 5px solid black;
	width:175px;
	height:175px;
}
.proftbl{
	/*width:530px;*/
	padding: 0 0 0 15px;
}
.proftbl p{
	padding-top:8px;
}
.proftbl p span{
	font-weight:bold;
}
h2,h3,p{
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	margin: 0px;
}
h2{
	font-size:30px;
	margin: 0px;
}
h3{
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:15px;
	margin: 0px 0px 5px 0px
}
h4.trigger {
	padding: 0;
	margin: 10px 0 5px 0;
	background: url(h4_trigger_a.png) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 120px;
	font-size: 14px;
	font-weight: bold;
	position:absolute;
	top:0px;
	right:0px;
}
h4.trigger a {
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 30px;
}
h4.trigger a:hover { color: #ccc; }
h4.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 0 5px;
	padding: 0;
	overflow: hidden;
	width: 500px;

	display:none;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}