body 
  {
	background-color:	#3feee6;
	background-color:	#ccddee;
	color:				#000000;
	font-family:		arial,verdana,sans-serif;
	font-size:			1.6rem;
}
.content {
	max-width:				1160px;
	margin:						auto;
	background-color:	tranparent;
	text-align:					center;
	border-radius:	0px;
	}
.maincol{
	//height:		100 vh;
	//max-width:	1280px;
	//margin:		auto;
	position:		absolute;
	top:			0px;
	width:			1160px;
	text-align:		center;
	font-family:	arial,verdana,sans-serif;
	color:			#000000;
	font-size:		2.0rem;
	font-style:		normal;
	font-weight:	normal;
	}
.headline {
	font-family:	"Times New Roman";
	color:			#0000ff; 
	font-size:		3.0rem;
	font-weight:	bold;
	font-style:		italic;
	text-shadow:	5px 5px 5px #999;
	}
.nav_left, .nav_right {
	//background-image:	url('images/Backgrd_dblYellow.jpg');
	background-color:	#cafafe;
	position:			relative;
	top:				5px;
	//height:			95vh;
	height:				680px;
	left:				0px;
	width:				180px;
	text-align:			center;
	font-family:		arial,verdana,sans-serif;
	//color:				#000000;
	font-size:			0.8rem;
	font-style:			normal;
	font-weight:		normal;
	padding-top:		12px;
	//border:				blue 2px solid;
	border-radius:		5px;
z-index:	+2;
	}
.nav_right {
	left:			980px;
	//left:			0px;
	//top:			820px;
	
	}
a { color: #0000ff; text-decoration: underline; }
a:active { color:#333399; }
a:hover { color:#ff0000; font-weight:bold; }
.text_heading {
	font-family:	arial,verdana,sans-serif; 
	color:			#000000; 
	font-size:		1.1rem; 
	font-style:		italic; 
	}
.text_title {
	font-family:	arial,verdana,sans-serif; 
	color:			#000000; 
	font-size:		1.2rem; 
	font-style:		italic; 
	font-weight:	bold;
	}
.dispframe {
	position:	relative;
	margin:		auto;
	//width:		100%;
	//width:		720px; 
	//background-color:#cafafe; 
	background-color:	transparent;
	//border:blue 1px solid; 
	border-radius:6px; 
	font-family:	arial,verdana,sans-serif;
	font-size:		1.1rem;
	//color:#5500ff;
	color:black;
	z-index:	+1;
	}
iframe {
	display:		block;
	align-content:	center;
	margin:			auto;
	border:			4px blue solid;
	border-radius:	6px;
	padding:		0px;
	}
.displevel {
	z-index:	+3;
	}



@media only screen and (max-width: 1080px) {
  body {
    background-color: lightblue;
  }
.maincol {
	width:	1060px;
	left:	820px;
	left:	180px;
	left:	0;
	//height:		100 vh;
	//max-width:	1280px;
	//margin:		auto;
	position:		absolute;
	text-align:		center;
	font-family:	arial,verdana,sans-serif;
	color:			#000000;
	font-size:		2.0rem;
	font-style:		normal;
	font-weight:	normal;
	
	}
.nav_left {
	right:			0px;
	top:			0px;
	}