body         { font-family: Bookman Old Style; font-size: 14pt; color: #000000 }
.initial     { text-indent: 0 }
.sidebar     { text-align: center; text-indent: 0 }
.small       { font-size: 9pt }

@media only screen and (max-device-width: 600px) {
p {
font-size: 30pt;
}
.notmobile {
display: none;
}
#order {
width: 100%;
}
}

h1           { font-family: Book Antiqua; color: #800000; font-size: 24pt; font-variant: small-caps; text-align: center; }
h2           { font-size: 18pt; font-family: Book Antiqua; font-style: italic }
h5           { font-family: Book Antiqua; font-size: 8pt }
a            { color: #800000; text-decoration: underline; }
a:visited    { color: #808000; text-decoration: underline; }
ul           { font-family: Bookman Old Style; list-style-image: 
               url('bullet.gif'); margin-top: 12; text-indent: 20; margin-left:40; }
p            { text-align: justify; text-indent: 40 }


/* Tooltip notes from W3Schools.com */
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    color: #800000;
	text-indent: 0;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    text-indent: 0;
	margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}