html { height: 100%; }    
    #fullheight { height: 100%; }    

    body {
        color: #222222;
        background-color: #ecf3ff; 
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        height: 100%;        
    }
    
    div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
    h2 { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; }
    h3 { color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
    hr { color: #66667f; background-color: #66667f; border-width: 0; height: 1px; }
    li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
    p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
    td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
    th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
    small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
    table { text-align: left; }
    
    .page { background: #ffffff; }
    .subheader { color: #000000; font-size: 16px; font-weight: bold; }
    .subheader_larger { color: #000000; font-size: 18px; font-weight: bold; }
    .subheader_larger_invert { color: #fafaff; font-size: 18px; font-weight: bold; }

    a:link { color: #0066cc; text-decoration: none; }
    a:visited { color: #0066cc;  text-decoration: none; }
    a:active { color: #0066cc; text-decoration: none; }
    a:hover { color: #0066cc; text-decoration: underline; }

    .masthead {
        z-index: 50;
        position: absolute;
        background-color: #003555;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 76px;
        min-height: 76px;
        max-height: 76px;
        margin: 0;
        padding: 0;
        border: 0;
        margin: 0;
        text-align: right;
        vertical-align: middle;
        border-bottom: 1px solid #001533;
    }

    .masthead_left {
        z-index: 51;
        position: absolute;
        background-color: #003555;
        width: 254px;
        min-width: 254px;
        left: 0px;
        top: 0px;
        height: 76px;
        min-height: 76px;
        max-height: 76px;
        margin: 0;
        padding: 0;
        border: 0;
        text-align: left;
        vertical-align: bottom;
    }

    .queue_light {
        background-color: #eaecf6;
        border: 0;
        cursor: pointer;
        border-radius: 6px;
        font-weight: bold;
    }
    .queue_light:hover {
        color: #99ffff;
        background-color: #227aba;
        border-radius: 5px;
        font-weight: bold;
    }

    .queue_dark {
        background-color: #d3dbf5;
        border: 0;
        cursor: pointer;
        border-radius: 5px;
        font-weight: bold;
    }
    .queue_dark:hover {
        color: #99ffff;
        background-color: #227aba;
        border-radius: 5px;
        font-weight: bold;
    }

    .queue_disabled {
        background: #c5cfe5;
        color: #aaaab5;
        border-radius: 5px;
        font-weight: bold;
    }
    
    /* specific to practice site */

    .main_content {
        position: absolute;
        left: 0px;
        top: 106px;
        width: 100%;
        z-index: 1;
    }
    
    .main_footer {
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }

    .border {
        border-radius: 7px;
        background: #667783;
    }

    .generic {
        background: #ffffff;
        border-radius: 7px;
    }