html,body{margin: 0;padding:0;height:100%;}
body{background-color: #800000; text-align: justify; font-family: "trebuchet MS";
	}
	table{text-align: justify; font-family: "trebuchet MS";}
div#container{position:relative; width: 760px; height: 100%;margin: 0 auto;
    text-align: left; background-image: url(iovsj/edge.gif); background-repeat:repeat-y;}
body>div#container{height:auto;min-height:100%}
div#footer{
	position: absolute;
	bottom:0;
	width: 100%;
	padding: 0.5em 0;
	height: 68px;
	background-image:url(iovsj/bottom.gif);
	background-repeat:no-repeat;
	text-align:center;
	
}

/*stili generici, su header e footer*/
div#header{height: 82px;
background-image:url(iovsj/top.gif); background-repeat:no repeat;}

div#pa{
	color:#000000;
	margin: 0 0 0 1.8em;
	padding: 0;
	font-size: 78%;
}
div#menu {
	text-decoration: none;
}
div#footer a{color: #800000;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/

div#content{padding: 0.5em 2.8em 2.8em}


/*stili per la navigazione*/

div#menu ul{
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	text-indent: 0px;
	text-align: center;
}
div#menu li{
	display: inline;
	margin: 0 0px 0 1.4em;
	padding: 0;
} /*nota display: inline*/
div#menu a{
	color:#800000;
	font-face: "trebuchet MS";
	text-decoration: underline;
	word-spacing: normal;
	font-size: 110%;
	font-style: italic;
	line-height: 1em;
	font-weight: bolder;
	font-variant: normal;
}
div#pa a{
	color:#800000;}
div#pa a#activelink{
	color: #000000;
	text-decoration: none;}
	
	
div#navigation a:hover{color: #800000;text-decoration: underline}
div#navigation a#activelink{
	color: #000000;
	text-decoration: none;
	
	
}
div#content a{color:800000;}
/*stili per il testo*/
 .type{
	font-family: "trebuchet MS";
	font-size: 85%;
}
.titolo {
	font-family: "trebuchet MS";
	font-size: 170%;
	color: #FF7200;
}
a {
	font-family: trebuchet MS;
	font-weight: bold;
}
a:link {
	color: #800000;
}
a:hover {
	color: #ff7200;
}
.mini{
	font-family: "trebuchet MS";
	font-size: 76%;
}
.titolino {
	font-family: "trebuchet MS";
	font-size: 120%;
	color: #ff7200;
}
 
div#sx {
	float:left;
}

div#cx {
	float:none
}

div#dx {
	float:right;
	margin: 0 0 0 1 em;
	
}


/*--------------FOTO OMBRA -------------*/


 .pullout
{
	background-color: #eeeeee;
	padding: 5px;
	float: right;
	margin: 8px;
}


.thumbnail
{
	background-color: #eeeeee;
	padding: 5px;
	float: right;
	margin: 18px;
}


.flickr-thumbnail {
	float: right;
		background: url('images/ombra.gif') no-repeat bottom right;
	margin: 5px 0px 0px 15px;
 	padding: 0px;
	display: block;
	width: auto;
	_position: relative;
	}


.flickr-pullout {
	float: left;
		background: url('images/ombra.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	_position: relative;
	}

.flickr-thumbnail img, .flickr-pullout img {
		 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
	}

.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img {
	background-color: #ccd;
}

.flickr-pullout
{
	margin: 13px 3px 3px 0px;
	background-image:url(images/ombra.gif);
	
}

</style>