body {margin: 0;
padding: 0;
font-family: sans-serif;
background-color: #313131;
font-size: 76%;
color: #ffffff;
}
/*stili per il body*/
a {text-decoration: none;color: #C53001;}
a:hover {background: none;color: #FF7800;}
h1,h2{margin: 0;padding:0}
h1{padding-left:20px;
font: bold 2.3em/80px arial,sans-serif;
color: #93f2ff;}
h2{color: #FF0;font-size: 1.5em} 
/*fine stili per il body*/

/*stili per header*/
div#header {padding: 0.7em;
text-align: justify;
background-color: #535353;
margin-bottom: 0px;
border-bottom: double #b0ada1 medium;
background-image : url(images/bg1.gif);
background-repeat : repeat-x;
vertical-align: text-top;}


/*fine stili per header*/

div#footer {padding: 1em;
text-align: center;
clear: both;
color : #5c3b01;         
          background-color : #535353;
          border-top : medium double;
          background-image : url(images/bg1_f.gif);
          background-repeat : repeat-x;}

div#maincontent {padding: 2%;
text-align: justify;
margin-right: 20%;
margin-left: 20%;
background-color: #313131;
color: #ffffff;
margin-bottom: 10px;
background-repeat: repeat-x;
}



/*stili per i contenuti*/

div.textimage{margin-bottom: 10px;border: 0px solid #0FF;background-color: #313131}
div.textimage img{float:left;margin: 10px}
div.textimage h2, div.textimage p{margin:0 10px;padding: 0}div.textimage h2{margin-top: 10px; color: #FF0}

div.clearer{clear: left}
a#viewcss{color: #00f}

/*Fine stili per i contenuti*/


div#leftcolumn {padding: 1em 0em 0em 5px;
float: left;
text-align: left;
background-color: #313131;
color: #ffffff;
width: 160px;width:170px;width:160px;padding: 1em 0 0 5px
}

/*********** #sectionLinks styles ***********/

div#leftcolumn div.newsbox{ color: #535353;
margin-bottom: 2em}
div#leftcolumn div.newsbox h2{padding: 1px 2px; background-image: url(../hr_divider.gif);
color: #b91010;
font-size: 1.2em;
background-repeat: repeat;}

div#leftcolumn div.newsbox p{margin: 0.5em}

div#leftcolumn div.newsbox ul{
list-style-type: none;
padding: 0;
margin: 0;}

div#leftcolumn div.newsbox li
{background-image: url(images/q1.png);
background-repeat: no-repeat;
background-position: 0.2em;
padding-left: 1.9em;}

/***********FINE #sectionLinks styles ***********/

div#rightcolumn {padding: 2%;
float: right;
background-color: #313131;
color: #ffffff;
width: 160px;width:170px;width:160px;padding: 1em 5px;
}

/*stili per la sezione rightcolumn*/
div#rightcolumn div.newsbox{ color: #ffffff;
margin-bottom: 2em}
div#rightcolumn div.newsbox h2{padding: 1px 2px; background-image: url(../hr_divider.gif);
color: #b91010;
font-size: 1.2em;
background-repeat: repeat;}

div#rightcolumn div.newsbox p{margin: 0.5em}

div#controller{margin-right: 1em;
line-height: 3em;
text-align: center;
}
div#controller a{text-decoration: none; 
border: 1px solid #B81C28;
padding: 0em 0.6em 0em 0.6em; margin: 0em 0.2em 0em 0em; 
background-color: #ffed39; 
color: #000;
font-weight: bold}
div#controller a:hover{border-color: #CCC}
div#controller a#size1{font-size: 12px}
div#controller a#size2{font-size: 14px}
div#controller a#size3{font-size: 16px}

div#rightcolumn div.newsbox ul{
list-style-type: none;
padding: 0;
margin: 0;}

div#rightcolumn div.newsbox li
{background-image: url(images/q1.png);
background-repeat: no-repeat;
background-position: 0.2em;
padding-left: 1.9em;}
div#rightcolumn div.newsbox a
{text-decoration: none;color: #C53001}
div#rightcolumn div.newsbox a:hover{background: none;color: #FF7800}

/*stili per la sezione links*/
div#links h2{padding: 1px 2px; background-image: url(../hr_divider.gif);
color: #b91010;
font-size: 1.2em;}

div#links ul, div#links li{list-style: none;margin: 1%;padding: 0}
div#links li{margin:0 3px 0 3px; background: url(images/rollover2.gif) no-repeat 0 -20px}
div#links a{display: block;height: 20px;line-height: 20px;
    padding-left:14px;background: url(images/rollover2.gif) no-repeat;
    text-decoration: none;color: #C53001;
padding-bottom: 0em;}
div#links a:hover{background: none; color: #FF7800}

DIV#sitemap {
   padding: 1em 1.5em;
   line-height: 24px;
   }

DIV#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
DIV#sitemap LI {
   background-image: url(images/extm.gif);
  background-repeat:no-repeat;
  background-position: 0em 0em;
   }
DIV#sitemap LI.last {
  background-image: url(images/exlm.gif);
  background-repeat:no-repeat;
  background-position: 0em 0em;
   }

DIV#sitemap LI.file:before {
   content: url(images/exfilebw.gif);
   }
DIV#sitemap LI.file:before:hover {
   content: url(images/exfilecolor.gif);
   }
DIV#sitemap LI.folder:before {
   content: url(images/exfolderbw.gif);
   }
DIV#sitemap LI.folder:before:hover {
   content: url(images/exfoldercolor.gif);
   }
DIV#sitemap LI LI {
   color: #000000;
   font-weight: normal;
   }
DIV#sitemap LI.folder:hover {
   color:  #ddc331;
   font-weight: bold;
   }
DIV#sitemap LI.file:hover {
   color:#56a6ff;
   font-weight: bold;
   }

DIV#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
DIV#sitemap UL {
   background-image: url(images/exim.gif);
   background-repeat: repeat-y;
   background-position: 0em 0em;
   }
DIV#sitemap UL.last {
   background-image: none;
   }

#code {
   clear: both;
   background-color: #f8f8f8;
   color: #333;
   padding: 1em;
   border-top: 1px dashed #ccc;
   margin-top: 2em;
   }
#code pre {
   color: #333;
   background-color: #eee;
   padding: 1em;
   }
#code pre em {
   color: #920;
   }
h1 {
   font: 1.7em  "trebuchet MS",Verdana,sans-serif;
   padding: 0.5em;
   }
h1 code {
   font-weight: bold;
   color: #999;
   }