﻿body{
       background-color: #E1FFC4;
       font-family: Verdana, Helvetica, sans-serif;
       color: black;
       font-size: 0.77em;
       letter-spacing: 1pt;
       line-height: 1.5em;
       text-align: center;
       margin-top: 0%;                           		
}
div#header{
  width: 790px;
  height: 170px;
  margin: 0px auto;
  border-top: 1px solid #C4C9A5;
  border-right:1px solid #C4C9A5;
  border-left:1px solid #C4C9A5;
   font-family : Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  background-image: url(csm94e.jpg);
  background-repeat: no-repeat;
  background-position: top center;
      }
     
div#container{
      background-color: white;
      width: 774px;
      height: auto;
      margin: 0px auto; 
      padding: 8px;
  border-left: 1px solid #C4C9A5;
  border-right: 1px solid #C4C9A5;
  border-bottom:1px solid #C4C9A5;
      text-align: justify;
            }
                   
.sottolineato{ text-decoration: underline}
img{float: left; padding: 3px; margin-right:7px; border:0px}

div#menu{width: 790px; 
  margin: 0px auto;
 border-left: 1px solid #C4C9A5;
  border-right: 1px solid #C4C9A5;
  text-align: center;
    background: #f7ffc1/* #C4C9A5*/}
#menu li{margin: 0;padding: 0;list-style: none}
#menu ul{margin: 0;padding: 0;list-style: none}
#menu ul{width: 725px;height: 30px;margin: 0 auto}
#menu li{float:left;padding: 0 4px}
#menu a{float: left;width: 110px;line-height: 30px;
    background: #FFDD95 /*url(tabGloss2.png)*/ top left;
    text-decoration: none;color: #336901; border: 0.5px #996633 solid}
#menu li.active a{background-position: 0 -30px}
#menu a:hover{background-position: 0 -30px; color: #800000}
#menu li.active{font-weight: bold}
#menu a:focus{font-weight: bold; text-decoration: underline; 
background: #C4C9A5; color: yellow}

 div#footer{
 width: 790px; 
 height: 90px;
  border-left: 1px solid #C4C9A5;
  border-right: 1px solid #C4C9A5;
  border-bottom:1px solid #C4C9A5;
   margin: 0px auto;
      background: #f7ffc1;
 text-align: center; 
  line-height:80%;
  font-size:90%;
  font-style: italic;
padding: 10px 0;
     }

 h1 {
       margin-left: 10px;
      margin-top :50px;
      text-align: left;
  	 font-size: 24px;
	 font-weight: bold;
	 font-family: "Bradley Hand ITC", Georgia, "Times New Roman", serif;
	 font-style: italic;
     color: black; /*#4D4D33; #0000CC;*/
	letter-spacing: 1pt;
   }
h2 {
          font-size: 1.1em;
              font-style: italic;
            font-weight: bold;
            letter-spacing: 1pt;
}
/*p:first-letter {
    float:left;
    padding:1px;
    font: bold 65px/50px Georgia, "Times New Roman", serif;
    color: #666666;
    }*/
h3 {
            font-size: 0.9em;
            font-weight: bold;
            font-style: normal;
           	letter-spacing: 1pt;
}
a:link   {
  text-decoration: underline;
   font-weight: bold;
   color: #3333FF ;
  }
a:active {
/*text-transform: uppercase;*/
    text-decoration: none;
    font-weight: bold;
    color: fuchsia;
}
a:visited  {
              text-decoration: none;
             font-weight: normal;
               font-weight: bold;
            color: #FF33CC;
}
a:hover {
font-weight: bold;
    text-decoration: underline;
    color: #32CD32;
}
a:focus {
   font-weight: bold;
  /*text-transform: uppercase;*/
    text-decoration: none;
    color: lime;
}
 
dd:first-child { 
letter-spacing:0.2em; 
    line-height :1.5em;
    font-family:Georgia, "Times New Roman", serif;
    font-size: 12px; 
    font-style: italic;
    font-weight: 600;
}
dd:first-letter {float:left;
    padding: 2px;
    font: bold 80px/45px Georgia, "Times New Roman", serif;
    color: #572202;
    }
 label:first-child { 
                     font-size : 24px; 
                    font-weight: 600; 
                     color: #572202;

 }
ol#gallery{
    margin: 0px 5%;
    padding: 0;
    }
ol#gallery li{
    float:left;
    color: #fff;
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
    }
ol#gallery h3{
    margin: 0;
    padding: 3px 3px 10px;
    color: #fff;
    font: 12px arial,sans-serif;
    text-align: center;
    }
ol#gallery a{
    display: block;
    padding: 1px 1px 10px;
      }
ol#gallery a:hover{
    color: #fff; /*hack per ie5.5 e le regole sotto*/
    }
ol#gallery a img{
    border: 4px solid #FFF;
    }
ol#gallery a:hover img{
    border-color: #FFFFA0;
    }
ol#gallery a:active img{
    border-color: orange;
    }
ol#gallery a:focus img{
    border-color: #FFFFA0;
    }
