body, td, div {
font-family:'Times New Roman', 'Arial Narrow', 'Tahoma';
font-size:16px;
color:#444;
text-align:center;
text-decoration:none;
padding:0;
margin:0 auto;
}

@media screen and (max-width:490px) {
.hide490 {
display:none !important;
}}

@media screen and (max-width:440px) {
.hide440 {
display:none !important;
}}

@media screen and (min-width:441px) {
.hide441 {
display:none !important;
}}

.iframe-video {
width:100%;
aspect-ratio:auto 16/9;
border-radius:20px;
}

img {
border-style:none;
border-radius:20px;
}

#header-img {
width:100%;
max-width:480px;
aspect-ratio:auto 240/43;
}

.main-img {
width:100%;
aspect-ratio:16/9;
clear:both;
}

#title-gif {
width:100%;
max-width:500px;
aspect-ratio:90/11;
}

table {
padding:0;
border-collapse:collapse;
border-style:none;
margin:0 auto;
}

body#map-chain {
background-image:url('/images/map-chain.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%;
margin:0;
padding:0;
background-position:50% 0;
}

body#white {
background-color:#FFF;
}

body#grey {
background:linear-gradient(#CCC, #FFF 75%);
background-attachment:fixed;
padding:0;
margin:0;
}

body#pictures {
width:98%;
background-color:#CCC;
margin:5px;
}

section#title {
width:100%;
max-width:1000px;
background-color:#FFF;
border-radius:20px;
box-shadow:5px 0 5px #888, -5px 0 5px #888;
margin:10px auto;
box-sizing:border-box;
clear:both;
}

article#content {
width:100%;
max-width:1320px;
background-color:#FFF;
border-radius:20px;
box-shadow:5px 0 5px #888, -5px 0 5px #888;
padding:0 20px 10px 20px;
margin:10px auto;
box-sizing:border-box;
clear:both;
}

div#base {
height:36px;
width:100%;
background-image:url('/images/bot_2.gif');
background-repeat:repeat-x;
box-shadow:0 -3px 3px #DDD;
box-sizing:border-box;
clear:both;
}

div#footer {
width:100%;
max-width:800px;
background-color:#FFF;
border-radius:20px;
box-shadow:5px 0 5px #888, -5px 0 5px #888;
margin:10px auto;
box-sizing:border-box;
}

div.left {
text-align:left;
}

div.justify {
text-align:justify;
clear:both;
}

div.radius {
border-radius:15px;
border:3px solid #C80;
text-align:center;
background-color:#CCC;
padding:0 15px;
margin:10px;
clear:both;
}

a:hover {
color:#C00;
font-family:'Times New Roman', 'Arial Narrow';
text-decoration:underline;
}

h1 {
font-size:32px;
}

h2 {
font-size:24px;
}

h3 {
font-size:18px;
}

.txt1 {
font-family:'Times New Roman', 'Arial Narrow';
font-size:10px;
color:#444;
text-decoration:none;
font-weight:bold;
}

.txt2 {
font-family:'Times New Roman', 'Arial Narrow';
font-size:12px;
color:#F00;
text-decoration:none;
font-weight:bold;
}

.txt3 {
font-family:'Times New Roman', 'Arial Narrow';
font-size:16px;
color:#444;
text-decoration:none;
font-weight:bold;
}

.txt3 a:link, a:visited {
font-family:'Times New Roman', 'Arial Narrow';
font-size:16px;
color:#444;
text-decoration:none;
font-weight:bold;
}

.txt3 a:hover {
font-family:'Times New Roman', 'Arial Narrow';
font-size:16px;
color:#F00;
text-decoration:none;
font-weight:bold;
}

#terms li {
margin-bottom:16px;
text-align:justify;
}

td.blank {
background-color:#FFD;
border:ridge #EEE 3px;
font-weight:bold;
width:25%;
}

td.disp-area {
width:100%;
max-width:425px;
}

div.disp-wrap {
width:100%;
max-width:950px;
}

div.disp-topleft {
font-size:18px;
font-weight:bold;
float:left;
text-align:left;
padding-left:5px;
}

div.disp-topright {
font-size:18px;
font-weight:bold;
float:right;
text-align:right;
padding-right:5px;
}

div.disp-address {
font-size:16px;
text-align:left;
padding:0 5px;
clear:both;
}

div.disp-text {
font-size:16px;
text-align:justify;
padding:0 5px;
clear:both;
}

div.disp-left {
font-size:16px;
float:left;
text-align:left;
padding-left:5px;
color:#00C;
}

div.disp-right {
font-size:16px;
float:right;
text-align:right;
padding-right:5px;
color:#00C;
}

table.center {
margin:0 auto;
padding:0;
border-collapse:collapse;
}

.rope {
border-style:none;
width:70%;
max-width:800px;
aspect-ratio:40/1;
display:block;
margin:0 auto;
}

.disp-pic1 {
border:ridge #C80 4px;
height:180px;
width:240px;
float:left;
margin:0 2px;
}

.disp-pic2 {
border:ridge #C80 4px;
height:180px;
width:240px;
float:right;
margin:0 2px;
}

.mail {
border-style:none;
height:16px;
width:42px;
}

hr {
display:block;
color:#C80;
background-color:#C80;
height:2px;
width:90%;
text-align:center;
margin:10px auto;
}

.pic-menu {
border:ridge #C80 4px;
height:120px;
width:160px;
}

.pic-small {
border:ridge #C80 4px;
height:90px;
width:120px;
margin:0 1px;
}

img.footer-left {
height:70px;
width:90px;
float:left;
padding:5px;
margin-left:50px;
}

img.footer-right {
height:70px;
width:90px;
float:right;
padding:5px;
margin-right:50px;
}

div.menu {
height:30px;
width:100%;
max-width:486px;
padding:0;
background-color:transparent;
text-decoration:none;
}

div.menu ul {
display:inline;
margin:0; 
padding:0; 
position:relative; 
}

div.menu li {
float:left;
list-style:none;
height:30px;
width:97px;
font-family:Arial, Tahoma, 'Times New Roman';
font-size:8px;
color:#444;
text-align:center;
text-decoration:none;
font-style:normal;
font-weight:bold;
line-height:33px;
position:relative;
background-color:#F2F2F2;
background-image:url('/images/BL-blank.jpg');
background-repeat:no-repeat;
background-size:97px 30px;
background-position:top left;
}

div.menu a {
text-decoration:none;
color:#000;
display:block;
height:30px;
border-radius:10px;
}

div.menu a:hover, div.menu a:focus, div.menu a:active {
font-family:Arial, Tahoma, 'Times New Roman';
font-size:8px;
color:#E00;
text-decoration:none;
background-color:#DDD;
background-image:url('/images/BL-blank-1.jpg');
background-repeat:no-repeat;
background-size:97px 30px;
background-position:top left;
height:30px;
margin:0;
}

div.menu li ul {
display:none;
width:97px;
margin:0;
position:absolute; 
top:100%;
left:0;
}

div.menu li ul li {
display:block;
padding:0;
margin:0;
text-align:center; 
background-image:none;
border:1px solid #AAA;
border-top:0;
border-radius:10px;
z-index:10;
}

div.menu li ul li a {
color:#000;
background-image:none !important;
}

div.menu li ul li a:focus, div.menu li ul li a:active {
background-image:none !important;
}

div.menu li:focus ul, div.menu li:active ul { 
display:block; 
}

div.menu ul:focus ul ul, div.menu ul:active ul ul {
display:none;
}

div.menu ul ul li:focus ul, div.menu ul ul li:active ul {
display:block;
width:97px;
margin:0;
position:absolute;
top:0;
left:96px;
}

div.menu ul li:focus > ul, div.menu ul li:active > ul {
display:inherit;
}

div.menu a:focus + ul, div.menu a:active + ul {
display:inherit;
}

td.timeline-a, th.timeline-a {
width:10%;
border:ridge #CCC 3px;
padding:0 5px;
}

td.timeline-b, th.timeline-b {
width:90%;
border:ridge #CCC 3px;
padding:0 5px;
}