/*
    1.Stili generali per il layout e i bordi
    2.Stili specifici per il testo
    3.Stili specifici Header e Footer
    4.Stili specifici della Navigazione
    5.Stili specifici della SideBar
    6.Stili specifici dei Link
    7.Stili specifici delle Immagini

*/

/* 1.Stili generali per il layout e bordi   */

* {
  margin:0px;
  padding:0px;
}

body {
    background-color: #99CCCC;
    font-size:73%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    color:black;
}

#container

{
  border-left:solid black 3px;
  border-right:solid black 3px;
  width:900px;
  margin:auto;
  position:relative;
}

#container2 {
  margin-top:39px;
  position:relative;
}


#content  {
    background-color:#6699FF;
    padding:20px;
    margin-left:186px;
}

#footer    {
  border-top:solid 3px black;
  border-bottom:solid 3px black;
}

/*  2.Stili specifici per il testo*/

h1 {
  font-size:25px;
  font-family:serif;
  font-variant:small-caps;
  font-style:italic;
  padding:3px;
  background-image: url(img/footer2.jpg);
  border:2px solid black;
  letter-spacing:2px;
  word-spacing:15px;

}

h3 {
    font:22px "Brush Script MT", sans-serif;
    font-variant: small-caps;
    padding:8px;
    font-weight:bold;
    color: silver;

}

/* 3.Stili specifici Header e Footer */

#header {
  border-top:3px black solid;
  height:85px;
}

#footer {
  background-color:#669999;
  width:896px;
  padding:2px;
  font-size:11px;

}

#footer span{
  font-size:10px;
  font-weight:bold;
  font-style:italic;
}

#contatto {
  text-decoration:underline;
  color:purple;
  letter-spacing:normal;
}


/* 4.Stili specifici della Navigazione */

#navigation {
  background-color:#669999;
  font: bold 17px perpetua;
  position:absolute;
  top:-506px;
  left:4px;
  width:100%;
  height:35px;
  line-height:35px;
  border-top:3px solid black;
  border-bottom:3px solid black;
}



#navigation li {
  display:inline;
  padding-right:30px;
  list-style-type:none;
}

#navigation:hover
{
  background:transparent;
}

#activelink   {
  font-size:26px;
}

/* 5.Stili specifici della SideBar */

#sidebar {
 width:165px;
 background-color: #CCFFFF;
 padding:0px 10px;
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 border-right:3px solid black;

}

#sidebar li
 {
   font:italic bold 19px serif;
   list-style-type: none;
   padding:10px;
 }

 #sidebar ul {
   margin-top:30px;
 }

/* 6.Stili specifici dei Link */

#sidebar a:visited, #navigation a:visited {
  color:black;
  text-decoration:none;
}

#sidebar a:hover, #navigation a:hover {
  text-decoration:underline;
  color:white;
}

a {
  color:black;
  text-decoration:none;
}

/* 7.Stili specifici delle Immagini */

.img {
  border:2px black solid;
  margin:5px;
}