body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#Layer2 {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clip: rect(auto,auto,auto,auto);
}
<style type="text/css">

body {
	background-image: url(images_soul/bg-.jpg);
	background-repeat: repeat-x;
	background-color: #7d66ab;
}
.style1 {
	color: #FFFFFF;
	font-size: 48px;
	clip: auto;
}
#Layer1 {
	position:relative;
	left:1px;
	top:inherit;
	width:800px;
	height:246px;
	z-index:1;
	background-image: url(images_soul/banner_OK.jpg);
	margin-top: -8px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#Layer2 {
	position:static;
	left:237px;
	top:270px;
	width:824px;
	height:30px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

</style>
<link href="soul.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<style type="text/css">

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF9933;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#Layer3 {
	position:static;
	top:315px;
	width:780px;
	height:430px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
}
.style2 {color: #FFFFFF}
.style3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}