Problema de color

[pabje]

Hola a Todos

Estoy haciendo una pagina web y para ello estoy empezando a usar HTML y CSS.
El problema que tengo es de color. En 2 maquinas la veo con un color bueno , pero en otras PC la veo con colores muy claros o con mucho brillo.
El color claro afecta al fondo de la página ,al texto , a la barra de naveación y a la la cabecera.

Sitio
http://vidamisiones.brinkster.net


Codigo del archivo externo css

BODY{
background:#C0D9d9 url(images/fondo.gif)repeat;
font: 8pt Verdana,Geneva,Arial,Helvetica,sans-serif;
color: #666666;
margin: 20px 0px 20px 0px;
text-align:center;
}

#contenedor{
text-align: left;
width: 700px;
background-color: #ffffff;
margin: auto;
}

#cabecera{
height: 106px;
width: 700px;
}

#navegador{
background:#F5F4C3 url(images/fondonav.gif);
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

#navegador ul{
list-style-type:none;
text-align:center;
}

#navegador li{
display: inline;
text-align: center;
margin: 0 1px 0 0;
}

#navegador li a{
padding: 2px 7px 2px 7px;
color: #666;
background-color: #ffff00;
border:1px solid #ccc;
text-decoration: none;
}

#navegador li a:hover{
background-color: #ff9900;
color: #ffffff;
}

#cuerpo{
width:480px;
margin-left:8px;
padding: 12px 0px 10px 0px;
background-color: #ffffff;
float:left;
}

H1{
font-size: 12pt;
}

H2{
font-size:9pt;
}

#lateral{
width:200px;
background-color:#EBF2FE;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
float:right;
}

.titlat{
background-color:#68729E;
color:#ffffff;
font-size:8pt;
text-transform:uppercase;
padding: 7px 3px 7px 8px;
font-weight:normal;
letter-spacing: 2px;
margin:0px 0px 8px 0px;
}

.cuerpolateral{
padding:5px 4px 13px 10px;
}

INPUT{
font-size: 8pt;
}

#fbuscar form{
margin-bottom:0px;
margin-top: 0px;
}

#campotexto{
float:left;
}

#campotexto input{
width:100px;
}

#botonbuscar {
padding-top: 3px;
padding-left: 106px;
}

#botonbuscar {
padding-top: 3px;
padding-left: 106px;
}

#botonbuscarinput{
border: 0px none;
}

#temas ul{
margin: 5px 10px 0px 0px;
padding: 0px 0px 0px 4px;
list-style: none;
}

#temas li{
padding-left: 14px;
background: transparent url("imagenes/bullet.gif") 2px no-repeat;
margin-bottom: 10px;
}


#pie{
clear: both;
color: #cccccc;
text-align: right;
margin: 10px 10px 0px 10px;
padding-bottom:10px;
}

#borde{
border:2px solid #cccccc;
text-align:left;
width: 700px;
margin: auto;
}