* {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

body{
	font-family: "helvetica neue", helvetica, Arial, sans-serif;
	font-size: 1em;
	background: #ffffff;
	overflow-y: scroll;
	overflow-x: hidden;
}

:root {
	--hMarginTopPTHlogo: -16px;
	--hMarginTopHRF: -16px;
	--hMarginTopPeriod: -16px;
	--hMarginTopTitle: -12px;
	--hMarginTopSubTitle: 0px;
}


.content {
	width:100%;
	position: relative;
	display:block;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 2px 0px 0px 0px; /* top right bottom left */
}

.headerLineBlock{
	width:100%;
	display:block;
	border-top: 4px solid black;
	border-bottom: 4px solid black;
	box-shadow: 0px 0px 3px 5px rgba(255,255,255,0.85); /* h-offset v-offset blur spread color */
	padding: 18px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	position: fixed;
	top:0;
	left:0;
	height:70px;
	background-color:rgba(255,255,255,0.9);
	z-index:1000;
	color:#000000;
    text-align: left;
}
/* this is about the Major HyperLink for HRF-index-file in of the Content Window */	
.headerLineBlock .PTH{
	height:44px;
	font-size: 40px;
	font-weight: 900;
	color: #000000;
    padding: 0px 0px 0px 0px;
	margin: var(--hMarginTopPTHlogo) 0px 0px 0px; /* top right bottom left */
	display:inline-block;
	vertical-align:baseline;
	float:left;
}
/* this is about the Major HyperLink for HRF-index-file in of the Content Window */
.headerLineBlock .HRF{
	height:44px;
	font-size: 40px;
	font-weight: 900;
	color: #000000;
    padding: 0px 0px 0px 0px;
	margin: var(--hMarginTopHRF) 0px 0px 0px; /* top right bottom left */
	display:inline-block;
	vertical-align:baseline;
	float:left;
}

.HLinkHRF:link, .HLinkHRF:visited, .HLinkHRF:active {
	display:block;
	color: #000000;
    padding: 0px 4px 0px 4px;
	text-decoration: none;
	vertical-align:baseline;
	}
.HLinkHRF:hover {
	color: #000000;
	background-clip: border-box;
	box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,1);
	vertical-align:baseline;
}

.HLlogoPTH:link, .HLlogoPTH:visited, .HLlogoPTH:active {
	display:block;
	color: #000000;
	height: 44px;
    padding: 0px 0px 0px 0px;
	text-decoration: none;
	vertical-align:baseline;
	}
.HLlogoPTH:hover {
	color: #000000;
	background-clip: border-box;
	box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,1);
	vertical-align:baseline;
}
/* this is about the Major HyperLink for the chosen Time Period */
.headerLineBlock .PTHperiod{
	height:44px;
	font-size: 40px;
	font-weight: 900;
	color: #000000;
    padding: 0px 0px 0px 0px;
	margin: var(--hMarginTopPeriod) 0px 0px 0px; /* top right bottom left */
	display:inline-block;
	text-align:right;
	float:right;
}	
.HLinkPeriod:link, .HLinkPeriod:visited, .HLinkPeriod:active {
	display:block;
	color: #000000;
    padding: 0px 4px 0px 4px;
	text-decoration: none;
	vertical-align:baseline;
	}
.HLinkPeriod:hover {
	color: #000000;
	background-clip: border-box;
	box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,1);
	vertical-align:baseline;
}
/* this is about the Major HyperLink for the chosen Geographical Area */
.oViewTitle{
	height:40px;
	font-size: 36px;
	font-weight: 900;
	color:#486696;
	padding: 0px 10px 0px 0px; /* top right bottom left */
	margin: var(--hMarginTopTitle) 2px 0px 0px; /* top right bottom left */
	display:inline-block;
	vertical-align:baseline;
	float:right;
    text-align: right;
}
.oViewSubTitle{
	display:inline-block;
	margin: var(--hMarginTopSubTitle) 0px 0px 0px; /* top right bottom left */
	color:#486696;
	padding: 0px 12px 0px 0px; /* top right bottom left */
	font-size: 32px;
	font-weight: 700;
}	
.HLinkTitle:link, .HLinkTitle:visited, .HLinkTitle:active {
	display:block;
	color: #486696;
    padding: 0px 2px 0px 2px;
	text-decoration: none;
	vertical-align:baseline;
	}
.HLinkTitle:hover {
	color: #486696;
	background-clip: border-box;
	box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,1);
	vertical-align:baseline;
}

.geoHeader{
	display:inline-block;
	width:100%;
	padding: 4px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	position: fixed;
	top:66px;
	left:0px;
	z-index:999;
	color:#486696;
	font-size:16px;
    text-align: left;
}

/* page headerGeographicButtonHyperLink  */
/* first color:  #FFFFFF */
/* second color: #000000 */	
table.geoHeaderTBL {
	vertical-align:middle;
	width: 100%;
	text-align:center;
	color: #081E42;
	margin-bottom: 4px;
}
.geoHeaderTBL th {
	height:46px;
	color: black;
	font-size:20px;
	padding: 0 0 0 0;
	border: 0 0 0 0;
	border-bottom:2px solid black;
	border-top: 2px solid black;
	font-weight: 900;}
	
	
th.tdElementHeader {
	vertical-align:baseline;
	width:24%;
	border: 0 0 0 0;
	background-color:rgba(255,255,255,0.9);
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	}
.tdHLheader:link, .tdHLheader:visited, .tdHLheader:active {
	height: 100%;
	width: 100%;
    padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	display:block;
	opacity:1;
	text-align:center;
	color:#486696;
	font-size:20px;
	font-weight: 700;
	background-color:rgba(255,255,255,0.7);
    box-shadow: 0 0 1px 1px rgba(15,15,15,0.4) inset;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-decoration: none;
	}
.tdHLheader:hover {
	color: DarkGreen;
	background-color: FloralWhite;
	opacity:1;
    box-shadow: 0 0 2px 2px rgba(15,15,15,0.6) inset;}

	
/* page headerZoomUpButtonHyperLink  */
/* first color:  #FFFFFF */
/* second color: #000000 */
th.tdZoomUp {
	width: 4%;
	font-family: "times new roman", Arial;
	text-align:center;
	font-weight: 900;
	background-color:rgba(255,255,255,0.5);
	text-decoration: none;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	}
.tdZoomUpHL:link, .tdZoomUpHL:visited, .tdZoomUpHL:active {
	height: 100%;
	width: 100%;
    padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	display:block;
	text-align:center;
	color: #486696;
	font-size:28px;
	font-weight: 900;
	background-color:rgba(255,255,255,1);
    box-shadow: 0 0 1px 1px rgba(15,15,15,0.4) inset;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-decoration: none;
	}
.tdZoomUpHL:hover {
	color: black;
	background-color:rgba(255,255,255,1.0);
	opacity:1;
    box-shadow: 0 0 2px 2px rgba(15,15,15,0.6) inset;}