/* Menu 3 column in % + header & footer fix Credit's - Foglio di style costruito da Angelo Blua angeloblua@hotmail.com */
/*declaration valid for alls elements*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}
html, body{
	overflow: hidden;
	font: normal normal 600 76%/180% arial, helvetica, sans-serif;
	color: #f5f5f5;
	background-color:#FFF;
}
/******************formatto la parte centrale*****************/
/*formatto il container :istruzione valida per tutti i browser*/
#container{
	top: 0; /*incollato al top del body*/
	left: 0; /*incollato al left del body*/
	right: 0; /*incollato al right del body*/
	bottom: 0; /*incollato al bottom del body*/
	z-index: 0; /*importantissimo cosi' rimane a livello del background e tutto il resto dobbiamo sovrapporlo*/
}
/************** for ff, opera, mozilla, netscape e ie7****************/
html>body #container{
	position: fixed; /*per tutti i browser, rispetto al body*/
}

/***************for ie5.5 e 6****************/
* html #container{
	position: absolute;
	height: 100%; /*altezza per IE 5.5 e 6*/
}

/************ for all browser***********/
#box{
	z-index: 1;
}
 /**************for ie5.5 e 6*************/
* html #box{
	position:static;
	height: 100%; /*vale solo per IE*/
	padding: 81px 0px 61px 0px; /*distanziamo usando il padding*/
}

/************** for ff, opera, mozilla, netscape e ie7****************/
html>body #box{
	position: absolute; /*sovrascrivo la posizione static  per  ff, opera mozilla*/
	top: 81px; /* dal top del div#container*/
	right: 0px; /* dal right del div#container*/
	bottom: 62px; /* dal bottom del div#container*/
	left: 0px; /* dal left del div#container*/
}

/************ for all browser***********/
#second_box{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/*** for ie 5 e 6 ***/
* html #second_box{
	height: 100%; /*important*/
	position: relative; /*for ie5.5 e 6*/
}
/************** for ff, opera, mozilla, netscape e ie7****************/
html>body #second_box{
	position: absolute; /*sovrascrivo la posizione static  per  ff, opera, mozillae ie7*/
	height: auto; /*sovrascrivo l'altezza per  ff, opera, mozillae ie7*/
}
/************ for all browser***********/
#content_ifra{
	border-right: 1px solid #EAE9E9;
	border-left: 1px solid #EAE9E9;
}
 /**************for ie5.5 e 6*************/
* html #content_ifra{
	height:100%;
	margin-right: 20%;
	margin-left: 20%;
	position: static;
	padding: 2% 0 0 0;
}
/************** for ff, opera, mozilla, netscape e ie7****************/
html>body #content_ifra{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 20%;
	left: 20%;
}
/************ for all browser***********/
#ifra{
	width:99.999%;
	margin:auto;
	height: 95.999%;
}

/************** for ff, opera, mozilla, netscape e ie7****************/
html>body #ifra{
	position: absolute;
	top: 2%;
	right: 0;
	bottom: 2%;
	left: 0;
}
/*********** fine parte centrale ***************/
/*-------------------------------------------------------*/

/******************format menu for alls browser*****************/

#left {
	width: 20%; /*parte che puo' essere cambiata facilmente, togliendo la parte iniziale del commento*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	z-index: 2;
	height: 100%;
}

#right {
	width: 20%; /*parte che puo' essere cambiata facilmente, togliendo la parte iniziale del commento*/
	position: absolute;
	top:0;
	bottom:0;
	right: 0;
	overflow: auto;
	z-index: 2;
	height: 100%;
}
#menu_left, #menu_right{
	width: 90%;
	height:93%;
	margin:5% auto 2% auto;
	font-size: 120%;
}
/******************end menu         *****************/
/*------------------------------------------------------------------*/
/**************************start header e footer*************/
#header{
	position: absolute; /*rispetto al body*/
	top: 0;
	right: 0;
	left: 0;
	height: 80px;
	border-bottom: 1px solid #EAE9E9;
	color: #787878;
	background: #fff url(http://ilmioforum.puntino.org/images/head.jpg) no-repeat;
	font-size: 150%;
}


#footer {
	position: absolute; /*rispetto al body*/
	bottom:-1px; /*ie5 e opera*/
	right:0;
	left:0;
	height:60px;
	border-top:1px solid #EAE9E9;
	color: #787878;
	background-color:#fff;
	clear:both; /*fa cessare il float degli elementi superiori*/
	font-size: 120%;
}
html>body #footer{
	height: 61px;
}
 /**************for ie5.5 e 6*************/
* html #header, * html #footer{
	width: 100%; /*for IE5 & 6*/
}
* html #footer img{
	vertical-align: text-bottom;
}
/*------------------------------------------------------------------*/
/********************** varie******************************/
a{
	color: #2C679F;
	text-decoration: none;
	background-color: #fff;
}
ul, li{
	width: 100%;
	list-style-type: none;
}
li{
	height:20px;
	line-height:20px;
}
ul li a, ul li a:link, ul li a:visited{
	height: 99%;
	display: block;
	color: #fff;
	background-color: #758BA0;
	border: 1px solid #fff;
	text-indent: 20px;
	text-align:left;
}
ul li a:hover, ul li a:active, ul li a:focus{
	color: #2C679F;
	background-color: #B0C3D4;
	border:1px solid #fff;
}
h1, h2, h3, h4, h5, h6{
	color: #2C679F;
	background-color: #fff;
}
h1{
	font: normal normal normal 200%/120% arial, helvetica, sans-serif;
}
h2{
	font: normal normal normal 175%/120% arial, helvetica, sans-serif;
}
h3{
	font: normal normal normal 150%/120% arial, helvetica, sans-serif;
}
h4{
	font: normal normal normal 125%/120% arial, helvetica, sans-serif;
}
p{
	margin: 10px 0 0 0;
}