body{
  background-color: #f4e4d9;
}

div{
  margin-bottom: 3vh;
}

a.nodecorate{
  color: #000;
  text-decoration: none;
}

table td a{
  display: block;
}

table#options td a:hover{
  color: #fff;
  background-color: #113d5b;
}

.selected{
  color: #fff !important;
  background-color: #113d5b;
}

img{
  max-width: 100%;
}

.float-reset{
  clear: both;
  margin: 0;
}

#contents{
  padding: 20px 10px;
  background-color: #fff;
}

#header span{
  margin-right: 15px;
}

#options{
  text-align: center;
  border-collapse: separate;
  border-spacing: 0 5px;
  border: 0;
}

.header-img{
  height: 60px;
  margin-left: 8px;
  margin-bottom: 8px;
}

.menu-img{
  height: 80px;
}

#menubar{
  position: relative;
}

#menu_links{
  padding: 0;
  list-style-type: none;
}

#menu_links li{
  display: inline-block;
  padding-bottom: 10px;
}

.menu-back{
  display: inline-block;
  height: 80px;
  background: no-repeat center/100% url("../img/menu.png");
}

.menu{
  position: relative;
  width: 100%;
}

#menu_table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 0px;
}
.menuimg{
  width: 135px;
  height: 80px;
}

.menu-font{
  width: 100%;
  text-align: center;
  font-size: 80%;

  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
}

.archive{
  height: 90px;
  position: relative;
  top: -10px;
}

.fs-l{
  font-size: x-large;
}

.fs-m{
  font-size: medium;
}

.fs-s{
  font-size: small;
}

#main-contents img{
  max-width: 650px;
  width: 100%;
  margin-bottom: 15px;
}

.references{
  border: 1px solid #9f9f9f;

  background-color: #f5f5f5;

  padding-top: 15px;
  padding-bottom: 15px;

  font-size: 90%;
}

.document{
  width: 90%;
  padding: 0 20px;
  margin: 0 auto;
  line-height: 1.7;
}

.subhead{
  font-weight: bold;
}

.subtitle{
  font-size: 150%;
  font-weight: bold;
}

@media screen and (min-width: 768px){
#options{
  float: right;
  margin-right: 80px;
}
  
.right-contents{
  float: right;
}

#contents{
  width: 950px;
  margin: 0 auto;
}

#menubar{
  width: 930px;
  height: 80px;
  margin-top: 20px;
  background-image: url('../img/menuBackImg.png');
}

#menu-container{
  position: relative;
  width: 100%;
  top: -10px;
}

#menu_links li{
  margin-left: 8px;
}

.menu{
  display: block;
}

.menu li{
  width: 140px;
}
}

@media screen and (max-width: 767px) {
#menubar{
  width: 100%;
  height: 300px;
}

#menu-container{
  text-align: center;
}

#menu_links li{
  margin: 0 5px;
  padding-bottom: 3vh;
  width: 45%;
}

#main-contents img{
  display: block;
  margin: auto;
}
}