body { 
	background-color: #ffeecc;
	color: #b50000;
	font-family: Arial, sans-serif;
	font-size: 16px;
}

	strong { font-weight: 700; }
	em { font-style: italic; }
	hr { width:90%;color:#ff0000;}
	p { 
		margin-bottom: 1.0em;
		line-height: 1.3;   }
	div { 
		margin: 15px 0 10px 0;
	}
	#wrapper {
		width: 768px;
		margin: 40px auto;
		text-align: center;
	}
	#title  {
		font-size: 2em;
	}
	.subtitle { font-size: 0.6em; }
	
	#subtitle1 { font-style: italic;}

	h2 { font-weight: 700; font-size: 24px; }
	

	.twopanel { 
		width: 92%; 
		margin: 20px auto;
		border: 1px solid #ff0000;
		border-radius: 6px;
		background-color: #ffe3c0;
	}
	.twopanel div { 
		display: inline-block;
		text-align: left; 
		vertical-align: top;
	}
	.twopanel-L { padding-right:20px; max-width: 300px; }
	.twopanel-R {  
		padding-left:20px; 
		border-left: 1px solid #ff9999;
		width: 43%;
	}
	.audio {
		padding: 18px;
		border: 1px solid #ff0000;
		border-radius: 6px;
		width: 300px;
		background-color: #ffe3c0;
		margin: 20px;
		display: inline-block;
		font-size:16px; 
		min-height: 75px;
	}
	audio { margin-top: 10px;  }

	
	#text { 
		width:600px; 
		text-align: left;
		margin: 15px auto;
	}
	
	h1 {
		margin-bottom:0.3rem;
	}