/*stili per il layout fluido*/
html, body{
    margin: 0 auto;
    width: 800px;
    padding:0
}

body{
    font-family: arial,sans-serif;
    font-size: 76%
}

/*stili generici, su header e footer*/
div#header{ 
    background-color:#8194A8;
    color:#FFD800
}

h1,h2{
    margin: 0;
    padding:0
}

h1{
    padding-left:0.5em;
    font: bold 2.3em/80px arial,serif
}

h2{
    color: #8194A8;
    font-size: 1.5em
}

div#footer{
    text-align:center;padding: 0.5em;
    font-size: 80%;
    background-color: #E6E6E6;
    color: #000;
}

div#footer a{
    text-decoration: underline
}

/*stili specifici per il layout*/
div#navigation{
    background-color:#E6E6E6
}

div#content{
    padding: 1em
}


/*stili per la navigazione*/
div#navigation ul{
    margin: 0;
    padding: 0;
    list-style-type: none
}

div#navigation li{
    display: inline;
    margin: 0 0 0 1em;
    padding: 0 /*nota display: inline*/
}

div#navigation a{
    color:#8194A8;
    font: normal bold 1.2em/2.5em arial,sans-serif;
    text-decoration: none
}
div#navigation a:hover{color: blue}

/*roba varia*/

.rightlink{
    color: #8194A8;
    text-align :right;
    text-decoration: none
}

.leftlink{
    color: #8194A8;
    text-align: left;
    text-decoration: none
}

.indented{
    margin-left: 15px;
}