﻿body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}

body{background-color: #FFFFEE}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:22px;
	font-weight:900;
	color:#ccc;
	}
h2 {
	font:bold 14px verdana, arial, helvetica, sans-serif;
	margin:2px 2px 5px 2px;
	padding:0px;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
  

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 214px 5px 145px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	 repeat-y top right
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

/* box del primo menù principale. */
#navAlpha {
	position: absolute;
	width: 150px;
	top: 119px;
	left: 8px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 5px;
	z-index: 2; /* details. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 135px;
}


/* box del secondo menù canaricoltura. */
#navAlpha1 {
	position: absolute;
	width: 150px;
	top: 338px;
	left: 8px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 5px;
	z-index: 3; /* details. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 135px;
}



/* box del terzo menù altri. */
#navAlpha2 {
	position: absolute;
	width: 150px;
	top: 496px;
	left: 8px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 5px;
	z-index: 3; /* details. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 135px;
}


/* (above). */
#navBeta {
	position: absolute;
	width: 200px;
	top: 119px;
	right: 20px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 0px;
	z-index: 1; /* Again, the ugly brilliant hack. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}

/* Again, "be nice to Opera 5". */
#navBeta1 {
	position: absolute;
	width: 200px;
	top: 235px;
	right: 20px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 0px;
	z-index: 1; /* Again, the ugly brilliant hack. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}
#navBeta2 {
	position: absolute;
	width: 200px;
	top: 325px;
	right: 20px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 0px;
	z-index: 1; /* Again, the ugly brilliant hack. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}
#navBeta3 {
	position: absolute;
	width: 200px;
	top: 415px;
	right: 20px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 0px;
	z-index: 1; /* Again, the ugly brilliant hack. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}
#navBeta4 {
	position: absolute;
	width: 200px;
	top: 555px;
	right: 20px;
	border: 1px dashed black;
	background-color: #eee;
	padding: 0px;
	z-index: 1; /* Again, the ugly brilliant hack. */;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}
