/*stili per il layout fluido*/
html,body{
	margin: 0;
	padding: 0;
	height: 100%;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/sfdx.jpg) repeat-y top right;
	font-size: 76%
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div#container{
	background: url(../images/sfsx.jpg) repeat-y top left;
	width: 100%;
	height: 100%;
	position: absolute;
}
body>div#container{
	height: auto;
	min-height: 100%;
}
/*stili generici, su header e footer*/
div#header{
	color: #006600;
	height: 238px;
	background: #eaf3e9 url(../images/famiglia.jpg) right no-repeat;
	text-align: center;
	border-bottom: #5b7b6c 2px solid;
}
div#associazione{
	color: #006600;
	height: 238px;
	width: 100%;
	background: url(../images/logo-ippo.gif) left no-repeat;
	text-align: center;
}
h1,h2{
	margin: 0px auto;
	padding: 0;
}
h1{
	font: bold 1.3em Verdana,arial,sans-serif;
	text-align: center;
}
h2{
	color: #69f;
	font-size: 1.5em;
	text-align: center;
}
div#footer{
	clear: both;
	text-align: center;
	padding: 5px 0;
    background-color: #5b7b6c;
	color: #ffffff;
	font-size: 0.8em;
	height: 30px;
	width: 100%;
	bottom: 0;
	position: absolute;
}
div#footer a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
div#footer a:hover{
	color: #ffff99;
	font-weight: bold;
	text-decoration: underline;
}
/*stili specifici per il layout*/
div#navigation{
	float: left;
	width: 170px;\width:180px;w\idth:170px;
	padding: 1em 0 35px 10px;
}
div#extra{
	float: right;
	width: 170px;\width:180px;w\idth:170px;;
	padding: 1em 5px;
}
div#content{
	margin: 0 180px;
	padding: 1em 10px;
    border: 0;
	padding-bottom: 40px;
	font-size: 100%
}
div#content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
	text-decoration: underline;
}
div#content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: underline;
}
/*stili per la navigazione*/
div#navigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#navigation li{
	margin: 0;
	padding: 6px 0 2px 4px;
	height: 24px;
	/*background: url(../images/info.jpg) left no-repeat;*/
}
div#navigation a{
	color: #486256;
	font: normal bold 1.0em/1.2em Verdana,arial,sans-serif;
	text-decoration: none;
}
div#navigation a:hover{
	color: #ff0000;
	text-decoration: underline;
}
div#navigation a#activelink{
	color: #033;
	text-decoration: none;
}
div#navigation p{
	font-size: 90%;
}
/*stili per la sezione extra*/
div#extra div.newsbox{
	font-size: 90%;
	margin-bottom: 2em;
}
div#extra div.newsbox h2{
	color: #999999;
	font-size: 1.2em;
}
div#extra div.newsbox p{
	margin: 0;
}
div#extra a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
	text-decoration: underline;
	font-size: 90%;
}
div#extra a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: underline;
	font-size: 90%;
}