/*
<div class="sidebox">
	<div class="boxhead"><h2>Test Headline</h2></div>
	<div class="boxbody">
		<p>This is a short sample paragraph.</p>
		<p>And another one.</p>
	</div>
</div>
The CSS:
*/
 
 


 
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	/*margin: 0 auto;  center for now */
	width: 17em; /* ems so it will grow */
	background: url(Images/Box/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(Images/Box/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(Images/Box/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 14px;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(Images/Box/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 4px 20px 25px 23px;
}

/* Second Color */
.sidebox2 {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(Images/Box/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url(Images/Box/sbhead-r_2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead2 h2 {
	background: url(Images/Box/sbhead-l_2.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 14px;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody2 {
	background: url(Images/Box/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 4px 20px 25px 23px;
}

/* Third Color */
.sidebox3 {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(Images/Box/sbbody-r_3.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead3 {
	background: url(Images/Box/sbhead-r_3.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead3 h2 {
	background: url(Images/Box/sbhead-l_3.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 14px;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody3 {
	background: url(Images/Box/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 4px 20px 25px 23px;
}