2 different colors.. Options

[supphoe]

How would I make the tables two different colors. Like, the view more pictures table, and interests one color, and then the about me and comment tables a different color. This is what I want it to look like..

[*This Confession*]

the red it the color stuff..
you get to change

well this is for a normal skinny layout..

<style type="text/css">
table, td {background-color:transparent; border:none; border-width:0;}
body{background-image:url("");
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
background-color: ffffff; }


table table table {border: 2px solid; border-color:009ACD; padding:0; background-color:ffffff;}
table tbody td table tbody tr td.text table{background-color:000000;}
table table{border:0px;}
table table table table{border:0px;}
{table & border attributes}
table table table {border:1px solid; border-color:black; padding:1; width:250; height:20; background-color: ffffff;}
table tbody td table tbody tr td.text table{background-color:000000;}table table{border:1px;}table table table table{border:1px;}
table table{border:1px}
table table table table{border:1px}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: arial; color: 000000; font-size:11px; }
textarea, input {font-family: arial; font-size: 11px; color: 000000; text-transform:lowercase; letter-spacing:0px; background-color:ffffff;border:1px solid black;cursor:crosshair;}
.btext {font-family: arial; font-size: 11px; color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext10 {font-family: arial; font-size: 11px;color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext12 {font-family: arial; font-size: 11px; color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase;}


.lightbluetext8 {font-family: veranda; font-size: 9px; color: 000000; line-height: 14px; font-weight: normal;text-transform:lowercase;}


.nametext {font-family: arial; color: 000000; line-height: 20px; font-size:11px; text-transform:lowercase; text-align:center; letter-spacing:-1px;}

.orangetext15 {display:none;}

.redbtext, .redtext {display:none;}




.text {font-family: arial; font-size: 11px; color: 000000; font-weight: normal;}


.whitetext12 {font-family: veranda; font-size: 9px; color: 000000; line-height: 14px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase;}




a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px; background-color: transparent;}



a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -2px; text-transform: lowercase; line-height: 15px; background-color: transparent;}


b, stong
{font-weight:bold;font-size:8pt;line-height:10px;text-transform:lowercase;color: FFFFFF;letter-spacing:0px;font-family:arial;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: ;}
a:hover {cursor: help;}
TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: lowercase; width:200px;}
TABLE TABLE {padding: 0px; text-transform: lowercase;}
TABLE TABLE TABLE {padding: 1px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table td.text table td.text table table tbody td table, span.btext {display: none !important}
</style>