/*stili per il layout elastico*/
html,body{margin:0; padding: 0;height: 100%}
body{font-family: arial,sans-serif;font-size: 76%;text-align: justify}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}
div#container{width: auto; margin: 0 auto; text-align: justify;
border-left: 2px solid RGB(255, 0, 0);border-right: 2px solid RGB(255, 0, 0)}

/*stili generici, su header e footer*/
div#header{background-color: RGB(0, 200, 200);color: RGB(255, 255, 255)}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em; font: bold 2.3em/80px arial,serif;}
h2{padding-left:0.5em; padding-bottom:0.5em; padding-top:0.5em; font: normal arial,serif; color: RGB(0, 0, 0);font-size: 1em; text-align: left; border-top: thin solid RGB(255,255,255);}
h3{font: bold arial,serif; color: RGB(100, 100, 100);font-size: 1em; text-align: left;}
.nota{font: italic arial,serif; color: RGB(100, 100, 100);font-size: 0.9em; text-align: justified;}
div#footer{text-align:center;padding: 0.5em;
background-color: RGB(0, 200, 200); color: RGB(255, 255, 255)}
div#footer a{color: RGB(255, 255, 255);font-weight: bold;text-decoration: underline}
div#footer{position:absolute;bottom: 0;width: 100%} 

/*stili specifici per il layout*/
div#navigation{padding-left:0.5em; padding-top:2em; font-weight: bold; background-color: RGB(50, 150, 150); color: RGB(255, 0, 0); height:75%}
div#content{padding: 0 1.5em 5em}

div#navigation{
    float: left;
    width: 13em
    }

div#content{
    margin-left: 13em
    }

div#footer{
    clear: left
    }