html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;color:#fff;margin:0 1px 0 0;padding:    0;
background-color:#162882;text-align: center;}
#container
{
width: 90%;
margin-top: 10px;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 10px;
background-color: #162882;
color: #333;
border: 0px solid black;
border-bottom-width: 0px;
line-height: 130%;
text-align: center;
}

#header{
height: 100px;
background-color: #fff;
border: 2px solid gray;
line-height: 100%;
font-family: arial,sans-serif;
font-size: large;
}

img{
border: 0px;
}
img#bandiere {margin-bottom: 10px;margin-top: 5px;}
img#logoaf {margin-right: 5px;}

img#logoprincipale {vertical-align: text-bottom;margin-bottom: 0px;}

#randompictures{ clear:          left;
background-color: #bbbbbb;
border-top: 2px solid gray;
border-right: 2px solid gray;
border-left: 2px solid gray;   
border-bottom: 2px solid gray;
line-height: 100%;
font-family: arial,sans-serif;
font-size: large;
text-align: center;
padding:  10px 0px 10px 0px;
}

.textbottom {vertical-align:text-bottom;} 

#blackbox img{margin-bottom: 0px;margin-top: 10px;}

#blackbox { margin-bottom: 10px;margin-top: 0px;width: 810px; height: 220px;
         margin-left: auto; margin-right: auto;
         text-align: center;
         background: black;}

#redline1 {margin-bottom: 10px;margin-top: 10px;width: 100%;height: 4px;
         margin-left: auto; margin-right: auto;
         text-align: center;
         background: red; }

#imagebox {width: 270px;
          float: left;
         text-align: center;
         background: black;
         font-family: arial,sans-serif;
         font-size: 10px;
         font-weight: bold;
         color: white;
         }

#redline2 { margin-bottom: 0px;margin-top: 10px;width: 100%;height: 2px;
         margin-left: auto; margin-right: auto;
         text-align: center;
         background: red; }

#leftlogo
{
float: left;
margin: 0;
display: inline;
}
#rightbox
{
float: right;
margin: 0;
display: inline;
}

h1{color: #fff;font-size: 1.8em; line-height:1.1em;}
h2{color: #fff;font-size: 1.3em}
h3{color: #a00;font-size: 1.25em}
h4{color: #a00;font-size: 1em;font-weight:bold;}

#footer{clear:   left;
  border-top:      1px solid #000;
  border-bottom:  1px solid #000; 
  padding:        2px 10px;
  background:      #999; 
  color:          #FFF; 
  font-size:      .80em;
  line-height:    1em;}


#navigation{clear:          left;
text-align:center;background-color:red;
font-family: arial,sans-serif;
font-size: x-small;
border-top: 2px solid gray;
border-right: 2px solid gray;
border-left: 2px solid gray;   
border-bottom: 2px solid gray;}

#content{  float:      left; 
  width:      60%; 
  background:  #FFF; 
  color:      #000;
  margin:     0 0 0 0;
  text-align:justify}

#content .box {
  border-style:  none solid none none;
  border-color:  #aaa;
  border-width:  0px;
  padding-left:      5px;
  padding-right:     5px;
  padding-top:     0px;
  padding-bottom:     0px;
  margin:     0 0 0 0;
  margin-top: 10px;
}

#content50{  float:      left; 
  width:      50%; 
  background:  #162882; 
  color:      #fff;
  margin:     0 0 0 0;
  text-align:justify;}
#content50centered{  float:      left; 
  width:      50%; 
  background:  #162882; 
  color:      #fff;
  margin:     0 0 0 0;
  text-align:center;}

#widecontent{  float:      left;
  width:      100%;
  background:  #162882; 
  color:      #000;
  margin:     0 0 0 0;text-align:justify}
  
#widecontent .box {
  border-style:  none solid none none;
  border-color:  #aaa;
  border-width:  0px;
  padding-left:      5px;
  padding-right:     5px;
  padding-top:     0px;
  padding-bottom:     0px;
  margin:     0 0 0 0;
  margin-top: 10px;
}

#narrowcontent{
width: 90%;
margin-top: 10px;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 10px;
background-color: #162882;
color: #333;
border: 0px solid black;
border-bottom-width: 0px;
line-height: 130%;
text-align: center;
}


#centeredtext{text-align:center}

#events{  float:      left; 
  width:      40%;
  background:  #fff;
  color:      #000;
  margin:     0 0 0 0;
  margin-right:0px;
  text-align:justify}


#events .box{
  padding-left:      5px;
  padding-right:     5px;
}

/*stili per la navigazione*/
#navigation ul{margin: 0;padding: 0; list-style-type: none;}
#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
#navigation a{color:white;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
#navigation a:hover{color: #fff;text-decoration: underline}
#navigation a#activelink{color: yellow;text-decoration: none}

ul li {list-style-position: inside;}

#eventstitle{
  text-align: center;
  width: 200px;
  margin-left: auto; margin-right: auto;
  margin-top: 10px;
  border-top:      1px solid #555;
  border-bottom:  1px solid #555;
  border-left:      1px solid #555;
  border-right:      1px solid #555;
  padding:        3px 3px;
  background:      #fbb;
  color:          #000;
  font-size:      1em;
  line-height:    1em;}

#eventslist
{
  text-align: center;
  margin-top: 10px;
  font: normal bold 0.8em arial,sans-serif;
}

#eventslist a{color:red;font: normal bold 1em arial,sans-serif;text-decoration: none}
#eventslist a:hover{color: #500;text-decoration: none}
#eventslist a#activelink{color: yellow;text-decoration: none}

a{color:white;font: normal bold 1em arial,sans-serif;text-decoration: none}
a:hover{color: white;text-decoration: none}
a#activelink{color: yellow;text-decoration: none}

#pasteventstitle{
  text-align: center;
  width: 200px;
  margin-left: auto; margin-right: auto;
  margin-top: 10px;
  border-top:      1px solid #555;
  border-bottom:  1px solid #555;
  border-left:      1px solid #555;
  border-right:      1px solid #555;
  padding:        3px 3px;
  background:      #ddd;
  color:          #000;
  font-size:      1em;
  line-height:    1em;}

#pasteventslist
{
  text-align: center;
  margin-top: 10px;
}

#pasteventslist a{color:red;font: normal bold 0.8em arial,sans-serif;text-decoration: none}
#pasteventslist a:hover{color: #500;text-decoration: none}
#pasteventslist a#activelink{color: yellow;text-decoration: none}

#eventlistbox {width: 250px;
         margin-left: auto; margin-right: auto; 
         text-align: center;
         background: #f4d0d0;
         border:      1px solid #aaa;
         margin-bottom: 10px;
         border-style: solid;
         }
#pasteventlistbox {width: 250px;
         margin-left: auto; margin-right: auto; 
         text-align: center;
         background: #f4f4f4;
         border:      1px solid #aaa;
         margin-bottom: 10px;
         border-style: solid;
         }

#leftimagebox
{
float: left;
margin: 0;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #aaa;
display: inline;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
}
#rightimagebox
{
float: right;
margin: 0;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #aaa;
display: inline;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
}

#rightimage
{
float: right;
margin: 0;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
border: 0px;
display: inline;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
}
#leftimage
{
float: left;
margin: 0;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
border: 0px;
display: inline;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
}

#centerimagebox750
{clear:   left;
margin: 0;
margin-left: auto; margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #aaa;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
width: 750px;
}

#centerimagebox500
{clear:   left;
margin: 0;
margin-left: auto; margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #aaa;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
width: 500px;
}
#centerimagebox800
{clear:   left;
margin: 0;
margin-left: auto; margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
border: 0px solid #aaa;
padding-left:      0px;
padding-right:     0px;
padding-top:       0px;
padding-bottom:    0px;
color:black;font: normal bold 0.8em arial,sans-serif;text-decoration: none;
text-align: center;
width: 800px;
}