/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center}
div#container{position: relative; width: 760px;margin: 0px auto;
    border-left: 1px solid #669ACC; border-right: 1px solid #669ACC; background-color: #eee;color: #000033;text-align: left}

/*stili generici, su header e footer*/
div#header{height: 90px;background-color:#669ACC;color: #fff}
div#header h1{

}
h1,h2, h3, h4, h5{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/ arial,sans-serif}
h2{color:#0033CC;font-size: 1.5em}
h3, h4, h5 {color:#000033;font-size: 1em}

div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{
	position: absolute;
	top: 100px;
	left: 0;
	width: 100px;
	\width:170px;
	w\idth:150px;
	padding: 1em 0 0 10px;
}
div#extra{
	position: absolute;
	top: 100px;
	right: 0;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 1em 5px;
}
div#content{margin: 20px 190px 0 160px;padding: 1em 10px;background-color: #fff}
div#footer{text-align:center; padding: 5px 0;
    background-color:#003366; color:#fff;}

/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 90px;border-bottom: 1px solid #003366;color:#003366;
    text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: #f00}
div#navigation ul a#activelink{color: #f00;text-decoration: none}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color:#003399;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

div#content ul a{display:block;width: 90px;border-bottom: 1px solid #003366;color:#003366;
    text-decoration: none}
div#content ul a:hover{background-color: #fff;color: #f00}
div#content ul a#activelink{color: #f00;text-decoration: none}
