Estoy usando divs, pero perdon soy novato y no les entendi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="iconos/utn.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Uni</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="js/jquery-1.3.2.js.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="principal">
<div id="cabesera">
</div>
<div id="menu">
<div id="dolphincontainer">
<div id="dolphinnav">
<ul>
<li><a href="http://www.free-css.com/"><span>Menu Superior</span></a></li>
<span>Fundación</span></a></li>
</ul>
</div>
</div>
</div>
<div id="menu_pers">
</div>
<div id="cuerpo">
<div id="navegador">
<center><img src="imagenes/menu_servicios_escolares.png" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="4,91,193,124" href="inscripcion.html" alt="menu"/>
<area shape="rect" coords="4,124,193,155" href="#" />
<area shape="rect" coords="4,155,193,187" href="#" />
<area shape="rect" coords="4,186,193,221" href="#" />
<area shape="rect" coords="4,221,193,253" href="#" />
<area shape="rect" coords="4,253,193,284" href="#" />
</map>
</center>
</div>
<div id="contenido">
<center><img src="imagenes/servicios_escolares_portada.png" /></center>
</div>
</div>
<div id="pie">
</div>
Como cambio el div llamado contenido, desde el div llamado navegador? y que solo cambie el texto y no todo!