<style type="text/css" media="screen">

.top {
 margin: 0; padding: 0 50px 0 0;
 background: transparent url(images/shadow.gif) repeat-y right top;
}
.top h1 {
 margin: 0; padding: 50px 0 0 50px;
 background: transparent url(images/shadow.gif) no-repeat left top;
 font-size: 120%;
}
.bottom {
 margin: 0; padding: 0 50px 0 0;
 background: transparent url(images/shadow.gif) repeat-y right bottom;
}
.bottom p {
 margin: 0; padding: 10px 0 50px 50px;
 background: transparent url(images/shadow.gif) no-repeat left bottom;
}

.p p {
 margin: 0; padding: 10px 0 0 50px;
 background: transparent url(images/shadow-repeat.gif) repeat-y 0 0;
}

.p {
 margin: 0; padding: 0 50px 0 0;
 background: transparent url(images/shadow-repeat.gif) repeat-y 100% 0;
}

/* 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(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

</style>


