body {
	background-color: #FFFFFF;
	margin-left:45px;
	margin-right:45px;
	margin-bottom: 35px;
}

/* style for all the image pages */
img:not(.banner){
  border: 1px solid #ddd; /* Gray border */
  border-radius: 5px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 300px; /* Set a small width */ 
  height: 170px;
  opacity:   0.9;
   }

/* Add a hover effect (blue shadow) */
img:hover { opacity: 3;}	

img:a:hover {
	text-decoration: none;
	color: #CC33FF;	}
	

/*  alighing  the image table centrally */	
table.center {
  margin-left: auto;
  margin-right: auto;
}


/* aligns all the images in the tr centre */
tr.element  {
  		text-align:center;
  	}
	
img.element1 {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 5px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 190px; /* Set width */ 
  height: 300px;
  text-align:center;
  opacity:   0.9;
   }

.MyDiv {text-align:center;}	/*centre align the legends */