Now when you edit your profile you can edit the CSS of your page.. Ive got a couple different ones added below...

Use this diagram to select colors (you will need to play with it a bit to get a feel for how it works.



Green:
Code:
body {
background:#006600;
color:#FFFFFF;
}
.tcat {
background:#339900;
color:#ffffff;
}
.thead {
background:#66FF00;
color:#336666;
}
.panelsurround {
background: #33FF33;
color: #000000;
}
.page {
background:#006600;
color:#FFFFFF;
}
.tfoot {
background:#66FF00;
color:#FFFFFF;
}
.usercpoptions {
background:#66FF00;
color:#FFFFFF;
}
.vbmenu_popup {
background:#66FF00;
color:#FFFFFF;
}
.vbmenu_control {
background:#66FF00;
color:#FFFFFF;
}

Black Background
Code:
body {
background:#000000;
color:#FFFFFF;
}
.tcat {
background:#999999;
color:FFFFFF;
}
.thead {
background:#666666;
color:FFFFFF;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#000000;
color:#FFFFFF;
}
.vbmenu_control {
background:#000000;
color:#FFFFFF;
}
.panel {
background:#000000;
color:#FFFFFF;
}
.panelsurround {
background:#666666;
color:#000000;
}
.fieldset {
background:#000000;
color:#FFFFFF;
}
.alt1 {
background:#000000;
color:#FFFFFF;
}
.alt2 {
background:#000000;
color:#FFFFFF;
}
.tfoot {
background:#999999;
color:FFFFFF;
Ocean Blue
Code:
body {
background:#66FFFF;
color:#000000;
}
.tcat {
background:#0066CC;
color:FFFFFF;
}
.thead {
background:#3399FF;
color:FFFFFF;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#66FFFF;
color:#000000;
}
.vbmenu_control {
background:#0066CC;
color:#FFFFFF;
}
.panel {
background:#6699FF ;
color:#000000;
}
.panelsurround {
background:#666666;
color:#000000;
}
.fieldset {
background:#6699FF;
color:#000000;
}
.alt1 {
background:#6699FF;
color:#000000;
}
.alt2 {
background:#33FFFF;
color:#000000;
}
.tfoot {
background:#0066CC;
color:FFFFFF;
}
Desert Sands
Code:
body {
background:#FFFF33;
color:#666666;
}
.tcat {
background:#CC9900;
color:FFFFFF;
}
.thead {
background:#CCCC33;
color:#000000;
}
.tborder {
border-style: double;
border-width: thick;
background: #CC9900;
}
.page {
background:#FFFF33;
color:#666666;
}
.vbmenu_control {
background:#CC9900;
color:#FFFFFF;
}
.panel {
background:#FFFF33;
color:#666666;
}
.panelsurround {
background:#CCCC00;
color:#666666;
}
.fieldset {
background:#FFFF33;
color:#666666;
}
.alt1 {
background:#FFFF00;
color:#666666;
}
.alt2 {
background:#FFFF33;
color:#666666;
}
.tfoot {
background:#CC9900;
color:#FFFFFF;
}
.navbar {
background:#FFFF00;
color:#666666;
}
.navbar a {
background:#FFFF00;
color:#666666;
}
.navbar a:visited {
background:#FFFF00;
color:#666666;
}
.vbmenu_option {
background:#CC9900;
color:#FFFFFF;
}
Sea Side
Code:
  	body {
background:#66FFFF;
color:#000000;
}
.tcat {
background:#FFFF00;
color:#000000;
}
.thead {
background:#FFFF33;
color:#000000;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFCC00;
}
.page {
background:#66FFFF;
color:#000000;
}
.vbmenu_control {
background:#0066CC;
color:#FFFFFF;
}
.panel {
background:#6699FF ;
color:#000000;
}
.panelsurround {
background:#FFCC00;
color:#000000;
}
.fieldset {
background:#6699FF;
color:#000000;
}
.alt1 {
background:#6699FF;
color:#000000;
}
.alt2 {
background:#33FFFF;
color:#000000;
}
.tfoot {
background:#FFFF33;
color:#000000;
}


Black w/ Red Dotted Borders
Code:
body {  
background:#000000; 

color:#ff0000; 
} 
.tcat { 

background:#000000; 

color:#ff0000; 
} 
.thead {  
background:#000000; 

color:#ff0000; 
} 
.tborder { 

border:dotted #FF0000; 
} 
.tbody {  
background:#000000; 
} 
.tfooter { 

background:#000000; 

color:#ff0000; 
}
Grey
Code:
body {   
background:#dddddd;  
 
color:#000000;  
}  
.tcat {  
 
background:#aaaaaa;  
 
color:#000000;  
}  
.thead {   
background:#bbbbbb;  
 
color:#000000;  
}  
.tborder { 
border:dotted #0000FF;  
}  
.tbody {   
background:#cccccc; 
color:#000000;  
}  
.tfooter { 
background:#bbbbbb;  
 
color:#000000;  
}