body {
    margin: auto ;
    background-color: #a0d8ef ; /* sorairo, skyblue */
    font-size: 14px ;
    font-family: Helvetica, arial ;
}
h1, h2{
    font-family: serif;
    }
header, footer, article, section, nav {
    display: block;
}
header {
    text-align: center ;
    width: 90% ;
    margin: auto ;
    }
nav {
    border-top: solid 1px ;
    border-bottom: solid 5px ;
    text-align: center ;
    margin-bottom: 30px ;
   font-size: large ;
   font-color :#fafdff ;
   }
nav a:link { color: black }
nav a:visited{ color: black}
nav a:hover{ color: #ffedab}
nav a ;:active{ #ffedab }

nav a.otherpage:hover{ color: #f6b483}
nav a.otherpage:active{ color: #f6b483}

nav li {
   display: inline-block; 
   text-align: center;
   margin-right: 15px ;
   margin-left: 15px ;
}
nav h2{
   display: none;
   }
article {
    margin: auto;
    width: 95% ;
    }
section{ 
    margin-bottom: 20px ;
    padding-bottom: 10px ;
    background-color: #fafdff ; /* snow white */ 
    }

section {
    width: 88% ; 
    float: left;
    margin-left : 3% ;
    padding-left: 3% ;
    padding-right: 3%;
    margin-right :3% ;
    }

section footer{
    border: 0px ;
    text-align: right ;
    margin-top: -10px ;
    font-size: 200% ;
    }
section h2{
    border-bottom: solid 3px;
    text-align: center ;
    }
section li {
    margin-bottom: 8px ;
    list-style-type: circle ;
    }
a {
    text-decoration: none;
    }
a:link { color: #660066 }
a:visited{ color: #336600 }
a:hover{ color: grey }
a:active{ color: grey }

div#center{
    text-align: center ;
    padding: 10px ;
    margin: 0 auto ;
    }

img.flag{
    border:  solid 1px;
    margin-bottom: -1px ;
    margin-left: 5px ;
}

p.paragraph{
    text-indent: 2em ;
    }

object {
    width: 100% ;
    height: 45em ;
}

dt{
    margin-top: 1em ;
    }

table, td, th{
    border: 1px solid;
    }