/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 90%}
/*div#container{background: url(rightcol.jpg) repeat-y top right}*/

/*stili generici, su header e footer*/
div#header{float: left;width: 160px}
div#mainheader{margin-left: 170px;padding: 1em background-color: #69c }
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{float:left;width: 200px}
div#content{margin-left: 200px;padding: 1em;background-color: #fff}
div#footer{clear:both; text-align:center; padding: 5px 0;
    background-color: #69c; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
div#navigation ul a{display:block;width: 165px;border-bottom: 1px solid #fff;color:#2853A1;font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: #00AC5A}
div#navigation ul a#activelink{color: #00AC5A;text-decoration: none}


div#content{
    /* ... */
border-width: 0 1px; 
border-style:solid;
border-color: #ccc;
    } 
div#container{background-color: #E1F2FC}
div#content{ /*...*/ background-color:#FFF} 

html,body{margin:0; padding: 0;height: 100%}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}
div#content{ padding: 0 1.5em 5em}
div#footer{position:absolute;bottom: 0;width: 100%}