@font-face {
	font-family: 'Coamei';
	src: url('./COAMEI_R.eot'), url('./COAMEI_R.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Coamei';
	src: url('./COAMEI_B.eot'), url('./COAMEI_B.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Mako';
	src: url('./Mako-Regular.eot'), url('./Mako-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('./Montserrat-Medium.eot'), url('./Montserrat-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('./Montserrat-ExtraBold.eot'), url('./Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
.hdr {
	text-align: center;
	font-family: Coamei;
	font-size: 24pt;
	font-weight: bold;
	margin-top: 0pt;
}
.dtl {
	text-align: center;
	font-family: Coamei;
	font-size: 30pt;
	padding: 0pt;
}
.dtl img {
	padding-top: 2pt;
}
a {
	text-decoration: none;
}
.img a:hover {
	background: none;
}
a:hover {
	background-color: skyblue;
}
a:visited {
	color: #9900FF;
}
.menu {
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	margin-top: 4pt;
}
.menu a {
	background-color: #CCFFFF;
	padding: 2pt 6pt 0pt 6pt;
	margin: 0pt;
	border: 1pt solid lightblue;
}
.menu a:hover {
	background-color: skyblue;
	border: 1pt solid blue;
	opacity: 0.6;
}
.menu a.selected {
	background-color: white;
	opacity: 1.0;
}
.tbl {
	text-align: left;
	background-color: white;
	opacity: 0.87;
	font-family: Montserrat;
	font-size: 12pt;
	padding: 0pt;
	border-spacing: 0pt;
	border-collapse: collapse;
}
.tbl td, .tbl th {
	padding: 4pt;
	margin: -1pt;
	border: 1px solid #CCCCCC;
}
.tbl th {
	font-family: Coamei;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}
a.img {
	display: block;
	border: 2pt solid white;
	padding: 3pt;
}
a.img:hover {
	background: none;
	border: 2pt solid skyblue;
}
body {
	font-family: Coamei, Montserrat, Arial, Helvetica, sans-serif;
	padding: 0pt;
	background-image: url('./2018-08-25-Logo-25pct.png');
	background-repeat: repeat-y;
	background-position: center top;
	background-size: auto;
	background-attachment: fixed;
}
div {
	padding: 0pt;
	margin: 0pt;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    opacity: 0.0;
    width: 1780%;
    background-color: #0070c0;
    color: #fff;
    text-align: center;
    padding: 5pt 10pt;
    border-radius: 5pt;
    font-size: 12pt;
    font-family: Montserrat;
    transition: opacity 1s; 
    
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: -8pt;
    left: -650%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:active .tooltiptext, .tooltip:hover .tooltiptext {
    opacity: 1.0; 
    transition: opacity 1s;
}

.align-top {
    vertical-align: top;
}