.bodytext {FONT-SIZE: 11px; COLOR: #070707; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
	
A {COLOR: #333333; FONT-FAMILY: Verdana}
A:hover {COLOR: #CC0000}

h1{FONT-SIZE: 18px;COLOR: #CC0000;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;padding-top:13px}
h2{FONT-SIZE: 14px;COLOR: #CC0000;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;padding-top:13px}

	
.bodytextjust { FONT-SIZE: 11px; COLOR: #070707; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; text-align: justify}
.title { FONT-SIZE: 11px; COLOR: #CC0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold ; text-decoration: none}
.credits { FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.credits2 { FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.title_grey { FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold ; text-decoration: none }
.title_greybig { FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold ; text-decoration: none }
.title_white { FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold ; text-decoration: none }
.bodytextred {
	FONT-SIZE: 11px;
	COLOR: #CC0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.facebook { FONT-SIZE: 10px; COLOR: #521806; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:none }

.titleblack { FONT-SIZE: 11px; COLOR: #202020; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold ; text-decoration: none }
.titlebig {
	FONT-SIZE: 14px;
	COLOR: #CC0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.titlebig2 { FONT-SIZE: 22px; COLOR: #CC0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; text-decoration: none }
.titleblack_big {
FONT-SIZE: 14px; COLOR: #202020; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold ; text-decoration: none
}
.bodytext_Brown {
	FONT-SIZE: 11px; COLOR: #521806; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.titlemedium {
FONT-SIZE: 18px; COLOR: #CC0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; text-decoration: none
}
.titlemedium2 {
	FONT-SIZE: 14px;
	COLOR: #CC0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.titlemedium3 {
	FONT-SIZE: 13px;
	COLOR: #CC0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.titlemedium4 {
	FONT-SIZE: 13px;
	COLOR: #202020;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* stili liste su 3 colonne */

ul#multi,ul#multi li{margin:0;padding:0;list-style:none}
ul#multi{width: 100%;overflow: hidden; /* simple clearing of floats */
    padding: 1em 0;margin:0.5em 0;line-height:2.3;}
ul#multi li{float:left;width:49%;margin-right: 1%;display: inline; /* per evitare il float double margin bug di IE*/
    border-bottom:1px dotted #777}
ul#multi a{display:block;color:#521806;
    height: auto !important;height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;} 
ul#multi a:hover{color:#CC0000}
	

/*stili della lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
