body

	{ margin: 0;

	padding:0;

	font-family: arial, sans-serif;

	/*font-size: 76%; */

	/*text-align: center;*/

	background-color: yellow;}



	/*  lo sfondo si vede solo se non è coperto da altri elementi*/

div#container

	{position: relative; 

	width: 1000px;  /* larghezza per navigation e content */

	margin: 0 auto;

	/*background-color: green; /*#BDDEFF; */

}



/*stili generici, su header e footer */

	/*  copre la parte alta del container */	

		/*  al suo interno ci sono due div : hormenu e  nav*/		

div#header

	{width:  1000px;

	height: 205px;

	background-color: yellow;

	color: blue;}





div#hormenu

	{width: 100%;

	position: abosulte;

	float: center; /*  non c'è */

	border-top: 1px solid black; /*   border: solid 1px #0076a3; */

	background: green; /*    background: #0095cd; */	

	/*color: red;     */

}



/* --     da tutto giallo  -- */

/* ----------------------------------------- */

/* ----------------------------------------- */





	* {

	  margin: 0px;

	  padding: 0px;

	}

 

	body

		{ margin: 0;

		padding:0;

		font-family: arial, sans-serif;

		/*font-size: 76%; */

		/*text-align: center;*/

		background-color: ivory; 

		}  	 /* yellow schermata gialla  -  si vede il colore */

	

	   

	    /*  1 PRESENTE */

      #PageWrapper              	 /*  contenitore delle pagine */

      {

        width: 1024px;		    	 /* 1024px larghezza del sito; impostare a 100% per un sito largo tutta la schermata  del browser */

        margin: 0 auto;

		padding: 0px;			 	/*  30 px - se metto un padding = 0' o metto niente il colore verde non si  vede */

        text-align: left;       

		background-color:ivory;  	/* freen -  per il momento lascio padding 30 px, ma poi sarà da trogliere */

									/*  il verde scende fino in fondo */

	

      }

		/*  2 PRESENTE  */

      #Header						/* la parte alta  */)

      {

        text-align: center;

        background-color: pink; 	/*##B8B8FF; ...  dà un effetto percepibile */

        color: White;

        padding: 20px;  

      }								/* ca capire */

	  

	    

		/*  3 PRESENTE */ /* contiene i pulsanti */

      #Menu-Content-Wrap

      {	

		background-color: yellow ;	/*  maroon - fin dove scende il marrone */	

		color: blue;		

        overflow: hidden;			/* 1/2 necessario per avere le colonne laterali della stessa altezza di quella centrale */

      }

	  

	  

	  

	  div#header

		{width:  1000px;

		height: 130px; 			/*era 130 */

		background-color: red; /*yellow;  non vedo questo colore */

		color: blue;}

	  

	



  		/*  4 PRESENTE */

	div#menuOrizzontale

		{ width: 100%;

		height:  100px;   /* 70 altezza del div contenuto nell'header  - contiene i pulsanti orizzontali*/

		position: abosulte;

		float: center; /*  non c'è */

		* border-top: 2px solid red; /*   border: solid 1px #0076a3; */

		 /* background: maroon; /*    background: #0095cd; */	

		/*color: red;     */

}



	  /*  5 PRESENTE */

      #PrimaColonna

      {

        float: left;

        width: 200px;

        height: 100%;

        background-color: magenta;  /*##B8B8FF; ... */	 /*  da un effetto percepibile */

        text-align: center;

        padding-bottom: 5000px;		/* 2/2 necessario per avere le colonne laterali della stessa altezza di quella centrale */

        margin-bottom: -5000px;		/* 2/2 necessario per avere le colonne laterali della stessa altezza di quella centrale */

      }

	  



	  /*  6 PRESENTE */

      #SecondaColonna 

      {

        float: left;

		 width: 814px;	

        height: 100%;				

        padding-left: 5px;

        padding-right: 5px;

        min-height: 500px;			/* altezza minima del sito */	

        background-color: red;  	/* lime */		

      }

	  

	  

	  /* 7 PRESENTE */

      #Footer 

      {

        clear: both;	/* manda a capo questo div */

        background-color: blue;

        color: white;

        text-align: center;

        padding: 10px;