html,body, form
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

html
{
    overflow-y:scroll; /* per avere la barra fissa a dx, eventualmente inattiva*/
}


body
{	
	font-family:Arial, Verdana, 'Times New Roman', Sans-Serif;
	font-size:12px;	
    color: #4b4b4b;    
    background-color: #aed6fa; 
	background-image: url(images/Page-bgGradient.jpg);
	background-repeat:repeat-x;
	text-align: center; /* IE 5.x */
}

#divContainer
{	
	text-align: center; /* IE 5.x */
	height:100%; /*per IE6 fa da altezza ed altezza minima*/
	width:100%;
	margin: 0 0 -30px 0; /* il negativo è per lo spazio per il footer*/
    background-image: url(images/Page-BgTexture.jpg);
	background-position:top left; 
    background-repeat:no-repeat; 
    /*background-color:Red;*/
}

form>#divContainer /* browser standard: altezza minima*/
{
	height:auto;
	min-height:100%;
	/*background-color:Purple;*/
}

#divHeader
{		
	width: 781px;
	height: 315px;
    margin:0 auto;/*centra l'header nel container*/
    background-image: url(images/Header.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    /*background-color:Fuchsia;	*/
    text-align:left; /* IE 5.x: riopristina allineamento a sx */
}


#divFooterPlaceHoplder /*riserva lo spazio per il footer*/
{    
	height:30px;
	/*background:yellow;	*/
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#divFooter
{	
	height:30px;
	line-height:30px;	
	width: 781px;
	margin: 0 auto;/*centra il footer come il container(il footer è fuori dal container)*/
    /*background-image:url(Immagini/bgFooter.png);
    background-repeat:no-repeat;    
    background-position:0 0;    */
	color:#777;
	/*background-color:green;*/
}








#divBody
{
    overflow:auto; /*auto o hidden: permette di far s che l'altezza di questo div, che contiene le colonne flottanti, si adatti all'altezza delle colonne contenute*/
    width:781px; /*idem come sopra: o valore percentiale o px*/    
    margin:0 auto;/*centra l'header nel container*/
    padding-bottom:25px;
    text-align:left; /* IE 5.x: riopristina allineamento a sx */
    background-color:#cdd0d0; 
}

#gara{
	width: 554px;
	height: 648px;
	background-image: url(gare/gara.basovizza.2011.jpg);
	background-repeat:no-repeat;
}

#evento{
	width: 554px;
	height: 292px;
	background-image: url(images/evento.554.jpg);
	background-repeat:no-repeat;
}
#divLeft
{
	float:left;
	display:inline;
	width: 554px;
	height:400px;
    background-color: #cdd0d0; 
	background-image: url(images/sfondoPagina.jpg);
	background-repeat:no-repeat;
	text-align:justify;
	margin-left: 5px;
	margin-right: 2px;
}

#divBody>#divLeft /*h minima content; se la col right ha altezza fissa togliere questo pezzo e togliere l'altezza alla col left*/
{
    height:auto;
    min-height:400px;
    background-color:#cdd0d0;
}


#divContent
{
	float:right;
	display:inline;
	width:220px;
	height:400px; /*h minima content; se la col left ha altezza fissa togliere questo pezzo*/
	background-color:#cdd0d0;
}




/************************************************************************/
/*** MENU ***/
/************************************************************************/

#divMenu
{
    width: 781px;
    margin:0 auto;/*centra l'header nel container*/
	height:30px; 
	background-color:#031f35;
}

#divMenu UL
{
    margin:0;
    padding:0;
	width: 781px;
	height:30px; 
    list-style:none;     
    overflow:hidden;
    /*background-color:Fuchsia*/
}

#divMenu UL LI
{
	float:left; 
	height:30px; 
	width:165px;  /*dimensione immagini*/
	height:30px;
	margin:0;
    padding:0; 
    background-position:0 0;
}

#divMenu UL LI A
{    
    width:100%;
    height:100%;
    display:block;
}

/*accessibililtà*/
#divMenu UL LI A SPAN 
{
    position:absolute;
    top:-10000px;
    left:-10000px;
}

#idMenuHome{background-image: url(images/mHome.jpg); }
#idMenuFoto{background-image: url(images/mFoto.jpg);}
#idMenuFattrici{background-image: url(images/mFattrici.jpg);}
#idMenuBracchi{background-image: url(images/mBracchi.jpg);}
#idMenuJack{background-image: url(images/mJack.jpg);}
#idMenuBassotti{background-image: url(images/mBassotti.jpg);}
#idMenuCuccioli{background-image: url(images/mCuccioli.jpg);}





/************************************************************************/
/*** LINKS ***/
/************************************************************************/

a
{    
    text-decoration:none;
    color:#888;
}

a:hover, a:focus, a:active
{
    text-decoration:underline;
    color:#ccc;
}







#links UL
{
    margin:0 auto;/*centra l'header nel container*/
    padding:0;
    list-style:none;     
	border: 0; 
}

#email
{
    border-style: none;
	border: 0; 
}


#corpoTesto
{
    background-color: #cdd0d0; 
	background-image: url(images/sfondoPagina.jpg);
	background-repeat:no-repeat;
}