body{
  margin:0px;
  height:100%;
  background-color:LightBlue;
}
header {
  border:ridge chocolate;
  float:right;
  width:84%;
  margin:.2% .3% auto;
  text-align:center;
  font-family:courier new;
  background-color:linen;
  color:saddlebrown;
  
}
nav {
  margin:.1% .05% auto;
  border-bottom:dashed chocolate 1.5pt;
  border-top:dashed chocolate 2pt;
  float:left;
  width:13.5%;
  min-height:300px;
  position:static;
  font-family:lucida console;
  color:saddlebrown;
}  

#S1 {
  float:left;
  width:58%;
  margin:.2%;
  margin-left:1%;
  
}
#S2 {
  float:right;
  width:23.2%;
  margin:.5%;
}
#S3 {
  width:84%;
  margin:0 auto;
  margin-left:15%;
  clear:both;
  
}
footer {
  clear:both;
  margin:0 auto;
  text-align:center;
  border-bottom:solid chocolate;
  font-family:lucida console;
}
.sec {
  background-color:#99ddff;
  padding:.3%;
}
article{
  border:outset;
  text-align:justify;
  padding:.2%;
}
.art1 h4{
  color:blue;
  text-align:center;
}
.art2 h4{
  color:MediumBlue;
  text-align:center;
}
.art3 h4{
  color:MidnightBlue;
  text-align:center;
}