html,body {
 height:100%;
 width: 100%;
 margin: 0;
}
 
.leadline {
	font-family: "Comic Sans MS", Arial, Helvetica;
	color: #6600cc;		
	font-weight: bold;
	font-size: 18pt;
	margin-left: 10pt;
}

.subline {
	font-weight: bold;
	font-size: 14pt;
	margin-left: 30pt;
	line-height: 50%;
}

.wrapper {
		height: 100%;
		width: 100%;
 }
 
.legalese {
	font-size: 8pt;
	text-align: right;
}

#headerSect {
	text-align: left;
	background-color: #dfdfdf;
	color: purple;
	width: 100vw;
	height: 140px;
	z-index: 999;
	padding-top: 15px;
}

#genHeaderSect {
	text-align: left;
	background-color: #dfdfdf;
	color: purple;
	width: 100%;
	height: 170px;
	z-index: 999;
	padding-top: 15px;
}

#alphaHeaderSect {
	text-align: left;
	background-color: #dfdfdf;
	color: purple;
	width: 100%;
	height: 200px;
	z-index: 999;
	padding-top: 15px;
}

#genNavBar {
	background-color: #dfdfdf;
	color: purple;
	width: 100vw;
	height: 25px;
	z-index: 999;
	top: 0;
	align-content: center;
}

.horizLine {
	width: 100vw;
	height: 2px;
	size: 2;
}

.numData {
	font-family: "Comic Sans MS", Arial, Helvetica;
	color: #6600cc;		
	font-size: 14pt;	
}

.focusBodySection {
	background-color: white;
    height: 80%;
	width: 100%;
	overflow-x: scroll;
	overflow-y: scroll;
}

.focusAlphaBodySection {
	background-color: white;
    height: 75%;
	width: 100%;
	overflow-x: scroll;
	overflow-y: scroll;
}