html,body{margin: 0;padding:0; background: #0000FF url("../images/gradiente.jpg") fixed repeat-x top;}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center;}
div#container{position: relative; width: 980px;margin: 15px auto;
    border: solid red; background-color: #c1f18d;color: #000;text-align: left}
div#container a:visited{color: #008000;} 
div#container a:active{color: red}

/*stili generici, su header e footer*/
div#header{height: 85px;border-bottom: 4px solid navy; background-color:yellow;color: black;font: bold 18px georgia,times,serif;text-align: center;background-image:url("../images/logo1.gif"); background-repeat: no-repeat;}
h1,h2,h3,p{margin: 0}
h3{padding-top: 10px; color: black}
h1{padding-left:10px;font: bold 30px georgia,times,serif; text-align: center;}
h2{font-size: 1.5em}
h3{font-size: 1.2em; color: red}
div#footer{text-align:center;  padding: 5px 20px; border-bottom:4px solid yellow; border-top: 4px solid yellow;
    background-color: navy; color:yellow;}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 80px; left: 0;  width: 120px;padding: 1em 1em;}
div#extra{position: absolute; top: 80px; right: 0;
    width: 120px;padding: 1em}
div#content{margin: 0 145px 0 130px ;padding: 1em 10px;background-color: #fff; background-image:url("../images/sfondocontent.gif"); background-repeat: repeat-y; background-position: center; }
div#content h1{font: bold 26px georgia,times,serif; color: red;}
div#content h4{font: bold 18px georgia,times,serif; color: red}
div#content a:hover{color: red; background-color: yellow;}
div#navigation a:hover{color: red;}

/*stili per la navigazione*/
div#navigation h2{padding: 1px 1px;width: 90%;background-color: yellow;color: black;font-size: 1.0em}
div#navigation h3{padding: 1px 1px;width: 90%;background-color: red;color: white;font-size: 1.0em; font-style: oblique; text-align:center;}
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 #fff;color:#000;
    font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: blue;}
div#navigation ul a#activelink{color: #f00;text-decoration: none}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 95%;margin-bottom: 2em}
div#extra div.newsbox ul{margin: 0 0 20px;padding: 0; list-style-type: none;font-size: 1em}
div#extra div.newsbox ul a{display:block;width: 90px;border-bottom: 1px solid #fff;color:#000;
    font-weight:bold; text-decoration: none}
div#extra div.newsbox ul a:hover{background-color: #fff;color: red;}
div#extra div.newsbox ul a#activelink{color: #f00;text-decoration: none}
div#extra div.newsbox h2{padding: 1px 2px;background-color: yellow; color: navy;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}