Per ora cominciamo da qui:
codice:
HTML 
</div>                 <=== spostato sopra il footer

<div id="footer">
Copyleft
- 1997_2007 Utopie Onlus™ - 
Privacy Policy - 
Disclaimer - Testi e Grafica: 
Maurizio Pittau
</div>

</body>
</html>

CSS 
#footer { font: normal 65% Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(navbg.jpg); text-align: center;
	padding: 5px 0 5px 1px; height: 30px; 
	clear: both; border-top: #eee8db 1px solid; margin-top: 1px; 
	color: #f5f5f5; line-height: 130%;
}
#footer a:link {
	color: #f5f5f5; text-decoration: underline;
}
#footer a:visited {
	color: #f5f5f5; text-decoration: underline;
}
#footer a:hover {
	color: #c85a3f; text-decoration: none;
}
(Colori dei link a scelta )

Poi non ho capito una cosa:
codice:
<link rel="stylesheet" type="text/css" href="text/default.css" />
<style type="text/css">@import url(http://www.utopie.it/text/default.css);</style>
Perchè due include identici con due tecniche diverse?