background behind tables ? Options

[sammy6440]

how do i get rid of the white behind the tables, so that you can see the background through the spaces between each table?

CODE

<Style type="text/css"> Table, Td{ } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ font-size:9.5; font-weight:normal; font-style:normal; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ font-size:9.5; font-weight:normal; font-style:normal; } a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ font-size:9.5; font-weight:normal; font-style:normal; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ font-weight:normal;}</Style>

<Style type="text/css">
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
font-size:10px;
color:01b29e;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Georgia,sans-serif;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
font-size:10px;
color:744936;
font-weight:normal;
font-style:normal;
text-decoration:underline;
text-transform:uppercase;
font-family:Georgia,sans-serif;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
font-size:10px;
color:96bf73;
font-weight:normal;
font-style:normal;
text-decoration:underline;
text-transform:none;
font-family:Georgia,sans-serif;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
font-size:16px;
color:ffe033;
font-weight:normal;
font-style:italic;
text-decoration:underline;
text-transform:lowercase;
}
a </Style>

<style> table table td.text table td.text table table tbody td table, span.btext {display: none !important} </style>



<style>table, tr, td {background-color: white; border: 2px; padding:0;}
table table {border: 0px;}
table table table table{border: 0px;}
table table table { background-color: white; } table table table{ width:400px; border-color:ff8e2f; border-style:solid; border-width:3pxpx; } table table table table{ width:auto; } table table table table, table table table td{ border-style:none; } </style>

<style type="text/css"> a:hover img {filter:fliph;} </style>

<style type="text/css">
A:hover   {text-transform:lowercase; letter-spacing:-2px;}
//-->
</style>

<style>
.a {set with of left column}
table table table {width:390px;}
table table table table {width:fixed;}

.a {set width of right column}
td.text table {width:390px;}
td.text table table {width:fixed;}
</style>

<Style type="text/css">body{ background-image:url(http://img82.imageshack.us/img82/9576/retromessvp8.jpg);background-position:center center; background-attachment:fixed; background-repeat:repeat; background-color: transparent;</style>

<br>

[freeflow]

CODE

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

With style tags.

[sammy6440]

problem solved. thank you