body  {
    background-color: #e5e2e5;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	  margin: 20px; 
	}

	body, td, th {
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 16px;
		}
		
	a {
		text-decoration: none;
		font-weight: bold;
		}
	h1 {
		font-size: 2.0em;
		font-weight: normal;
		margin: 0.2em 0em;
		color: #46845F;
		}
	h2 {
		font-size: 1.7em;
		margin: 0.2em 0em;
		font-weight: normal;
		}
	h3 {
		font-size: 1.4em;
		margin: 0.2em 0em;
		font-weight: normal;
		}

	.top a:link, .top a:visited, .top a:hover { color: #ECF0E6;}
	  
	a:link { text-decoration:none; color: blue; font-weight: bold; }
	a:visited { text-decoration:none; color: #333399; font-weight: bold; }
	a:hover {color: #339933; font-weight: bold;}
	
	.top {
	margin: 0px;
	clear: right;
	color: white;
	font-weight: bold;	
	background-color: #8CA89A;
	padding: 6px;
	}		
			
	.bottom{
	margin: 0px;
	background-color: #F3F4F2; 
	border-style: solid; 
	border-width: 3px;
	border-color: #8CA89A;
	}
			
	.threeD {
	 padding: 0px; 
	 border-left: white 1px solid; 
	 border-top: white 1px solid; 
	 border-right: 1px solid gray; 
	 border-bottom: gray 1px solid;
	}
	
	.maintext{
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	color: #6A8C7C; 
	}			
	
	.clipper_sample {
  background: url("./clipper_sample.png") no-repeat;
  background-position: bottom right;
	}
  
  img {
  margin: 0; 
  border-width: 0; 
  padding: 0;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: scale-down;
}