/*layout*/
section{min-width:960px;font-size:1.2em;}
section h2{background:url(/images/bullet.gif) left bottom no-repeat;padding:0 50px;border-bottom:1px solid lightgray;}
h2 span.name{border-left:1px solid #D3DDE8;border-right:1px solid #D3DDE8;}
.content{position:relative;padding-top:10px;}
	.ppt{float:left;width:601px;margin-right:10px;}
		iframe#ppt{width:601px;height:440px;}
	.announcer{position:relative;margin-left:621px;top:-10px;}
	.announcer dl{}
	.announcer dl dt, dd.name{padding:3px 5px 0;}
	.announcer dl dd{margin:0;}
		dd.name{font-weight:bold;font-size:1.4em;border-top: 1px dashed lightgray;color:#c37522;padding-bottom:5px;}
		.picture img{width:110px;height:150px;border:1px solid #aaa;position:absolute;left:-120px;top:0;}
		.profile ul{padding-left:20px;}
		.profile li{list-style-type:circle;}
	#video{width:37%;min-width:349px;height:200px;margin-left:611px;}
.content:after{clear:both;display:block;content:"";}




/****************************** responsive code ******************************/

@media (max-width: 650px) {
	.content{position:static; padding-top:10px;}
	section{min-width:95%; min-height: auto; font-size:1.2em; padding: 30px 0 20px;}
	section h2{background:none;padding:0;}
		.ppt{float:none;width:100%; margin-right:0px;}
			iframe#ppt {width:100%; height:260px;}
		.announcer{position:relative;margin-left:0px;top:-10px;}
		#video{display: none; width:37%;min-width:349px;height:200px;margin-left:611px;}
}