
html { scroll-behavior: smooth; }
body {font-family: century gothic, verdana, arial; }
td,p,h3,h2,li{font-family: century gothic, arial; font-size:20px; }
a {color:#8195c8; text-decoration: none}
h3{letter-spacing: .15em; font-size:36px; color: #6F86B7; font-weight:normal}

.hdr{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:9; background-color: white; width:100%; border: 0px; margin-left:-10px; padding:0px; color:gray; font-size: 12px; position:fixed; top:00px; left:0px text-align: center; font-family: arial; letter-spacing: .2em; }
.menu{color:#8195c8; font-weight:bold; vertical-align:middle; margin:0; padding:0; background: white}
.ind{color:#89d7d4; font-weight:bold;}
.foot{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-left:10%; width:80%; padding:10px; color:gray; font-size: 12px; position:fixed; bottom:20px; text-align: center; font-family: arial; letter-spacing: .2em; background-color:white; border:thin solid #89d7d4; border-radius:15px; }
.footTxt { vertical-align: middle; }

#section1 { position:relative; top:150px; height: 400px; font-size:30px; font-weight:normal; margin-bottom:150px; margin-left:100px; margin-right:100px; }
#section2 { position:relative; top:150px; height: 800px; font-size:30px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#section3 { position:relative; top:150px; height: 750px; font-size:22px; font-weight:bold; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#section4 { position:relative; top:150px; height: 500px; font-size:28px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#section5 { position:relative; top:150px; height: 600px; font-size:22px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#section6 { position:relative; top:150px; height: 500px; font-size:24px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }

#sec2buff { position:relative; top:150px; height: 10px; font-size:32px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#sec3buff { position:relative; top:150px; height: 10px; font-size:32px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#sec4buff { position:relative; top:150px; height: 10px; font-size:32px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#sec5buff { position:relative; top:150px; height: 10px; font-size:32px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }
#sec6buff { position:relative; top:150px; height: 10px; font-size:32px; font-weight:normal; margin-bottom:150px; margin-top:150px; margin-left:100px; margin-right:100px; }

ol {
  list-style-type: none;
  margin: 35;
  padding: 0;
  overflow: hidden;
}

li.menu {
  float: right;
}

a:hover {
  color: #89d7d4;
}

li.menu a {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff;
  vertical-align:middle;
}