body {
	margin:0 auto;
	height: 100%;
	padding:0px;
	border:0px;			/* This removes the border around the viewport in old versions of IE */
	width:512px;

					/* The min-width property does not work in old versions of Internet Explorer */
   background: whitesmoke;
   
}

* {
  box-sizing: border-box;
}
  
#heading{
text-align: center;
margin:auto;
 }
 	
img {
	float: left;
	margin: 5px;
	}
        
p {
	text-align: justify;
	}

p.intro {
    color: darkblue;
    font-weight: 500;
    font-size: 18px;
}
	
h3{
	text-align: center;
	font-weight: bold;
}

table {
    margin: 0 auto; /* or margin: 0 auto 0 auto */	
    text-align: center;
}
table.one {
    width: 98%;
    border-spacing: 5px;
  }
  
th {
	font-weight: bold;
	color: blue;
}

td, th {
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8 px;
  margin:auto;
}

td.intro{
	background-color: whitesmoke;
	}
	
td.one{
width: 22%;
}

td.two{
width: 27%;
}

tr{
	vertical-align: top;
	margin: auto;
	text-align: center;
}
  
tr:nth-child(odd) {
  background-color: #dddddd;
}
  
.background{
	background-color: whitesmoke;;  
  }
  
.column {
  float: left;
  width: 50%;
}

.column.download {
  float: left;
  width: 25%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}