.calipso #sidebar1 
{
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 220px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	padding: 0 10px 15px 0; /* el relleno mantiene el contenido del div alejado de los bordes */
	margin-top: 0px;
}
.calipso #sidebar2 {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 220px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	padding: 0; /* el relleno mantiene el contenido del div alejado de los bordes */
}
.calipso #mainContent { 
	margin: 0 220px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	padding: 0 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
}