body {
        color: #444444;
        background-color: #FFFFFF; // #EEEEEE;
        font-family: 'Trebuchet MS', sans-serif;
        font-size: 1.6vw; // 100%; 16px; etc.
    }
    h1 {}
    h2 { font-size: 120%; } // was 1.2em
    #page{
        background-color: #FFFFFF;
        width: 60%;
        margin: 24px auto;
        padding: 12px;
    }
    #header{
        padding: 6px ;
        text-align: center;
    }
    .header{ background-color: #83A342; color: #FFFFFF; }
    #content {
        padding: 4px 0 24px 0;
    }
    #footer {
        color: #666666;
        background: #f9f9f9;
        padding: 10px 20px;
        border-top: 5px #efefef solid;
        font-size: 0.8em;
        text-align: center;
    }
    #footer a {
        color: #999999;
    }

    .p .ds {
 	margin-bottom: 5rem;
    }
    
.navigation {
   margin: 0, auto;
   background-color: #BBE700;
   color: #666666;
   border-spacing: 60px 10px;
   letter-spacing: 2px;
}

.grayed {
   background-color: #D0D0D0;
}

.wrapper{
    width: 300px;
    margin: 0 auto;
}

table.o    {  border-collapse: collapse; border: 2px solid black; min-width: 66%; }

td.o, th.o {  border: 2px solid black; }