body {
  font-family:arial,verdana,helvetica,freeSans,sans-serif;
  padding-left:20%;
  padding-right:20%;
}
#content {
  margin-top:58px;
  font-size:1.2em;
  padding-left:14px;
  padding-right:14px;
  margin-bottom:100px;
}
#header_container {
  /* background-image:url('images/header-background.jpg'); */
  /* margin-top:-6px; */
  background:linear-gradient(#FFCD4D, #FFDB80);
  /* background-repeat:no-repeat; */
  width:59%;
  height:52px;
  border:1px solid #dedede;
  border-top:0px none;
  border-radius:3px;
  position:fixed;
  top:0px;
  box-shadow:0px 5px 5px #fff;
  min-width:400px;
}
#header_text_img {
  vertical-align:middle;
}
#header_text {
  /* float:left; */
  line-height:53px;
  margin-left:14px;
  margin-right:32px;
}
.header_text_a {
  /* text-shadow:#fff 0px 1px 1px; */
  text-shadow:0px 0px 5px #fff;
  font-family:'Segoe UI',helvetica,arial;
  font-size:1.8em;
  font-weight:bold;
  text-decoration:none;
  color:#333;
}
.header_text_a:hover {
  color:#333;
}
.header_text_a:visited {
  color:#333;
}
#title {
  color:#333;
  border-bottom:1px solid #dedede;
  font-size:13pt;
  font-weight:bold;
  text-align:center;
  padding:3px;
/*
  padding-left:7px;
  padding-right:7px;
  padding-bottom:7px;
*/
  /* margin-top:0px; */
  /*
  margin-left:auto;
  margin-right:auto; */
}
.nav_btn {
  float:left;
  line-height:64px;
  margin-left:10px;
}
.nav_btn_a {
  color:#663F00;
  font-family:helvetica,arial;
  font-size:1.1em;
  padding:2px 5px;
  border:1px solid #ccc;
  border-radius:5px;
  background-color:#E6E6E6;
  text-decoration:none;
  max-height:32px;
  /* box-shadow:0px 0px 3px #BF9D60; */
}
.nav_btn_a:hover {
  filter:brightness(105%);
}
.nav_btn_a:visited {
  color:#663F00;
}
.big_nav {
  line-height:128px;
  margin-left:auto;
  margin-right:auto;
  max-width:500px;
  text-align:center;
  display:block;
  white-space:nowrap;
}
.big_nav_a {
  color:#663F00;
  font-family:helvetica,arial;
  font-size:1.3em;
  font-weight:500;
  padding:22px 32px;
  border:2px solid #ccc;
  border-radius:5px;
  background-color:#E6E6E6;
  text-decoration:none;
  box-shadow:0px 0px 5px #BF9D60;
}
.big_nav_a:hover {
  filter:brightness(105%);
}
.big_nav_a:visited {
  color:#663F00;
}
.btw {
  font-style:italic;
  color:#aaa;
}
#footer_container {
  /* background-image:url('images/header-background.jpg'); */
  background-color:#FFDB80;
  width:59%;
  /* height:32px; */
  /* border:1px solid #dedede; */
  border-radius:3px;
  box-shadow:0px -5px 5px #fff;
  position:fixed;
  bottom:0px;
  min-width:400px
}
#privacy_statement {
  color:#777;
  float:right;
  font-size:0.95em;
  line-height:32px;
  margin-right:22px;
}
#copyright {
  float:left;
  font-size:0.95em;
  line-height:32px;
  margin-left:22px;
}
.note_yellow {
  border:1px solid #dedede;
  border-radius:3px;
  color:#444;
  background-color:#ffe;
  padding:14px;
}
.btw {
  font-style:italic;
  font-size:0.85em;
  color:#777;
}
.hri {
  font-family:sans-serif;
  font-size:13pt;
  padding-bottom:30px;
  margin-top:34px;
  border-bottom:1px dashed #aaa;
}
.hri_new {
  font-family:sans-serif;
  font-size:14pt;
  padding-bottom:18px; /* 30px; */
  margin-top:18px; /* 34px; */
  /* border-bottom:1px dashed #aaa; */
}
.explain {
  font-family:sans-serif;
  margin-top:10px;
  /* padding:0px 14px 0px 14px; */
  padding:14px;
  font-size:14pt;
  background-color:#FCFBF7;
  border:1px solid #F2EADA;
  border-radius:5px;
}
.dashed {
  padding-left:48px;
  padding-right:48px;
  border:1px dashed #bbb;
  border-radius:5px;
  margin-top:14px;
  background-color:#FFFCF5;
}
.t_input {
  padding:5px;
  font-family:helvetica,sans-serif;
  font-size:12pt;
}
.t_input:focus {
  background-color:#FFFBF2;
}
.frm_btn {
  padding:10px 14px;
  font-family:helvetica,sans-serif;
  font-size:12pt;
  border:3px solid #ccc;
  border-radius:5px;
}
.frm_btn:hover {
  filter:brightness(110%);
}
.img_h150 {
  /* width:550px; */
  height:150px;
}
.img_h200 {
  height:200px;
}
.img_h275 {
  height:325px;
}
.help_nav {
  margin-top:7px;
  padding:7px;
  padding-top:14px;
  background-color:#fdfdfd;
  border-top:1px solid #ddd;
  /* border-radius:3px; */
  text-align:right;
}
.help_nav_prev {
  padding:7px 14px;
  font-size:0.95em;
  font-family:sans-serif;
  margin-right:14px;
  border:1px solid #aaa;
  border-radius:3px;
}
.help_nav_next {
  padding:7px 14px;
  font-size:0.95em;
  font-family:sans-serif;
  margin-right:7px;
  border:1px solid #aaa;
  border-radius:3px;
}
.help_nav_prev:hover, .help_nav_next:hover {
  filter:brightness(105%);
}
.ish {
  padding:1px;
  /* border:1px dashed #bbb; */
  box-shadow:3px 3px 7px #aaa;
  border-radius:3px;
}
.thg {
  padding:2px 7px;
  background-color:#f5f5f5;
  border:1px dotted #bbb;
  border-radius:3px;
}
.url_text {
  font-family:monospace;
  font-size:16pt;
  font-weight:bold;
  margin-left:32px;
}
/*  keep this last  */
/* phones */
@media screen and (max-width:1000px) {
  body {
    padding-left:0px;
    padding-right:0px;
    width:100%;
  }
  #header_container {
    width:100%;
    /* min-width:750px */
  }
  #content {
    width:100%;
    padding-left:3px;
    padding-right:3px;
    font-size:16pt;
    margin-bottom:100px;
  }
  #title {
    font-size:24pt;
    border-bottom:1px solid #999;
  }
  .hri_new, .explain {
    font-size:32pt;
  }
  .url_text {
    font-size:34pt;
  }
  .icon {
    width:64px;
  }
  .img_h150 {
    /* width:550px; */
    height:250px;
  }
  .img_h200 {
    height:375px;
  }
  .img_h275 {
    height:575px;
  }
  .edge_arrow {
    width:800px;
  }
  .edge_warning_1 {
    width:800px;
  }
  .edge_warning_2 {
    width:800px;
  }
  .edge_keep {
    width:700px;
  }
  .info_icon {
    font-size:38pt;
  }
  .help_nav {
    padding-top:38px;
  }
  .help_nav_prev, .help_nav_next {
    font-size:36pt;
    padding:18px 32px;
    border-radius:11px;
  }
  .help_nav_prev {
    margin-right:64px;
  }
  .help_nav_next {
    margin-right:14px;
  }
  #footer_container {
    width:100%;
    /* min-width:750px */
  }
  #privacy_statement {
    /* font-size:16pt; */
    display:none;
  }
  #copyright {
    font-size:22pt;
    line-height:42px;
  }
}
/* for laptops / tablets */
@media screen and (min-width:1001px) and (max-width:1366px) {
  body {
    padding-left:10%;
    padding-right:10%;
  }
  #header_container {
    width:80%;
    /* min-width:750px */
  }
  .edge_arrow {
    width:800px;
  }
  /*
  .edge_warning_1 {
    width:550px;
  } */
  .img_h275 {
    height:275px;
  }
  #footer_container {
    width:80%;
    /* min-width:750px */
  }
}