body{text-align:center;
background:#bff;
border:dashed 5px navy;
margin-left:auto;margin-right:auto;
width:340px;
}
header{
#padding:100px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 140px;
background-image:url(./img/head2.png);
background-repeat:no-repeat;
text-align:center;
margin-left:auto;margin-right:auto;
}
footer{
#padding:100px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 140px;
background-image:url(./img/foot2.png);
background-repeat:no-repeat;
text-align:center;
margin-left:auto;margin-right:auto;
}



header p {color:red;}

h1{
color:#e90;
border:solid 5px #fa0;
border-style:double;
background:url("./img/lvb.png");
background-color:red;
}

input[type="checkbox"][name="hdn"] + span {display: none;}
input[type="checkbox"][name="hdn"]:checked + span {display: inline;}

input[type="checkbox"][name="hdn"] + div{opacity: 0;}
input[type="checkbox"][name="hdn"]:checked + div {
  opacity: 1.0; transition: 3s ease-in-out;
  transition:  1s linear;}

table{margin-left:auto; margin-right: auto;}
table.state{text-align:left;}
table.state tr+tr+tr+tr{font-size:xx-large;}


div.f1{padding:0% 0%;}
div.lets{
border:solid 2px #fa0;
background:#faf;
padding:1% 0%;
#margin:1em 17em;
}
div.lets span{color:navy;  text-decoration: underline #faf;}




div.cal {margin-left:auto; margin-right:auto;
width: 320px; height: 180px;
background: #eef
border: solid 2px navy;}



#form{margin-left:auto; margin-right:auto;}