html{min-height: 100%;
height: auto;
}
#wrap{width:800px; height:400px; position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-400px; }

body{font: 12px Swis721 LtEx BT, Helvetica, Arial,  sans-serif, bold; background:#fff url('bg_html4.jpg') bottom left repeat-x;}
a img{border:0px;}

ul { list-style-type: none; padding:0px; margin:0px;}

a{color:#990; font-weight:bold; text-decoration:none;}
a:hover{color:#660; }



.evidenziato{color: #330; background:#fff;padding:2px; }

#header{
	position:relative; 
	float:right; 
	width:600px; 
	height:400px; 
	margin:0px; 
	padding:0px; 
	background:#fff url('img3.jpg') top left no-repeat;
	}

#leftside{width:200px;height:400px; position:relative;background:#fff;}

#menu{position:absolute; bottom:-2px; left:0; width:200px;}
#menu ul li a{display:block; color:#333; background:#ddd; margin:3px 5px; padding:5px; text-transform:uppercase;font-weight:normal;}
#menu ul li a:hover, #menu ul li a.active {color:white; background:#990;}

#submenu{
	width:250px; 
	height:400px; 
	float:left; 
	background:#eee;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
	}
#submenu ul li{
	margin:3px; 
 
	}
#submenu ul li a{ 
	padding:4px;
	display:block; 
	margin:0px; 
	color:#000; 
	text-transform:uppercase;
	text-decoration:none; 
	font-size:12px;
line-height:14px;	
font-weight:normal;
background:#fff;

	}

#submenu ul li a:hover{color:white; background:#990; }
#submenu ul li a:active, #submenu ul li a:focus{color:white; background:#990; }

#content{
position:relative;
	width:350px;
	height:400px;
	float:right; 
	}
#content h1{
    display:block;
	text-transform:uppercase;
	text-align:right;
	color:#990; 
	background:#fff; 
	margin:5px; 
	padding:10px;
	font-size:14px;


	}
	
#content p{

	position:absolute;
	text-align:justify;
	color:black; 
	background:#fff; 
	margin:5px; 
	padding:10px;
	bottom:0px;
	right:0px;
	}
	
#content  ul{
	width:320px;
	position:absolute;
	text-align:left;
	color:black; 
	background:#fff; 
	margin:5px; 
	padding:10px;
	bottom:0px;
	right:0px;
	list-style-type: none;

	}
#content  li{
padding:3px 0px;
padding-left:10px;
background:#fff url('square.gif') left 9px  no-repeat;
	}

#logo{padding:10px 10px; text-align:center; color:#990;}

#leftcorner{ position:absolute;margin-top:-31px; margin-left:-32px;}
#rightcorner{ display:none; position:absolute;margin-top:283px; margin-left:627px;}
#sissidesign{ position:absolute; bottom: 0px; left:50%; margin-left:-400px; line-height:28px; width:200px; text-align:left; font-size:11px; color:#880; background:#DCDCB9;}
#footer{ position:absolute; bottom: 0px; left:50%; margin-left:-200px; line-height:28px; width:600px; text-align:right; color:#880; background:#DCDCB9;}

.hidden{display:none;}
.unhidden{display:block;}