/* @charset "UTF-8"; */ /* not recognized by Dreamweaver, but UTF-8 is the default anyway */

/* deafult.css - default style sheet for www.savazzi.net. (c) 2022 by Enrico Savazzi. Not in the public domain. */

body{ 
	background:#FAFAFA;
	color:black;
	text-align:left;
	font-family:Times New Roman, Times;
	font-size:medium;
    -moz-hyphens:none;
    -ms-hyphens:none;
    -webkit-hyphens:none;
    hyphens:none;
}
a:link
{
	color:#0000FF;
    margin:0;
    display:inline-block;
    border-width:0;
}
a:visited
{
	color:maroon; 
} 
a:active 
{
	color:#800080;
}
p.sourcecode{
    font-family:monospace;
    font-size:125%;
    color:#000080;
    text-indent: 50px;
    margin:0px;
}
p.sourcecode-darkred{
    font-family:monospace;
    font-size:125%;
    color:#800000;
    text-indent: 50px;
    margin:0px;
}
p.sourcecode1{
    font-family:monospace;
    font-size:125%;
    color:#000080;
    text-indent: 75px;
    margin:0px;
}
p.sourcecode2{
    font-family:monospace;
    font-size:125%;
    color:#000080;
    text-indent: 100px;
    margin:0px;
}
span.prompt{color:#0000A0;}
span.sourcecode{ 
    font-family:monospace; 
    font-size:125%; 
    color:#000080 
}
span.sourcecode-darkred{ 
    font-family:monospace; 
    font-size:125%; 
    color:#800000 
}
span.center{ 
    display:block;
    margin-left:auto;
    margin-right:auto 
}
img{
	border-width:0px;
	max-width:100%;
    height:auto;
	display:block;
}
img.inline{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
figure.center{    
 display:block;
 margin-left: auto;
 margin-right: auto;
}
/* table, tr, td */
table{
	table-border-color-light:rgb(102,204,204);
	table-border-color-dark:rgb(0,102,102); 
}
table.center{
	align:center;
	margin-left:auto; 
    margin-right:auto;
	margin:auto;
}
table.data{
	align:center;
	margin:auto;
	border:1px solid;
	border-width:1px;
	border-radius:6px;
	border-top-color:#C0C0C0;
	border-right-color:#808080;
	border-bottom-color:#808080;
	border-left-color:#C0C0C0;
}
tr.data{
	padding:4px;
	border:1px solid;
	border-width:1px;
	border-top-color:#808080;
	border-right-color:#C0C0C0;
	border-bottom-color:#C0C0C0;
	border-left-color:#808080;
}
td.data{
	padding:4px;
	border:1px solid;
	border-width:1px;
	border-radius:4px;
	border-top-color:#808080;
	border-right-color:#C0C0C0;
	border-bottom-color:#C0C0C0;
	border-left-color:#808080;
}
td.center{
	align:center;
	text-align:center;
}
td.left{
	align:left;
	text-align:left;
}
td.lightgray{
	background-color:#B0B0B0;
}
td.yellow{
	background-color:yellow;
}
/* div */
div.columns2{
	columns:2 400px;
	column-gap:2em;
    column-rule:4px outset lightgrey;
}
div.columns3{
	columns:3 300px;
	column-gap:2em;
    column-rule:4px outset lightgrey;
}
div.keeptogether{
    display:inline-block;
    width:100%;
}
div.center{
	align:center;
	margin:auto;
}
figcaption{
	font-size:medium;
	font-weight:700;
    text-align: center;
}
p.caption{
	font-size:medium;
	font-weight:700;	
    text-align: center;}
p.footer{
	text-align:center;
	font-size:medium;
	font-weight:700;	
}
button {
    background-image: url('../images/button.png');
    width: 112px;
    height: 31px;
    transition: all .4s ease-in-out;
    background-size: cover;
    text-shadow: -2px -2px 2px #707070, 2px 2px 2px #E0E0E0; 
    font-size:0.8em;
    font-weight: bolder; 
    color: #333; 
    background-color: #CBD6D8; 
    border-width: 0px; 
    margin-top: 15px;
    display:inline;
}
button:hover {
    background-image: url('/images/button-hover.png');
    width: 112px;
    height: 31px;
    transition: all .4s ease-in-out;
    background-size: cover;
    text-shadow: -2px -2px 2px #707070, 2px 2px 2px #E0E0E0; 
    font-size:0.8em;
    font-weight: bolder; 
    color: #333; 
    background-color: #CBD6D8; 
    border-width: 0px; 
    margin-top: 15px;
    display:inline;
}
/* tooltip */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

@media screen{
    body{ 
        background:#FAFAFA;
        color:black;
        text-align:left;
        font-family:Times New Roman, Times;
        font-size:medium;
    }
    a:link{
        margin:0;
    }
	table.main{ /* normal screen size:shaded border with rounded corners */
		margin-left:auto; 
		margin-right:auto;
		width:1000px;
		border:0px;
		background-color:white;
		border-radius:10px;
		padding:5px;
		box-shadow:0px 0px 4px 2px #808080;
		cellpadding:0px; 
		cellspacing:0px; 
	}
	img.menubutton{ /* menu buttons, displayed state */
		width:100px;
		height:27px;
		padding-top:2px;
		padding-right:2px;
		padding-bottom:2px;
		padding-left:2px;
		display:inline;
	}
	img.menubuttonlighted{ /* menu buttons, lighted state */
		width:100px;
		height:27px;
		padding-top:2px;
		padding-right:2px;
		padding-bottom:2px;
		padding-left:2px;
		display:inline;
		border-radius:5px;
		box-shadow:0px 0px 4px 2px #8080ff;
		background-color:#8080ff; 
	}
	img.menubuttonhidden{ /* menu buttons, hidden state */
		display:none;
	}
	td.black_rounded_halfwidth{
		width:500px;
		text-align:center;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-radius:15px;
		padding:2px 2px 2px 2px;
		background-color:#000;
		color:#FFF;
	}
	td.rounded_halfwidth{
		width:500px;
		background-color:#BBBBBB;
		border-radius:15px;
		box-shadow:inset -3px -3px 5px 5px #888;
		padding:10px 10px 10px 10px;
	}
    button{
		width:112px;
		height:31px;
		padding:2px;
	}
    button:hover{
		width:112px;
		height:31px;
		padding:2px;
	}
}
@media screen and (max-width:990px){
    body{ 
        background:#FAFAFA;
        color:black;
        text-align:left;
        font-family:Times New Roman, Times;
        font-size:medium;
    }
	a:link{
        margin:5px;
    }
    table.main{ /* normal screen size:shaded border with rounded corners */
		align:center;
        font-size:medium;
		width:100%; 
		border:0px;
		background-color:white;
		border-radius:0px;
		padding:0px;
		box-shadow:0px 0px 0px 0px #808080;
		cellpadding:0px; 
		cellspacing:0px; 
	}
	img.menubutton{ /* for menu buttons only */
		width:100px;
		height:27px;
		padding-top:2px;
		padding-right:2px;
		padding-bottom:2px;
		padding-left:2px;
		display:inline;
	}
	img.menubuttonlighted{ /* for lighted menu button only */
		width:100px;
		height:27px;
		padding-top:2px;
		padding-right:2px;
		padding-bottom:2px;
		padding-left:2px;
		display:inline;
		border-radius:5px;
		box-shadow:0px 0px 4px 2px #8080ff;
		background-color:#8080ff; 
	}
	img.menubuttonhidden{ /* menu buttons, hidden state */
		display:none;
	}
	td.black_rounded_halfwidth{
		width:500px;
		text-align:center;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-radius:15px;
		padding:2px 2px 2px 2px;
		background-color:#000;
		color:#FFF;
	}
	td.rounded_halfwidth{
		width:500px;
		background-color:#BBBBBB;
		border-radius:15px;
		box-shadow:inset -3px -3px 5px 5px #888;
		padding:10px 10px 10px 10px;
	}
    figcaption{
        font-size:medium;
        font-weight:700;
    }
    button{
		width:112px;
		height:31px;
		padding:2px;
	}
    button:hover{
		width:112px;
		height:31px;
		padding:2px;
	}
}
@media screen and (max-width:800px){
    body{ 
        background:#FAFAFA;
        color:black;
        text-align:left;
        font-family:Times New Roman, Times;
        font-size:large;
    }
    a:link{
        margin:10px;
    }
    table.main{ /* small screen size:no shaded border */
		align:center;
        font-size:large;
		width:100%; 
		border:0px;
		background-color:white;
		border-radius:0px;
		padding:0px;
		box-shadow:0px 0px 0px 0px #808080;
		cellpadding:0px; 
		cellspacing:0px; 
	}
	img.menubutton{ /* for menu buttons only */
		width:150px;
		height:41px;
		padding-top:8px;
		padding-right:8px;
		padding-bottom:8px;
		padding-left:8px;
		display:inline;
	}
	img.menubuttonlighted{ /* for lighted menu button only */
		width:150px;
		height:41px;
		padding-top:8px;
		padding-right:8px;
		padding-bottom:8px;
		padding-left:8px;
		display:inline;
		border-radius:5px;
		box-shadow:0px 0px 4px 2px #8080ff;
		background-color:#8080ff; 
	}
	img.menubuttonhidden{ /* menu buttons, hidden state */
		display:none;
	}
	td.black_rounded_halfwidth{
		width:500px;
		text-align:center;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-radius:15px;
		padding:2px 2px 2px 2px;
		background-color:#000;
		color:#FFF;
	}
	td.rounded_halfwidth{
		width:500px;
		background-color:#BBBBBB;
		border-radius:15px;
		box-shadow:inset -3px -3px 5px 5px #888;
		padding:10px 10px 10px 10px;
	}
    figcaption{
	font-size:large;
	font-weight:700;
    }
    button{
		width:150px;
		height:41px;
		padding:8px;
	}
    button:hover{
		width:150px;
		height:41px;
		padding:8px;
	}
}
@media screen and (max-width:700px){
    body{ 
        background:#FAFAFA;
        color:black;
        text-align:left;
        font-family:Times New Roman, Times;
        font-size:large;
    }
    a:link{
        margin:20px;
    }
	table.main{ /* small screen size:no shaded border */
		align:center;
        font-size:large;
		width:100%; 
		border:0px;
		background-color:white;
		border-radius:0px;
		padding:0px;
		box-shadow:0px 0px 0px 0px #808080;
		cellpadding:0px; 
		cellspacing:0px; 
	}
	img.menubutton{ /* for menu buttons only */
		width:225px;
		height:62px;
		padding:13px;
		display:inline;
	}
	img.menubuttonlighted{ /* for lighted menu button only */
		width:225px;
		height:62px;
		padding:13px;
		display:inline;
		border-radius:5px;
		box-shadow:0px 0px 4px 2px #8080ff;
		background-color:#8080ff; 
	}
	img.menubuttonhidden{ /* menu buttons, hidden state */
		display:none;
	}
	td.black_rounded_halfwidth{
		width:100%;
		text-align:center;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-radius:15px;
		padding:2px 2px 2px 2px;
		background-color:#000;
		color:#FFF;
	}
	td.rounded_halfwidth{
		width:100%;
		background-color:#BBBBBB;
		border-radius:15px;
		box-shadow:inset -3px -3px 5px 5px #888;
		padding:10px 10px 10px 10px;
	}
    figcaption{
	font-size:large;
	font-weight:700;
    }
    button{
		width:225px;
		height:62px;
		padding:13px;
	}
    button:hover{
		width:225px;
		height:62px;
		padding:13px;
	}
}
@media screen and (max-width:650px){
    body{ 
        background:#FAFAFA;
        color:black;
        text-align:left;
        font-family:Times New Roman, Times;
        font-size:large;
    }
    a:link{
        margin:25px;
    }
	table.main{ /* small screen size:no shaded border */
		align:center;
        font-size:large;
		width:100%; 
		border:0px;
		background-color:white;
		border-radius:0px;
		padding:0px;
		box-shadow:0px 0px 0px 0px #808080;
		cellpadding:0px; 
		cellspacing:0px; 
	}
	img.menubutton{ /* for menu buttons only */
		width:225px;
		height:62px;
		padding:20px;
		display:inline;
	}
	img.menubuttonlighted{ /* for lighted menu button only */
		width:225px;
		height:62px;
		padding:20px;
		display:inline;
		border-radius:5px;
		box-shadow:0px 0px 4px 2px #8080ff;
		background-color:#8080ff; 
	}
	img.menubuttonhidden{ /* menu buttons, hidden state */
		display:none;
	}
	td.black_rounded_halfwidth{
		width:100%;
		text-align:center;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-radius:15px;
		padding:2px 2px 2px 2px;
		background-color:#000;
		color:#FFF;
	}
	td.rounded_halfwidth{
		width:100%;
		background-color:#BBBBBB;
		border-radius:15px;
		box-shadow:inset -3px -3px 5px 5px #888;
		padding:10px 10px 10px 10px;
	}
    figcaption{
	font-size:large;
	font-weight:800;
    }
    button{
		width:225px;
		height:62px;
		padding:20px;
	}
    button:hover{
		width:225px;
		height:62px;
		padding:20px;
	}
}
td{
	text-align:left;
}
td.center{
	text-align:center;
}
td.roundedwhite{
	text-align:center;
	background-color:#FFF;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #444;
	padding:10px 10px 10px 10px;
}
td.roundedwhiteLeft{
	text-align:left;
	background-color:#FFF;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #444;
	padding:10px 10px 10px 10px;
}
td.roundedblack{
	text-align:center;
	background-color:#555;
	color:#FFF; 
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #000;
	padding:10px 10px 10px 10px;
}
td.roundedblank{
	text-align:center;
	background-color:#FFF;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #888;
	padding:10px 10px 10px 10px;
}
td.roundedgray{
    text-align:center;
	background-color:#BBBBBB;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #444;
	padding:10px 10px 10px 10px;
}
td.roundedgrayleft{
    text-align:left;
	background-color:#BBBBBB;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #444;
	padding:10px 10px 10px 10px;
}
td.rounded{
    text-align:center;
	background-color:#BBBBBB;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #888;
	padding:10px 10px 10px 10px;
}
.rounded{
	background-color:#BBBBBB;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #888;
	padding:10px 10px 10px 10px;
}
.rounded_blue{
	background-color:#8888FF;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #228;
	padding:10px 10px 10px 10px;
}
.rounded_red{
	background-color:#FF8888;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #822;
	padding:10px 10px 10px 10px;
}
.rounded_green{
	background-color:#88FF88;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #282;
	padding:10px 10px 10px 10px;
}
.rounded_yellow{
	background-color:#FFFF88;
	border-radius:15px;
	box-shadow:inset -3px -3px 5px 5px #882;
	padding:10px 10px 10px 10px;
}
p{
	text-align:left;
	word-wrap:break-word;
}
p.center{
	text-align:center;
}
ul{
	text-align:left;
}
ol{
	text-align:left;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large;
	text-align:center;
	font-weight:bold;
}
h1.nobold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large;
	text-align:center;
	font-weight:normal;
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	text-align:left;
	font-weight:bold; 
}
h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:large;
	text-align:left;
	font-weight:bold;
	font-style:italic;
}
.header_table{
	border:1px solid #000080;
	border-collapse:collapse;
}
.header_cell{
	border:1px solid #000080;
}
.blue_background{
	background-color:#000080;
	color:#FFFFFF;
	text-align:right;
	font-weight:bold;
}
.white_on_blue{
	font-family:Times New Roman, Times;
	margin-right:3px;
	color:#FFFFFF;
	background-color:#000080;
	text-decoration:underline;
}

.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.no_border{
	border-style:solid;
	border-width:0;
}
.black_rounded{
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-radius:15px;
	padding:2px 2px 2px 2px;
	background-color:#000;
	color:#FFF;
}
.rounded_head{
	color:white;
	text-align:center;
	border-left:1px solid #000000;
	border-right:1px solid #0000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	background-color:#000000;
	border-radius:4px;
	padding:2px 2px 2px 2px;
}.rounded2{
	text-align:center;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-radius:4px;
	padding:2px 2px 2px 2px;
}
.rounded3{
	text-align:center;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background-color:#C0C0C0;
	border-radius:4px;
	padding:2px 2px 2px 2px;
}
.cookie-notice{
    display:inline-block;
    margin-top: 0 ;
    margin-bottom: 2px ;
    width:400px;
	text-align:center;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background-color:#C0C0C0;
	border-radius:4px;
	padding:2px 2px 2px 2px;
}

.cell2{
	text-align:center;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
.cell3{
	text-align:center;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background-color:#C0C0C0;
}
.cell4{
	border:2px solid #FF9999;
	text-align:center;
}
.cell5{
	border:2px solid #FF9999;
	text-align:center;
	background-color:#C0C0C0;
}
.cell6{
	border:2px solid #FF0000;
	text-align:center;
}
.cell7{
	border:2px solid #FF0000;
	text-align:center;
	background-color:#C0C0C0;
}
.cell8{
	text-align:center;
	border:1px solid #00FFFF;
}
.cell9{
	text-align:center;
	border:1px solid #00FFFF;
	background-color:#C0C0C0;
}
.main_table{
	border-width:0;
	border-collapse:collapse;
	text-align:left;
}
.blue_border{
	border:1px solid #000080;
}
.blue_border_gray_bk{
	border:1px solid #000080;
	background-color:#C0C0C0;
}
.subtitle_not_bold{
	font-family:Times New Roman, Times;
	font-size:x-large; text-align:center; font-weight:normal;
}
.current_button{
	box-shadow:0px 0px 2px 2px #8080ff;
	background-color:#8080ff; 
}
.red{
	color:#F00;
}
.dark_green{
	color:#004000;
}
.black_bkg{
	background-color:#000;
	color:#FFF;
	text-align:center;
}
.black_bkg_banner{
	background-color:#000;
	color:#FFF;
	font-family:Times New Roman, Times;
	font-size:x-large; 
	text-align:center; 
	font-weight:normal;
}
.style6{ /*used for last line of text in page footer */
	font-size: medium;
	font-weight: bold;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}