body,p {
    font-size: medium;
    font-family: "Times New Roman", Times, serif; 
    line-height: 133%;
}
h1,h2 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: x-large;
    font-weight: bold;
}
h3 {
    font-size: large;
    font-weight: bold;
}
h4 {
    font-size: medium;
    font-weight: bold;
}
h5 {
    font-size: medium;
    font-weight: normal;
}
pre {
    font-family: "Courier New", Courier, monospace;
    line-height: 100%;
}
p.nomargin { /* used for table of contents */
    margin-top: 0;
    margin-bottom: 0;
}
p.copyright {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: italic;
    line-height: 100%;
}
p.invisible {
    color: white;
    background-color: white;
}
img {
    max-width: 100%;
    vertical-align: top;
}
.break { 
    page-break-before: always; 
}
.red {
    color: red;
} 
.green {
    color: green;
} 
.blue {
    color: blue;
} 
button {
    height: 80px;
    width: 45%;
    text-align: center;
    font-size: xx-large;
}
hr.short {
    width: 65%;
    margin-top: 1em; 
    margin-bottom: 1em; 
}
table {
    width: 100%;
    vertical-align: top;
}
table.keyboard {
    font-family: "Courier New", Courier, monospace;
}
td.salsa1 {
    width: 10%;
    vertical-align: top;
    text-align: left;
}
td.salsa2 {
    width: 60%;
    vertical-align: top;
    text-align: left;
}
td.salsa3 {
    width: 30%;
    vertical-align: top;
    text-align: right;
}

div.center_body {
    text-align: left;
}
div.center_imgs {
    text-align: center;
    color: black;
    background-color: white;
    padding: 10px;
}

@media print {
body,p {
    line-height: 100%;
}
div.nobreak {
    break-inside: avoid;
    page-break-inside: avoid;
}
}

@media screen and (min-width:801px) and (orientation:landscape) {
body {
    background-color: black;
}
div.center_body {
    background-color: white;
    color: black;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
}

@media handheld {
div.center_body {
    max-width: 100%;
}
}