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

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

div#container
{
    background: url(img/rightcol.jpg) repeat-y top right;
    width: 80%;
    margin: 0 auto;    
}


/*stili generici, su header e footer*/
div#header
{
    background-color:#36C;
    color: #ff0;
}

.link
{
    font-family: Verdana, Sans-Serif;
    font-size: 8pt;
}

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:right;
    width: 180px
}

div#content
{
    margin-right: 200px;
    padding: 1em;
    background-color: #fff;
}

div#footer
{
    clear:right; 
    text-align:center; 
    padding: 0.5em;
    background-color: #69c; 
    color: #000;
}

/*stili per la navigazione*/
div#navigation ul
{
    margin: 1em 0 1em 1em;
    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;
}