body 
{ 
	background-color: #000000; 
	margin: 0px; 
	width: 100%; 
	overflow-x: hidden;
}

/* NEW STUFF */
a:link { color: rgba(0, 128, 255); } /* not visited */
a:visited { color: rgba(0, 128, 255); } /* visited */
a:hover { color: rgba(255, 128, 0); }
a:active { color: rgba(0, 128, 255); }
.aTitle:link, .aTitle:visited { text-decoration:none; color: rgba(200, 200, 200); }
.tableMain { width: 97%; margin: 1.5%; border-spacing: 0px; padding:0px; border: 0px; }
.tdTitle   
{ 
	text-align: center; 
	font-size: 3.5vw; 
	font-weight: bold; 
	padding:0.5vw; 
	margin: 0px; 
	border-radius: 0.666em 0.666em 0% 0%; 
	border-style: solid solid none solid;
	background-color: rgba(0, 96, 192); 
	color: rgba(200, 200, 200); 
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
} /* rgba(255, 128, 0); */
.tdBottom
{ 
	text-align: center; 
	font-size: 3.5vw; 
	font-weight: bold; 
	padding:0.5vw; 
	margin: 0px; 
	border-radius: 0.666em 0.666em 0% 0%; 
	border-style: none solid solid solid;
	background-color: rgba(255, 160, 64); 
	color: rgba(200, 200, 200); 
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
} /* rgba(255, 128, 0); */
.tdImage   { width: 30%; }
.tdMain    
{ 
	width: 70%; 
	background-color: rgba(200, 200, 200);
	border-radius: 0% 0% 1.0em 0%; 
	border-style: none solid solid none;
	color: rgba(200, 200, 200);  /* new */
	text-align: center; 
	vertical-align: top; 
}
.pMain     
{ 
	margin-left: 5%; 
	margin-right: 5%; 
	margin-top: 1vh; 
	margin-bottom: 0%; 
	height: 100%; 
	font-size: 2.2vw; 
	color: rgba(0,0,0); 
}
.imgMain   
{ 
	border-radius: 0% 0% 0% 1em; 
	width: 40vw; 
	border-style: none none solid solid; 
	border-color: rgba(200, 200, 200);	
}
.imgSteam  { width: 25vw; margin-top: 1vh; margin-bottom: 1vh;  }
.divImage  { background-color: rgba(255, 160, 64); width: 100%; }
/* NEW STUFF */

.imgSteam3 { width: min(33vw, 100%); border-radius: 1em; border: 0.0em solid rgba(156, 196, 236); }
.table { display: table; width: 100%; }
.tableBody { display: table-row-group; }
.tableRow { display: table-row; }
.tableCell { border: 0px solid; display: table-cell; padding: calc(.19vw + .19vh); }

.tabCell { display: table-cell; }
.altCell { display: table-cell; width: 33.33%; border: 0px solid; padding: 0.75%; vertical-align:top; }
.vsp { height:calc((1.0vh + 1.0vw) / 2); }


.imgNew2 { height: 30vh; border-radius: 0% 0% 0% 1em; border: 0.0em solid rgba(156, 196, 236); }
.pTitle2 { font-size: 3.5vw; font-weight: bold; padding:0.5vh 1.0vh 0.5vh 1.0vh; margin:0px; background-color: rgba(126, 166, 216); border-radius: 0.666em 0.666em 0% 0%; }
.tdImageORG   { width: 30%; }

/* NEW STUFF */
.divWide
{
	float: left;
	text-align: center;
	width: 100%; 
	font-size: 3.0vh;
}

.imgNew { height: 30vh; border-radius: 0% 0% 0% 1em; } /*40*/
.pTitle { font-size: 4.5vh; font-weight: bold; padding:0.5vh 1.0vh 0.5vh 1.0vh; margin:0px; background-color: rgba(126, 166, 216); border-radius: 0.666em 0.666em 0% 0%; }
.divFloat0
{
	text-align: left;
	float: left;
	
	width: 55vh; 
}
.divFloat1
{
	float: left;
	width: 60vh;
}
.divCon
{
	background-color: rgba(196, 196, 196);
	margin: 1vh;
	height: 36.3vh; /*padding from font added*/
	border-radius: 1em; 
	border: 0.0em solid rgba(156, 196, 236);
}


.newDiv
{
	float: left;
	text-align: center;
}
.conDiv
{
	background-color: rgba(156, 196, 236);
	margin: calc((0.7vw + 0.7vh) / 2);
}
/* VARIABLE */
.logDiv { width: 20%; float:left; }
.topDiv { width: 80%; float:left; }
.capDiv { width: 90%; margin: calc(0.25vw + 0.25vh) auto; border: 0px solid white; }
.newDiv { width: 33.33%; font-size: 2.3vw; }
.fntDiv { font-size: calc((3vh + 2vw) / 2); }
.pcl { height: calc((20vh + 20vw) / 2); padding:0.25vw 0.5vw 0.25vw 0.5vw; margin:0px; }
.xcl { height: calc((12vh + 12vw) / 2); padding:0.25vw 0.5vw 0.25vw 0.5vw; margin:0px; }
.tcl { padding:0.25vw 0.5vw 0.25vw 0.5vw; margin:0px; }
@media (max-aspect-ratio: 7/9)
{
	.logDiv { width: 30%; }
	.topDiv { width: 70%; }
	.newDiv { width: 50%; font-size: 2.7vw; }
	.fntDiv { font-size: 3vw; }
	.pcl { height: calc((13vh + 13vw) / 2); }
}
@media (min-aspect-ratio: 8/5)
{
	.logDiv { width: 10%; }
	.topDiv { width: 90%; }
	.newDiv { width: 25%; font-size: 1.6vw; }
	.fntDiv { font-size: 1.5vw; }
	.pcl { height: calc((14.5vh + 14.5vw) / 2); }
}

/* OVERLAY BOX */
.overlay 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	display:none;
}
.modal 
{
	position: fixed;
	top: 20%; 
	left: 10%;
	width: 80%;
	height: 60%;
	background-color: rgba(255, 160, 64, 1);
	
	text-align: center;
	z-index: 11;
	display:none;
}
/* border-radius: 1em; */
.cool:link { color: rgba(255, 160, 64, 1); }
.cool:visited { color: rgba(255, 160, 64, 1); }
.cool:hover { color: rgba(255, 160, 64, 1); }
.cool:active { color: rgba(255, 160, 64, 1); }
/* image rounded */
.conDiv { border-radius: 1em; border: 0.0em solid rgba(156, 196, 236); }
.imgGam { width: 100%; border-radius: 1em 1em 0% 0%; }
.imgGax { width: 100%; }
.imgPly { width: 100%; border-radius: 0% 0% 1em 1em; }
.imgStm { width: 100%; }