BODY {
    max-width:1280px;
    font-family: Arial, Verdana, san-serif;
    font-size: 10pt;
    padding: 0 5%;
    background-color: #82D8BC; /*#ACC4BC; #115740;*/
    color: #000000
}

.JumpToTOC {
    text-align: right
}

.ScreenShotImage {
    float:left;
    padding-right: 50px;
    width: 45%;
}
.ScreenShotImageSideBySide {
	display:inline;
    padding-right: 50px;
    width: 35%;
}

p {
    margin: 20px 0px 0px 0px;
}

H1 {
    text-align: right
}

H2 {
    text-align: right
}

a {
    color: #000000; /*b4b6b5;*/
}

ol { margin-left:0px; }

.sectionHeader {
    font-weight: bold;
    text-decoration: underline;
    /*margin-bottom: -10px*/
}

    @media only screen and (max-width:767px) and (orientation:portrait) { /* mobile portrait */
        body {
            font-size: 14pt
        }

        xbody {
            border: solid 2px pink
        }
        /* pink */
    }

    @media only screen and (max-width:767px) and (orientation:landscape) { /* mobile landscape */
        xbody {
            border: solid 2px #ffcc66
        }
        /* light orange */
    }

    @media only screen and (min-width:768px) and (min-height:768px) { /* tablet */
        body {
            font-size: 14pt
        }

        xbody {
            border: solid 2px red
        }
        /* light red */
    }

    @media only screen and (min-width:768px) and (max-height:768px) { /* tablet */
        xbody {
            border: solid 2px #ffccff
        }
        /* light purple */
    }

@media only screen and (min-width:1024px)and (max-width:1280px) { /* desktop */
    body {
        font-size: 18pt
    }

    xbody {
        border: solid 2px #9999ff
    }
    /* light blue */
}

.footer {
    text-align: center;
    font-size: 80%
}

}