body {
    height:100%;
    padding:0;
    margin:0;
    font-family:sans-serif;
    /*background-color: #fad7c3;*/
    background-image: url('../images/backvert.png');
    background-repeat: repeat-x;
}
        
a:link {
    text-decoration:none;
}

h1 {
    color: brown;
}

h1 a:link {
    color:white;
}

.content {
    padding:4px;
}

.chinese {
    font-weight:bold;
    color:#FF0000;
}

h2 {
    color:#CCCCCC;
    font-style:italic;
}

.info {
    border-radius: 10px; /* future proofing */
    background-color:white;
    padding:1%;
    margin:1% 2% 2% 1%;
}

.navbutton, .navbuttonselected {
    border-radius: 10px; /* future proofing */
    border: thin solid gray;
    padding:4px;
    margin:4px;
    float:left;
    text-align:center;
    color:white;
}

.navbutton {
    background-color: #038efa;
}

.navbuttonselected {
    background-color: #008;
}

.navbutton:hover {
    background-color: green;
}

.page_header {
    padding:4px;
    background-size: cover;
    background-image: url('../images/headbackhoriz.png');
    border-radius: 10px; /* future proofing */
}

.tablespacer {
    width: 20px;
}

.thislang {
    color: black;
}

.thatlang {
    color: white;
}

.wrapper {
    position:relative;
    z-index:1;
    margin-left:auto;
    margin-right:auto;
    margin-top: 4px;
    min-height:800px;
    max-width: 960px;
    background-color:antiquewhite;
    background-image:url('../images/mainvert.png');
    background-repeat:repeat-x;
    border-radius: 10px; /* future proofing */
}

.mail {
    color: blue;
}

html {font-size: 16px;}
@media (max-width: 576px) {
    p { font-size: 0.8em; }
    h1 { 
        font-size: 1em; 
    }
    td { font-size: 0.8em; }
    li {font-size: 0.8em}
    .spacer {height: 0.8em;}
    .bighead {
        font-size: 1.2em;
        font-weight: bold;
        font-style: italic;
        text-shadow: 3px 3px 0 red;
    }
    .navbutton {
        font-size: 0.8em;
    }
}
@media (min-width: 577px) {
    p { font-size: 1em; }
    h1 { 
        font-size: 1.8em; 
    }
    td { font-size: 1em; }
    li {font-size: 1em}
    .spacer {height: 2em;}
    .bighead {
        font-size: 2em;
        font-weight: bold;
        font-style: italic;
        text-shadow: 3px 3px 0 red;
    }
    .navbutton {
        font-size: 1em;
    }
}