body{font:13px Trebuchet MS, Verdana, Arial;margin:0;padding:0;overflow-y:scroll;}
a{text-decoration:none;}
p{line-height:17px;margin-top:0;padding-top:0;}
#master{width:845px;margin:auto;}
#header{padding:10px}
#header img {float:left;width:160px;height:*;//margin-left:-3px}
#header div{float:right;width:205px;text-align:right;padding-right:12px;margin-top:15px;}
#header div a,#header div a:visited,#subhead a,#subhead a:visited{color:black;}
#header div a:hover,#subhead a:hover{color: #c91400;}
h1{color:#3A3939;font:bold 25px Trebuchet MS, Verdana, Arial;}
h2{font:bold 25px Trebuchet MS, Verdana, Arial;padding:4px 4px 4px 9px;margin:0;clear:both;}
h3{font:bold 22px Trebuchet MS, Verdana, Arial;color: #c91400; padding:4px 4px 0 9px;margin:0;}
#subhead{height:20px;padding-left:18px;width:770px}
.content{width:560px;margin:10px 0px 0 18px;min-height:300px}
.content a,.content a:visited{color:black} .content a:hover{color:#c91400;}
.content table{font:13px Trebuchet MS, Verdana, Arial;}
#zite{color: #c91400;}
#dia{height:419px;width:*;}
ul,ol{padding:0;margin:0;padding-left:16px;margin-left:0;font-weight:normal;}
ol{//margin-left:6px;}
ul li{list-style-type: circle; padding-bottom:4px;padding-top:4px;}
ol li{margin:4px;font-style:italic}
#showtable{font:20px Verdana;color:#c91400;cursor:pointer;vertical-align:bottom;}
#menu{position:fixed;top:262px;width:220px;right:15px;right: calc(50vw - 417px);
text-align:right;z-index:6;
lleft:calc((100vw - 840px) / 2 + 610px})}
#menu a,#menu a:visited{color: #c91400; display:block;margin:9px;}#menu a:hover{color:black}
#menu a.current{color:black;}
#footer{padding:10px 0 10px 0 ;margin:20px 0 10px 20px;border-top:1px solid gray;width:560px;}
#footer a,#footer a:visited{color: #c91400;} #footer a:hover{color:black}
#footer div {width:64px;float:right;text-align:right;display:none;margin:;padding:0;}#footer div img{opacity:0.5;filter:alpha(opacity=50);}
.local_map{display:none;}
.mp, .hamburger{display:none}

@media (min-width: 320px) and (max-device-width: 1024px) and (orientation: portrait) {
	#master{max-width:100vw}
	h2{font-size: 16px;padding: 4px 0 4px 0;}
	h3{padding: 4px 4px 0 0;font-size:19px}
	#header img {  float: left;  width: 100px;}
	#subhead{max-width: 96vw;margin: 10px 0px 0 0px;padding:0}
	.content{max-width: 96vw;  margin: 6px;}
	.content img{max-width:100%}
	#footer { max-width: 96vw; padding: 10px 0 10px 0;  margin: 20px 10px 10px 10px;text-align: center;	}
	 #menu {
    background: white;
    padding: 24px;
    top: 180px !important;
    position: absolute;
    width: 100%;
    left: unset!important;
    right: 4px;
    display: none;
    z-index: 200;
	
  }
  iframe{max-width:95vw;height:660px!important}
  .mp{display:inline}
  .nomp{display:none;}
  .mp.hamburger{display:inline-block;position:absolute;right: 16px;    top: 60px;    font-size: 44px;}
}

@media  (min-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
	#master{max-width: 100vw;width: 100vw;}
	#subhead{max-width: 67vw;margin: 10px 0px 0 0px;padding:0}
	#footer{max-width: 67vw;margin: 10px 0px 0 0px;font-size:12px;text-align: center;}
	.content{max-width: 67vw;margin: 10px 0px 0 0px;padding:0 10px 0 10px}
	#menu {  position: fixed;  top: 100px;left: unset !important;    right: 24px;}
	#header img {  float: left;  width: 90px;}
	/div{border:dotted green}
	.noml{display:none;}
	h2{/float:left;font-size: 16px;padding: 4px 0 4px 0;}
	h3{/float:left;padding: 4px 4px 0 0;}
	iframe{max-width:67vw;width:67vw;}
}