semi transparent about me etc tables Options

[willowrampage]

as of right now, the background of my about me, intersts, etc. section is solid white, i was trying to figure out how to make it half transparent.

here is my code:

<style type="text/css">body {
background-color: FFFFFF;
background-attachment: fixed;
background-position: center;
background-image:url("http://img.photobucket.com/albums/v486/WillowRampage/0bkggold.jpg");
background-repeat: no repeat;
scrollbar-face-color: FFFFFF;
scrollbar-arrow-color: 808080;
scrollbar-shadow-color: FFFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-3dlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
}
b, i { color: 000000; font-weight: bold; }
font, td, a, body { color: 000000; font-family: trebuchet ms, lucida sans unicode, tahoma; font-size: 8pt; }
input, textarea {background-color: FFFFFF; color: 000000; font-family: trebuchet ms, lucida sans unicode, tahoma; font-size: 8pt; border: solid 2px; border-color: 000000; padding: 2; }
li, h1, h2, p, br, .navbar, .redtext, .text {color: 000000; font-family: trebuchet ms, lucida sans unicode, Tahoma; font-weight: normal;}
.blacktext10 , .lightbluetext8, .blacktext12, .btext, .whitetext12, .orangetext15, .redtext {color: 000000; font-family: trebuchet ms, lucida sans unicode, Tahoma; font-weight: bold;}
table, td {background:transparent; border-color: 000000; border:2px; font-family: trebuchet ms, Tahoma; color: 000000;}
table table, table table table table {border: 0px;}
table table table {border:3px solid; border-color: 000000; { background-color: FFFFFF; padding:3;}
a:link, a:visited, a.redlink:link, a.redlink:visited, a.searchlinksmall:link, a.searchlinksmall:visited, a.navbar:link, a.navbar:visited {color: 000000; cursor: crosshair; font-family: trebuchet ms, lucida sans unicode, Tahoma; font-size: 8pt; font-weight: bold; text-decoration: none;}
a:hover, a.redlink:hover, a.redlink:active, a.searchlinksmall:hover, a.searchlinksmall:active, a.navbar:hover, a.navbar:active {font-family: trebuchet ms, lucida sans unicode, Tahoma; font-size: 8pt; color: 000000; font-weight: bold; text-decoration: underline overline; cursor: crosshair;} .{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}table table table table table {direction:rtl;}
table table table table table td {direction:ltr;}
</style><div align="center"></div>
<br><br>

[FoxLucky]

Add opacity

Put this between style tags

table table table td {filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; }
table table table table td {filter:none;}