body {font-family: Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif}

tr.out {
	border-style: dotted dotted dotted dotted;
	border-color: whitesmoke;
	background-color: lightsteelblue;
	}
	
.center {
	text-align: center;	
	}
	
.indent {
	margin-left: 30px;
	}
	
.indentI {
	padding-left: 16px;
	font-size: 20px;
	font-weight: bold;
	}
.indentA {
	padding-left: 58px;
	}
	
.indent1 {
	padding-left: 82px;
	}
	
.indenta {
	padding-left: 105px;
	}
	
.indentp1 {
	padding-left: 130px;
	}
	
.indentpa {
	padding-left: 162px;
	}
		
td.right {
    vertical-align: top;
	font-size: 20px;
    text-align: right;
    padding-right: 5px;
    }    

td.box {
    margin: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width:  2px;
    border-color: black
    text-align: center;
    background-color: hsl(220, 100%, 77%);
    color: blue;
    }

table {
    border-collapse: collapse;
    width: 100%;
    }

th, td {
    text-align: left;
    padding: 3px;
    vertical-align: top;
    margin: 0;
    }

.center {
	text-align: center;	
	}
	
.centertable {
    margin: auto;
    width: 80%;
    padding: 10px;
	}
	
.bi {
	color: blue;
	font-style: italic;	
	}

.bn {
	color: black;
	font-style: normal;	
	}
	
.reference {
	vertical-align: middle;
	text-align: right;
	padding-right: 16px;
	}
	
.dropdown {
  position: relative;
  display: inline-block;
  color: chocolate;
}

.dropdown-content {
  display: none;
  position: relative;
  background-color: lightgray;
  min-width: 400px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }