/* 

STICKER - A valid, easy to use CSS sticky footer by Ryan Fait

This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!

Copyright (c) 2006-2007 Ryan Fait

*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -134px; /* the bottom margin is the negative value of the footer's height */
	width: 100%;
	min-width: 760px;
	background-image: url("g/bg_main.gif");
	background-position: center top;
	background-repeat: repeat-y;
}

.footer, .push {
	height: 134px; /* .push must be the same height as .footer */
}

.footer {
	background-image: url("g/bottom_grass.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}

.footerContent
{
	width: 760px;
	height: 134px;
	min-height: 134px;
	margin: 0 auto;
	background-image: url("g/albero_footer.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
}

.footerText
{
	position: relative;
	width: 680px;
	top: 80px;
	left: 95px;
	font-size: 10px;
}

/*

TROUBLESHOOTING

I've received a few comments about vertical margins causing a
few problems with the layout. If you want space between
paragraphs or headers, use padding instead of margin. It's as
simple as that.

*/

/*
  Scodinzolandia CSS
  Verde Scuro =  rgb(99, 122, 34);
  Verde Chiaro = rgb(163, 192, 23);

*/
	h1, h2, h3, h4, h5, h6, div, p
	{
		margin: 0px;
		padding: 0px;
		height: auto;
	}
	ul,ol
	{
		margin-top: 0px;
		margin-bottom: 0px; 
		padding-top: 0px; 
		padding-bottom: 0px; 
		height: auto
	}
	h1
	{
		font-size: 18px; 
		font-weight: bold;
		line-height: normal;
		border: none;
		padding-bottom: 6px;
	}
	h2
	{
		font-size: 15px; 
		font-weight: bold; 
		padding-bottom: 4px;
	}
	h3
	{
		font-size: 14px; 
		font-weight: bold; 
		padding-bottom: 3px;
	}


	body
	{
		color: rgb(99, 122, 34);
		background-color: White;
		font-family: "Trebuchet MS", "Arial", "Helvetica Neue", "Helvetica", "Sans-Serif";
		font-size: 14px;
		border: none;
	}	
	
	.container 
	{
		width: 760px;
		overflow: auto;
		text-align: center;
		margin: 0 auto;
	}
	
	img
	{
		border: none;
		margin: 0px;
		padding: 0px; 
		clear: none;
	}
	
	p
	{
		text-align: justify;
		padding-top: 8px;
	}

	/*
	A: link, A: visited, A: active
	A: hover
	*/
	A
	{
		color: rgb(163, 192, 23);
		text-decoration: none;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}

.top
{
	padding-top: 20px;
	padding-bottom: 15px;
	text-align: center;
	background-color: white;
}

.menuBar
{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: white;
}

.menuItem
{
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.topLogo
{
}

.q10
{
	min-width: 10px;
	width: 10px;
	min-height: 10px;
	height: 10px;
}

.hLine, .vLine
{
	background-image: url("g/puntino.gif");
	background-position: top left;
}

.hLine
{
	min-height: 10px;
	height: 10px;
	background-repeat: repeat-x;
}

.hLineWhite
{
	min-height: 15px;
	height: 15px;
	background: White;
}

.hLine, .hLineWhite
{
	width: 100%;
}

.vLine
{
	min-width: 10px;
	width: 10px;
	height: 100%;
	background-repeat: repeat-y;
}

.leftCol, .rightCol
{
	width: 125px;
}

.leftCol
{
	float: left;
}

.rightCol
{
	float: right;
	overflow: visible;
}

.leftColContent, .rightColContent
{
	position: relative;
	overflow: hidden;
	width: 120px;
	text-align: left;
	margin-top: 4px;
}

.leftColContent
{
	left: 0px;
}

.rightColContent
{
	left: 5px;
	overflow: visible;
}


.mainPage
{
	position: relative;
	margin: 0 auto;
	width: 480px;
	margin-top: 4px;
}

.mainContent
{
	position: relative;
	margin: 0 auto;
	width: 460px;
	text-align: justify;
}

.coolBox
{
	background-image: url("g/bg_ossi.gif");
	margin: 0 auto;
	width: 436px;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(99, 122, 34);
	padding: 10px;
	height: 93px;
}

.boxRight
{
	float: right;
	padding-left: 10px;
}

.boxLeft
{
	float: left;
	padding-right: 10px;
}

.imgLink
{
	border-style: solid;
	border-width: 2px;
	border-color: rgb(99, 122, 34);
}

.newsImg
{
	border-style: solid;
	border-width: 2px;
	border-color: rgb(99, 122, 34);
}

.newsText
{
	font-size: 80%;
}

.newsTitle
{
	font-weight: bold;
	font-size: 85%;
}

.newsBreak
{
	min-height: 12px;
	height: 12px;
	width: 100%;
}

.newsImgBreak
{
	min-height: 2px;
	height: 2px;
	width: 100%;
}

.mapBack
{
	background-color: rgb(99, 122, 34);
}

.spinImageBox, .spinAdBox
{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
/* blue background used for testing */
/*	background: blue;*/
}

.spinAdText
{
	text-align: center;
	vertical-align: middle;
	top: auto;
	bottom: auto;
	color: White;
	margin: 4px;
	font-size: 14px;
	font-weight: bold;
}

.spinAdRoll
{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.spinAd
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	display: none;
	overflow: hidden;
}

.displayBlock
{
	display: block;
}

.didascalia
{
	border-style: solid;
	border-width: 2px;
	border-top: none;
	border-color: rgb(99, 122, 34);
	background-color: rgb(99, 122, 34);
	background-image: url("g/bg_ossi.gif");
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}