body {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 78%;
    line-height: 1.5em;
    padding: 20px;
    /*
    background-attachment: fixed;
    background-clip: border-box;
    background-image: url(BOT-main-global-graybook.jpg);
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    */
}
ul { list-style:none; } 
div.header {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    font-size: 120%;
}
h1 {
    font-size: 115%;
	text-align: center;
    margin-bottom: 0em;
    clear: both;
}
div.header div.date {
    float: left;
    width: 100%; /*33%;*/
    clear:both;
}
div.header span {
    float: left;
    display: inline-block;
    width: 20%; /*33%;*/
}
div.header span.right {
    float: right;
    display: inline-block;
    width: 20%; /*33%;*/
}
div.header span.right-info-link {
    float: right;
    display: inline-block;
    width: 20%; /*33%;*/
}
.header span.center {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 0;
}
.campus-heading {
    width: 100%;
    text-align: center;
    font-size: 120%;
}
.back-to-TOC-heading {
    width: 100%;
    font-size: 120%;
}
table {
    width: 100%;
    border-collapse: collapse;
    /*border: 1pt solid #959595; Border defined to demonstrate structure -- remove when finished */
    margin-bottom: 10px;
}
thead th {
    /*border-top: 1px solid #000;*/
    border-bottom: 1px solid #000;
    vertical-align: bottom;
}

th {
    /*border: 1pt solid #959595;*/
    color: #ffffff;
    font-size: 120%;
    font-weight: bold;
    /*background-color: #66aad7;*/
    /*background-color: #e8f7fe;*/
}

th.empl-heading {
    text-align: left;
    /*color: #ffffff;*/
    color: #000000;
    width: 26%; /*18em;*/
    font-size: 120%;
    font-weight: bold;
    /*background-color: #66aad7;*/
    /*border-right: 1px solid #000000;*/
    /*border-left: 1px solid #000000;*/
    border-bottom: 1px solid #000000;
}
th.job-heading {
    width: 26%; /*18em;*/
    text-align: left;
    /*color: #ffffff;*/
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    /*background-color: #66aad7;*/
    /*border-right: 1px solid #000000;*/
}
th.ten-heading {
    width: 15%; /*18em;*/
    text-align: center;
    /*color: #ffffff;*/
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    /*background-color: #66aad7;*/
    /*border-right: 1px solid #000000;*/
}
th.empclass-heading {
    width: 15%; /*18em;*/
    text-align: center;
    /*color: #ffffff;*/
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    /*background-color: #66aad7;*/
    /*border-right: 1px solid #000000;*/
}

th.presfte-heading, th.propfte-heading, th.pressal-heading {
    /*border-right: 1px solid #000000;*/
    /*color: #ffffff;*/
    color: #000000;
}
th.propsal-heading {
    /*border-right: 1px solid #000000;*/
    /*color: #ffffff;*/
    color: #000000;
}
th, td {
    padding: 2px 5px;
}
th.college-heading {
    text-align: left;
    font-size: 120%;
    color: #000000;
    background-color: #ebebeb;
    border: 1px solid #000;
}
th.dept-heading {
    border: 1px solid #000;
    text-align: left;
    padding-left: 2em;
    font-style: italic;
    font-size: 120%;
}
th.empl {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    color: #000000;
    width: 18em; /* 18em */
    /*background-color: #e8f7fe;*/
}
th.total {
    text-align: left;
    font-weight: normal;
    font-style: italic;
    color: #000000;
    /*background-color: #e8f7fe;*/
    /*background-color: #ffffe5;*/
}

td {
    text-align: center;
    width: 10%;
    /*border: 1pt solid #959595;*/
    /*background-color: #ffffe5;*/
}

td.empl {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    color: #000000;
    width: 18em; /* 18em */
    /*background-color: #e8f7fe;*/
}

td.job {
    text-align: left;
    font-weight: normal;
    width: 26%; /* 18em */
}

td.tenure {
    width: 15%; /*18em;*/
    text-align: center;
    color: #000000;
}

td.empclass {
    width: 15%; /*18em;*/
    text-align: center;
    color: #000000;
}

td.italic {
    font-style: italic;
}
td.italic-right {
    font-style: italic;
    text-align: right;
}

td.italic-left {
    font-style: italic;
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.visually-hidden {
    margin: -1px;
    padding: 0;
    position: absolute;
    top: -30em;
    left: -300em;
    clip: rect(0,0,0,0);
    height: 1px;
    width: 1px;
}
.topBorder { margin-top: 20px; border-top: 1pt solid #959595; } 
.btmBorder { border-bottom: 1pt solid #959595; border: 1pt solid #959595; }

/* FOR PRINTING THE DOCUMENT USING A BROWSER'S PRINT FUNCTION */
@media print { 
    body { 
        font-size: 9pt;
        line-height: 1.1;
        
    }

    .header { 
        margin-bottom: 12px;
    }

    .header span { 
        font-size: 7pt;
    }

    h1 { 
        font-size: 11pt;
    }
    h2 { 
        font-size: 10pt;
        margin-bottom: 0;
    }

    h3 { 
        font-size: 9pt;
        margin-bottom: 0;
    }

    thead th, tbody td, th.job-heading, th.empl-heading, th.ten-heading { 
        font-size: 8pt;
    }

    div.header span.right-info-link { 
        display: none;
    }

    .back-to-TOC-heading, span.right-info-link { 
        display: none;
    }
    
}
