html, body
{
	//height:100%;
	//width:100%;
	margin:0;
}

body
{
	background-color: #ffffff;
	color: #000000;
	position: relative;
}



.navbtn
{
	display: none;
}
.nav
{
	padding: 2px;
	border-style: none inset none none;
	border-color: #0B6138;
	border-width: 10px;
	float: left;
	width: 15%;
	background-color: #CEF6EC;
}
.top
{
	font-size: 30;
	color: #FFFFFF;
	background-color: #0B6138;
	//width: 100%;
}

.main
{
	float: left;
	width: 50%;
}
.cmddiv
{
	padding: 2px;
	border-style: none none none outset;
	border-color: #0B6138;
	border-width: 10px;
	float: right;
	width: 30%;
	background-color: #CEF6EC;
}
.bottom
{
}
iframe
{
	overflow:hidden;
}

}

.overlay1
{
	position: absolute;
	top: 20;
	left: 20;
	//width: 60%;
	//height: 60%;
	z-index: 10;
	visibility: hidden;
	//background-color: rgba(0,0,0,0.5); /*dim the background*/
}

.overlay
{ 
//    height: 40px; 
	top: 20;
	left: 20;
    position: absolute;  //was fixed
    //bottom:0%;
    //width:100%; 
    background-color: #393838; 
    //opacity: 1;
	visibility: hidden;
	z-index: 10;
}

@media print
{
	.navbtn
	{
		display: none;
	}
	.nav
	{
		display: none;
	}
	.cmddiv
	{
		display: none;
	}
	.main
	{
		width: 100%;
	}
}


@media (max-width: 700px)
{
	.navbtn
	{
		display: inline;
	}
	.nav
	{
		height: 100%;
		width: 0;
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		left: 0;
		top: 0;
		background-color: rgb(0,0,0); /* Black fallback color */
		background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 1.5s; /* second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
		display: none;
	}
	.cmddiv
	{
		display: none;
	}
	.main
	{
		width: 100%;
	}
}