html
{
	height:100%;
	width:100%;
}

body
{
	font-family:Arial;
	user-select: none;	
}

.supercenter
{
	margin:0 auto;
	position:relative;
	padding:0;
	width:1185px;
	height:635;
}

.megaclass
{
	margin:0;
	padding:0;
	position:absolute;
}

/* bottom navigation */

span.reference1, span.reference3{
	position:fixed;
	clear: both;
	bottom:10px;
	font-size:12px;
	letter-spacing:1px;
	text-shadow:1.4px 1.4px 2px rgba(255,255,255,0.5);
}

span.reference1 
{
	left:15px;
}

span.reference3 
{
	right:10px;
}

span p 
{
	margin-bottom:-15px;
	font-style:italic;
}

span.reference1 a, span.reference3 a
{
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1.4px 1.4px 1.4px black;
	margin-right:10px;
}



span.reference3 a{color: powderblue; color: rgba(109,  177,  211, 0.95);}

span.reference1 a {color: #eee; color:rgba(255, 250, 240, 0.8);}

.powderblue{color: powderblue; color: rgba(109,  177,  211, 0.95);}

span.reference1 a:hover, span.reference2 a:hover, span.reference3 a:hover
{
	color:maroon; color:rgba(220, 20, 60, 0.8);
}

ul.sdt_menu
{
	margin-top:382px;
}		

/* border */

#top, #bottom, #left, #right 
{
	background: rgba(109,  177,  211, 0.95);
  position: fixed;
	z-index:1000;
}
 
#left, #right 
{
      top: 0; bottom: 0;
      width: 5px;
}

#left { left: 0; }
#right { right: 0; }

#top, #bottom 
{
	left: 0; right: 0;
	height: 5px;
}
       
#top { top: 0; }
#bottom { bottom: 0; }