/************************************
File:		3colonne.css
Author:	        Silvia
Date:		03/05/2009
by:		www.familygo.eu
--------------------------------------------------------
LAYOUT A THREE COLONNE CON COLONNE SINISTRA E DESTRA PICCOLE
TUTTE CON DIMENSIONI FISSE
------------------------------------------------------
THREE COLUMNS FIXED LAYOUT WITH LEFT END RIGHT SMALL COLUMNONE COLUMN FIXED LAYOUT
************************************/

body{
margin:0;
padding:0;
/* Scegliere il font principale del sito*/
font-family: arial, sans-serif;
background-color: rgb(45,80,120);
}

#maincontainer{
width: 1024px; /* Larghezza del sito*/
height:100%;
margin: 3px auto 0; /*Centra il contenitore nella pagina*/
}

#topsection{
height: 282px; /*Altezza della parte alta (topsection)*/
width: 1024px; /*Larghezza della parte alta (topsection)*/
background-color: rgb(100,150,180);
background-image: url(home_top2.gif); /* immagine logo*/ 
background-repeat: no-repeat;
margin: 0;
padding: 0;
position: relative;
}

#topsection img{
position: absolute;
top: 51px;
left: 12px;
}

#mainwrapper{
height: 100%;
width: 100%;
background: url(img1.gif) rgb(255,255,255) left top repeat-y; /*Inserimanto dell'immagine che si ripere e che appare quando si allunga il sito*/
padding: 0 0 22px 0;
}

/* Regola che serve a far allungare il mainwapper (quando si scrive molto nelle colonne laterali del sito)*/
.clrMainW{
height:0px;
clear: both;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0px 249px 0 249px;
padding: 0px;
background-color: #FFFFFF;
min-height: 200px;
}

#leftcolumn{
float: left;
margin: 0 0 0 -1024px;
width: 249px;
background: url(home_left1.gif) transparent top left no-repeat;
padding: 7px 0 0 0;
min-height: 200px;
}

#rightcolumn{
float: left;
margin: 0 0 0 -249px;
width: 249px;
background: url(home_right1.gif) transparent top left no-repeat;
padding: 7px 0 0 0;
min-height: 200px;
overflow: hidden;
}

#footer{
clear: both;
width: 100%;
border-bottom: 1px solid #BEB9A0;
height: 20px;
background-image: url(footer.jpg);
position: relative;
}

#footer p{
font-size: 11px;
text-align: center;
color: rgb(255,255,255);
letter-spacing: 2px;
margin: 0;
padding: 4px 0 3px 0;
}

.mrGino{
position: absolute;
}

.mrGino p{
margin: 0;
}

.mrGino a{
font-size: 9px;
color: #AAAAAA;
}

.mrGino a:hover{
color: #DDDDDD;
}