/*
    Everything is contained in an element called #wrap. This has a fluid width 
    that ranges between min-width and max-width.
    We have to add a tiny hack for IE6 as it does not understand these. 
    It will ignore the !important statement and have a plain, old max width.
    It might seem strange to define our columns in percentage widths and then 
    have a containing div that is fixed. 
    Well, a few things are going on here:
        * Having fluid columns inside a fixed width container makes the template 
        very flexible. If we add width changer buttons, we only need to change 
        one value.
        * We still have a max-width so why not go all fluid? Many viewers on the 
        Web now have enormous screens. Usability research tells us that lines of 
        text over 900px wide are hard to read because the eyes have to go a long 
        way to go to the next line. Limiting the fluidity makes the site more 
        useable/accessible.
*/
/*
    START DIV INDEX.PHP STILES
*/

#wrap {
	vertical-align: top;
	top: 0px;
	height: 0px;
}


#wrap_sforza {
    position:					static;
	top: 						0px;
	width:                      770px;
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
    /* margin:                     0px; */
	
	border: 					0px;
	padding:                    0px;
	text-align: 				justify;
}

#flash   {
	/*background: 				url(../images/flash.jpg);*/
	display: 					block;
	float: 						left;
	border:						0px;
	left: 						0px;
	right: 						0px;
	bottom: 					0px;
	width:  					770px;
	height: 					350px;
}

#top   {
   /* filter:                	alpha(opacity=70);
   opacity:                		0.70;
   -moz-opacity:             	0.70;
   background:               	#FAEFDB; */
   font-family: 				Verdana, Arial, Helvetica, sans-serif;
   position:					static;
   top: 						0px;
   margin:						auto;
   width:                   	770px;
   height:                		0px;
   text-align:             		left;
}

/*
    OLD TOP PRE SW FIX
*/	
	/* #top   {
	font-family: 				"Monotype Corsiva", Mistral, "Edwardian Script ITC", "Blackadder ITC";
	position: 					absolute;
	left:						50%;
	margin-left:				-385px;
	top: 						260px;
	width: 						770px;
	height: 					25px;
	text-align: 				left;
}
*/

#greca_sopra   {
	background: 				url(../images/greca.jpg) repeat-x;
	display: 					block;
	border:						0px;
	position: 					absolute;
	top: 						285px;
	left: 						0px;
	right: 						0px;
	/* left: 						0px;
	right: 						0px; */
	min-width:  				100%;
	height: 					40px;
}

#bottom   {
	/* filter: 					alpha(opacity=70);
	opacity: 					0.70;
	-moz-opacity: 				0.70;
	background:   				#FAEFDB; */
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	position: 					absolute;
	left:						50%;
	margin-left:				-385px;
	top: 						325px;
	width: 						770px;
	height: 					25px;	
}

#login  {
	width: 						300px;
	text-align: 				left;
	display: 					block;
	float: 						left;

}

#bottom_menu  {
	width: 						470px;
	text-align: 				right;
	display: 					block;
	float: 						left;

}

#content   {
	text-align: 				justify;
	display: 					block;
	float: 						left;
	border:						0px;
	left: 						0px;
	right: 						0px;
	margin-top: 				25px;
	width:  					770px;
	min-height: 				250px;
}

#greca   {
	display: 					block;
	float: 						left;
	border:						0px;
	/* left: 						0px;
	right: 						0px; */
	width:  					770px;
	height: 					40px;
}

#disclaimer {
    color: 						#000000;
	font-family:                "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display: 					block;
	border-top: 				1px solid #000000;
	float: 						left;
	width: 						70%;
    /* margin:                     1em 0; */
    text-align:                 center;
}

#disclaimer a:link {
    color: 						#000000;
	text-decoration:            none;
}

#disclaimer a:visited {
    color: 						#000000;
	text-decoration:            none;
}

#disclaimer a:hover {
    color: 						#333333;
	text-decoration:            underline; 						 ;
}

#moti-f {
    color: 						#000000;
	font-family:                "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:                  90%;
	display: 					block;
	border-top: 				1px solid #000000;
	float: 						left;
	width: 						30%;
    /* margin:                     1em 0; */
    text-align:                 center;
}



/*
    OLD TRANSMENU POSTIONING FIX

div#subwrap {
position: relative;
top: 						-285px;
left: -30%;
z-index: 1000;
}
*/

/*
    END DIV INDEX.PHP STILES
*/


/*
VAROIOUS STILES
*/

div.article   {
width: 							770px;
}

div.center   {
width: 							100%;
text-align: 					center;
}

div.justify   {
width: 							100%;
text-align: 					justify;
}

/* table#article_table  {
width: 760px;
height: 100%;
padding: 5px;
vertical-align: top;
text-align: justify;
} */

#article_table img  {
/* filter: 					alpha(opacity=40);
opacity: 					0.40;
-moz-opacity: 				0.40; */
}

/* OLD MOTI-F TEMPLATE STYLES */

div.menu a#menu1  {
font-family: 				"Monotype Corsiva", Mistral, "Edwardian Script ITC", "Blackadder ITC";
} 

td#template_testo  {
padding-left: 10px;
}

img.template_foto  {
border-style: solid;
border-color: #000000;
border: 4px solid;
}

.homepage {
font-family: "Monotype Corsiva", Mistral, "Edwardian Script ITC", "Blackadder ITC";
}