how to give whole website a background color

[vr4indian]

can you tell me how can i give a whole website a backgroind color

just like greenish here---- i need to use 'f7f7f7'


mystylesheet:
##########################################################################################_

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #000000;
}

#mainWrapper {
background-color: #000000;
text-align: left;
width: 100%;
vertical-align: top;
}

-------------------------------------------------------------------
my tpl_main page :
-------------------------------------------------------------------

<div id="mainWrapper">
<?php
/**
* prepares and displays header output
*
*/
require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>

<table width="788" border="0" align="center" cellspacing="0" cellpadding="0" vspace="0" >
<tr>
<?php
if (COLUMN_LEFT_STATUS == 0..............................

-------------------------------------------------------------------------------

can you help me how can i get fine backgroung color to whole website

link:
http://netclues.net/demo1/caytech/index.php

[Ryk]

I thought you were joking to start with, but your problem is that #mainwrapper is 100% wide and overlays the body...that's why you can't see the effect of changing body{background-color}.

To start with, you need to change #mainwrapper. Yo make life much easier...

Install Firefox. Install Web Developer Toolkit for Firefox.

Select CTRL+SHIFT+E. The stylesheets in use appear on the left.

Select CTRL+SHIFT+F. Move the mouse over the page; details of elements will be displayed. Find the ones you want and change the setting in the left column. You can then see the effect instantly. If that's what you want, you can save the stylesheet (using the symbol at the left of the scissors at the top of the Edit css column) and then upload it to your site.