Creo que la solución esta en anteponer el div de la imagen al al texto, solo cambialos de posición:
en lugar de:
Código HTML:
<div class="Parrafo" id="mainContent2">
<div class="TiTuLoCUERPO" id="mainTituloTop">Noticias<br>
</div>
<div id="foto">Colocar aquí el contenido para id "foto"</div>
<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo CALISLorem ipsum III ENCUENTRO INTERNACIONAL dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy </p>
<p> </p>
<p> </p>
</div> Usa:
Código HTML:
<div class="Parrafo" id="mainContent2">
<div id="foto">Colocar aquí el contenido para id "foto"</div>
<div class="TiTuLoCUERPO" id="mainTituloTop">Noticias<br></div>
<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo CALISLorem ipsum III ENCUENTRO INTERNACIONAL dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy </p>
<p> </p>
<p> </p>
</div> el resto de css aunque lo puedes optimizar, pudes dejarlo como esta