/* CSS Document */

/*PAGE LAYOUT*/
body {
   background-repeat: repeat-x;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

#toppage{
	width:800px;
}

#date{
   float: left;
   width: 169px;
   height: 36px;
   border-bottom: solid 1px #0087AA;

}
#topbar{
	float: left;
	width: 628px;
	height: 36px;
	background-color: #0087AA;
	background-repeat: repeat-x;
   border-bottom: solid 1px #0087AA;
	border-right: solid 1px #999999;
}

#header{
	width: 800px;
}

#content{
	width: 800px;
   min-height: 450px;
   height: auto;  !important;
   height: 450px;
}

#logo{
   float: left;
   width: 169px;
   height: 100px;
   background-color: White;
   /*background-image: url(logo-dest8.JPG);*/
   background-repeat: no-repeat;
}

#title{
	position: absolute; 
   width:628px;
}


#pagetitle{
/*   position:relative;*/
   float: left;
   width: 628px;
   height: 100px; /*background-color: #F7F7F7;*/
   font: 1.5em Verdana, Tahoma, sans-serif;
   color: #006D82;
   border-right: solid 1px #999999;
   background-repeat: no-repeat;
}

#menu{
	float:left; 
   width:170px; margin:0px;
}  

#linksmenu a{
   float: left;
   width: 170px;
   height: 18px;
   background-color: #0087AA;
   border-left: solid 1px #FFFFFF;
   border-bottom: solid 1px #FFFFFF;
   font: 0.7em verdana, Tahoma, sans-serif;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
   padding-top: 6px;
   padding-bottom: 6px;
}

#linksmenu a:hover{
	background-color: #00BCC1;
}

#contenttext{
   width: 628px;
   float: left;
   background-color: #F7F7F7;
   border-left: solid 1px #999999;
   border-right: solid 1px #999999;
   border-bottom: solid 1px #999999;
   border-top: dotted 1px #CCCCCC;
   /*min-height: 600px;
   height: auto; !important;
   height: 560px;*/
}

#footer{
   float: right;
   width: 615px;
   text-align: center;
}


/*GRAY PANEL*/
.panel{
	border: solid 1px #E4E4E4;
	background-color:#EEEEEE;
   padding-top: 10px;
	width:580px;
	height: 300px;
   overflow: auto;
}

.panel_2{
   float: right;
	border: solid 1px #E4E4E4;
	background-color:#EEEEEE;
   padding-top: 10px;
	width:168px;
	height: 400px;
   overflow: auto;
}

/*TEXT STYLES*/
.bodytext-b {
   font: 0.8em Verdana, Tahoma, sans-serif;
   font-weight: bold;
   color: #006D82;
}  
.bodytext-c {
   font: 0.7em Verdana, Tahoma, sans-serif;
   font-weight: normal;
   color: #006D82;
   padding-left: 10px;
   text-align: left;
}

.bodytext-d2 {
   font: 0.8em Verdana, Tahoma, sans-serif;
   font-weight: bolder;
   color: #006D82;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}


.bodytext-d {
   font: 0.6em Verdana, Tahoma, sans-serif;
   font-weight: bolder;
   color: #006D82;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}

.bodytext-e {
   font: 0.7em Verdana, Tahoma, sans-serif;
   font-weight: normal;
   color: #00BCC1;
   text-align: center;
}


.bodytext {
   font: 0.7em Verdana, Tahoma, sans-serif;
   color: #666666;
   text-align: justify;
}
.bodytext2 {
   font: 0.6em Verdana, Tahoma, sans-serif;
   color: #666666;
   text-align: left;
}

.bodytexta {
	font: 0.7em Verdana, Tahoma, sans-serif;
	color: #666666;
   text-align: center;
}


.smalltext {
	font: 0.7em Verdana, Tahoma, sans-serif;
	color: #666666;
}

.smalltext2 {
	font: 0.7em Verdana, Tahoma, sans-serif;
	color: #666666;
   margin-left: 20px;
   
}


.smallwhitetext {
	font: 0.7em Verdana, Tahoma, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
   
}
.smallwhitetext a{
   color: White;
   text-decoration: none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
   font: 0.7em Verdana, Tahoma, sans-serif;
   font-weight: bold;
   color: #C1C1C1;
}
.smallgraytext a{
   color: #C1C1C1;
   text-decoration: none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 1.2em Verdana, Tahoma, sans-serif;
	font-weight:bold;
	color: #006D82;
}
.logotext {
	font: 1.2em Verdana, Tahoma, sans-serif;
	font-weight:bold;
	color: #999999;
}
.bluelogotext {
	font: 1.4em Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #006D82;
	background-image: none;
}
.bluetitle {
	font: 1em Verdana, Tahoma, sans-serif;
 	font-weight: bold;
	color: #006D82;
}

   
ul#pippo{
   list-style: none;
   margin: 0;
   padding: 15px;
   font-weight: bold;
   font-family: verdana, Tahoma, sans-serif;
   text-align: left;
   white-space: nowrap;
   font-size: smaller;
   color: #0087AA;
}

ul#pippo li{
   padding-bottom: 15px;
   display: list-item;
}

ul#pippo a{
 
   text-decoration: none; 
   border-bottom: 2px solid #00BCC1; color: #0087AA
}

ul#pippo a:hover{
 
   border-color:  #0087AA;
   color:  #00BCC1;

}

ul#pluto{
   list-style: none;
   margin: 0;
   font-family: verdana, Tahoma, sans-serif;
   font-size: smaller;
   color: #2627A1;
   white-space: nowrap;
   padding-bottom: 10px;
}

ul#pluto li{
   display: inline;
   margin-right: 5px;
}

ul#pluto a{
   text-decoration: none;
   margin-right: 5px;
   border-bottom: 2px solid #85b8d8;
   color: #006;
}

ul#pluto a:hover{
   border-color: #2627A1;
   margin-right: 5px;
   color: #6294EE;
}


ul#pluto2{
   list-style: none;
   margin: 0;
   font-family: verdana, Tahoma, sans-serif;
   font-size: smaller;
   color: #2627A1;
   white-space: nowrap;
   padding-bottom: 10px;
}

ul#pluto2 li{
   display: inline;
   margin-right: 15px;
}

ul#pluto2 a{
   text-decoration: none;
   margin-right: 15px;
   border-bottom: 2px solid #85b8d8;
   color: #006;
}

ul#pluto2 a:hover{
   border-color: #2627A1;
   margin-right: 15px;
   color: #6294EE;
}