body 
{
	margin:0;
	background-image: url('images/footsteps.png') ;
	background-repeat:no-repeat;	
	background-size:auto;	
    z-index:-100;
	font-family: Arial;
	width:100%;
	height:1em;
}

div#content 
{
	margin:20px;
	Width:500px;
	text-align:left;
}
div#content_bg 
{
	
	height:100%;
}	
div#content h1 
{
	font-size:160%;
}

h1 {font-size:200%;color:#13394c;}
#box {width:550px;float:left;}

.top {
margin: 0; padding: 0 50px 0 0;
background: transparent url(images/shadow.gif) repeat-y right top;
}
.top h1 {
margin: 0; padding: 20px 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 20px 50px;
background: transparent url(images/shadow.gif) no-repeat left bottom;
}
.p h2 {
margin: 0; padding: 10px 0 0 50px;
background: transparent url(images/shadow.gif) repeat-y 0 -50px;/* align left - start 50px from the top */
font-size: 120%;
}
.p p {
margin: 0; padding: 10px 0 0 50px;
background: transparent url(images/shadow.gif) repeat-y 0 -50px;/* align left - start 50px from the top */
}
.p {
margin: 0; padding: 0 30px 0 50px;
background: transparent url(images/shadow.gif) repeat-y 100% -50px;/* align right - start 50px from the top */
}