body {  
	background-color: #FFFFFF;
	background-image: url(_MG_6502.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: auto;
	margin-top: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	vertical-align: top;
	scrollbar-face-color:"#0773B1"; 
	scrollbar-track-color:"#FFFFFF";
	scrollbar-arrow-color:"#FFFFFF";
	scrollbar-highlight-color:"#FFFFFF";
	scrollbar-3dlight-color:"#FFFFFF";
	scrollbar-shadow-color:"#FFFFFF";
	scrollbar-darkshadow-color:"#FFFFFF";
}


BODY 
 	A:link, A:visited { text-decoration: none }
	A:hover {color:"blue";background:"none"}
BODY.cClamp {
	BACKGROUND-IMAGE: url(foto/veliero bgc-1.bmp); BACKGROUND-REPEAT: repeat-y
}
.div.pic-old{ border: 4,0px solid; border-color: #085CCF 
}
.div.pic-bck{ border: 3,5px solid; border-color: #FFFFFF 
}
.div.pic-dotted{
border : 2px dotted white;
background: silver;
width: 300px;
}
.div.pic-dashed{
border : 2px dashed orange;
background: silver;
width: 300px;
}
.div.pic-solid{
border : 3px solid white;
background: black;
width: 300px;
}
.div.pic-double{
border : 5px double white;
background: silver;
}
.div.pic{
border : 4px solid; border-color: #FFFFFF
}
.div.pic-ultimo{
border : 4px solid; border-color: #0099FF #0066CC #006699 #003366
}
.div.pic-groove{
border : 5px groove white;
background: gray;
width: 300px;
}
.div.pic-ridge{
border : 4px ridge #92E3F4;
background: silver;
}
.div.pic-inset{
border : 3px inset white;
background: gray;
}
.div.pic-outset{
border : 5px outset orange;
background: silver;
width: 300px;
}
.div.pic-hidden{
border : 5px hidden gray;
background: silver;
width: 300px;
}
.testo {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.testob {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.testo-titolo {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.testo-scroll {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.testo-nav {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none
}
.alpha-shadow {
  float: left;
  background: url(foto/shadow1.gif) »
  no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(foto/shadow2.png) »
  no-repeat left top !important;
  background: url(foto/shadow2.gif) »
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}
.alpha2-shadow div {
  filter:progid:DXImageTransform.Microsoft»
.AlphaImageLoader(src='img/shadow2.png', »
  sizingMethod='crop');
  background: none;
}

/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align:center}
div#container{width:760px; margin:0 auto;
        border-width: 0 1px; border-style:solid; border-color: #ccc;
        background: url(3rightcol.jpg) repeat-y top right}
div#container2{background: url(3leftcol.jpg) repeat-y top left;text-align: left}

/*stili generici, su header e footer*/
div#header{height: 80px;background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{float: left;width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
div#extra{float: right; width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{margin: 0 170px;padding: 1em 10px}
div#footer{clear:both; text-align:center; padding: 5px 0;
    background-color: #69c; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0} 



#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: #89B9FF; }