@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #999999;
}
#logoBar {
	position:absolute;
	left:0px;
	width:100%;
	height:40px;
	z-index:3;
	bottom: 100px;
}
.tableBlack {
	background-image: url(../Images/basebarfiller.png);
	background-repeat: repeat-x;
}
#lowerFade {
	position:absolute;
	left:0px;
	width:100%;
	height:110px;
	z-index:2;
	bottom: 0px;
	overflow: hidden;
}
.footerTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #FFFFFF;
	font-style: normal;
}

.footerBodyContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #CCCCCC;
}
.footerTitleMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	font-style: normal;
}
#introContent {
	position: absolute;
	height: 100px;
	width: 600px;
	right: 0px;
	bottom: 0px;
	z-index: 4;
}
#infoPop {
	position: absolute;
	width: 300px;
	z-index: 5;
	right: 0px;
	bottom: 130px;
	visibility: hidden;
}
#aboutPop {
	position: absolute;
	width: 300px;
	z-index: 5;
	right: 0px;
	bottom: 130px;
	visibility: hidden;
}
#date {
	position:absolute;
	top:10px;
	width:250px;
	height:76px;
	z-index:6;
	right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: right;
}

.SmallTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
}
.footerBodyContentMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #CCCCCC;
}