html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{width: 770px;margin: 0 auto;text-align: left;
    border-left: 2px solid #36c;border-right: 2px solid #36c;background-color: #9cf}

div#header{background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.9em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}


div#navigation{float:right;width: 18em}
div#content{margin-right: 17em;padding: 1em;background-image:url(animali.jpg);}
div#footer{clear:right; text-align:center; padding: 1.5em;
background-color:#69c; color: #000;}


div#navigation ul{margin: -1em 0 0.5em 3em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}