OK... im have a lot of trouble understanding how to merge codes. Could some one please merge these codes for me, or show me how. Thanks

GLOBAL_HEAD<=
<style type="text/css">
<!--
table {
width: 38%;
float: center;
}
table table {
width: 100%;
float: center;
}
-->
</style>
<=GLOBAL_HEAD


GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background color:white;
background-image:url(IMAGE URL HERE);
background-attachment:;
background-repeat:no-repeat;
margin-top:250px ;
margin-left:100px;}
body, html, td, font, div, p {
font-family: "Arial", "Arial", "Arial", sans-serif; }
body, html, td, font, div, p { font-size: 9pt; }
div {text-align:left;color:white;}
div div {width:280px}
table div {text-align:left;}
table {width:400px;}
table table {width:100%;}
table table table {width:80%; background-color:white;}
table, tr, td, .shadowed {};
-->
</style>
<=GLOBAL_HEAD

If you copy and paste this, it should work :)
GLOBAL_HEAD<=
<style type="text/css">
<!--
table {
width: 38%;
float: center;
}
table table {
width: 100%;
float: center;
}
-->
</style>
<style type="text/css">
<!--
body {
background color:white;
background-image:url(IMAGE URL HERE);
background-attachment:;
background-repeat:no-repeat;
margin-top:250px ;
margin-left:100px;}
body, html, td, font, div, p {
font-family: "Arial", "Arial", "Arial", sans-serif; }
body, html, td, font, div, p { font-size: 9pt; }
div {text-align:left;color:white;}
div div {width:280px}
table div {text-align:left;}
table {width:400px;}
table table {width:100%;}
table table table {width:80%; background-color:white;}
table, tr, td, .shadowed {};
-->
</style>
<=GLOBAL_HEAD

thank you so much