@charset "UTF-8";
/* CSS Document */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Add all general rules here; they will be inherited by larger devices */
header
{
    text-align: center ;
    background-image: url("../img/logos/accelerate/AccelerateLogo.png") ;
    background-repeat: no-repeat ;
    background-position: top right ;
    padding-top: 36px ;
    margin-top: 5px ;
}

body, td, th
{
    font-family: "Trebuchet MS", Verdana, "sans-serif" ;
    text-align: left ;
    vertical-align: top ;
    line-height: normal ;
}

#courseTitle
{
    font-size: 250% ;
    font-weight: bold ;
}

#courseSubtitle
{
    font-size: 150% ;
    font-weight: bold ;
    font-style: italic ;
    margin-bottom: 20px ;
}

#content
{
    border-left: 3px solid #EEE ;
}
h1, h2, h3, h4, h5, h6
{
    margin-top: 60px ;
    border-bottom: 1px solid gray ;
    page-break-after: avoid ;
    break-after: avoid-page ;
}

h1
{
    font-size: 175% ;
}

h2
{
    font-size: 135% ;
}

h3
{
    font-size: 105% ;
}

h4
{
    font-size: 95% ;
    font-style: italic ;
}

img
{
    margin-top: 6px ;
    margin-bottom: 6px ;
    border: 1px solid gray;
    break-before: avoid-page ;
    page-break-before: avoid ;
}

ol, ul
{
    margin-left: 0px ;
    padding-left: 20px ;
}

li
{
    margin: 16px 0px 0px 0px ;
    padding: 0px ;
}

video
{
    margin-bottom: 20px ;
    border: 1px solid gray ;
}

.nav
{
/*    margin-top: 20px ;
*/    margin-bottom: 20px ;
    background-color: #EEE ;
    text-align: center ;
}

.navBack
{
    text-align: left;
}

.navFwd
{
    text-align: right;
}

#copyright
{
    font-size: 90% ;
    font-style: italic ;
    color: gray ;
    text-align: center ;
    margin-top: 50px ;
}

.seeIt
{
    font-style: italic ;
}

.typeIt
{
    font-family: Courier, "Courier New", monospace ;
    font-size: 110% ;
    font-weight: bold ;
}

.clickIt
{
    font-weight: bold ;
    color: #000000 ;
}

.spreadsheet th
{
    text-align: center ;
    background-color: #ddd ;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) 
{
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) 
{
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) 
{
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{
    
}

@media print
{
    body
    {
        font-size: 100% ;
        orphans: 2;
        widows: 2;
    }
}

@page 
{
    margin-left: 1.5in ;
    margin-right: 1in ;
}