*   {box-sizing: border-box;}

body  {margin: 10px; font-size: 18px; font-family: Helvetica;}

a {color: DarkRed; text-decoration: none;}
a:hover {color: red;}

ul {list-style-type: circle;}
ol {list-style-type: none;}
li {color: black; padding: 5px;}

td {vertical-align: top;}

.header {text-align: center; padding-bottom: 0px;}
.headet {text-align: center;}

p.footer {padding: 16px; text-align:center;font-family:"Arial Unicode MS",Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: bold; 
                border-width: 3px; border-color: grey; border-style: solid none solid none;}
p.cen {text-align:center;font-family:"Arial Unicode MS",Arial, Helvetica, Sans-Serif;}
p.jus {text-align:justify;font-family:"Arial Unicode MS",Arial, Helvetica, Sans-Serif;}

.topnav {overflow: hidden; background-color: #FFF; border-width: 3px; border-color: grey; border-style: solid none solid none;}

.topnav a {float: left; display: block; color: DarkRed; text-align: center; padding: 16px 50px; text-decoration: none;} 
.topnav a:hover { background-color: #FFF; color: red;}

.column { float: left; padding: 10px;}
.column.side {width: 13%;}
.column.middle {width: 74%;}

.row:after {content: ""; display: table; clear: both;}

.footer {background-color: #FFF;}

#grad1 {
  height: 1200px;
  background-color: white; /* For browsers that do not support gradients - <div id="grad1"></div>  */
  background-image: linear-gradient(silver, white);
}