﻿    

    .wideContentWrapper {
        width: 80% !important;
    }
    .clear {
        clear: both;
    }
    .breakSpace {
        height: 20px;
    }
    .welcome {
        font-size: 16px;
        padding: 15px 25px 0px 0px;
    }
    .contentHeader1 {
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0px 15px 0px;
    }
    .section{
        font-size: 16px;
        padding: 15px 25px 5px 0px;
        margin-left: 10%;
        text-align: left;
        height: 100%;
    }
    .sectionHeader1 {
        font-size: 18px;
        font-weight: bold;
        padding: 10px 5px 5px 5px;
    }
    .sectionContent {
        margin: 5px 0px 0px 0px;
    }
    .indentContent {
        margin-left: 20px;
    }
    .bigTable {
        margin: 0 auto;
        border: 1px solid black;        
    }
    .bigTable thead {
        font-size: 14px;        
    }
    .bigTable td {
        width: 125px;
    }
    .smallTable {
        border: 1px solid black;
        width: 100%;
        min-width: 300px;
        float: left;
    }    
    .smallTable tfoot {
        border-top: double;
    }
    .smallTableLeftCol {
        text-align: left;
        padding-left: 3px;
        width: 75%;
        min-width: 125px;
    }
    .smallTableRightCol {
        text-align: right;
        width: 25%;
        min-width: 70px;
        padding-right: 3px;
    }
    .indentSubLine {
        margin: 0px 0px 0px 50px;
    }
    .bigGrid1 {
        height: 30%;
        text-align: center;
        margin: 0px 15px 2% 0px;
        position: relative;
    }
    .bigGrid2 {
        height: 40%;
        text-align: center;
        margin: 0px 0px 2% 0px;
        position: relative;
    }
    .bigGrid3 {
        height: 40%;
        text-align: center;
        margin: 0px 0px 15px 0px;
        display: block;
        position: relative;
    }
    .bigLeft {
        float: left;
        width: 33%;
        height: 100%;
    }
    .bigCenter {
        float: left;
        width: 32%;
        height: 100%;                
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
    }
    .bigRight {
        float: left;
        width: 34%;
        height: 100%;
    }


    .bigGrid3 .bigLeft {
        float: none;
        width: 100%;
        border: none;
    }
    .bigGrid3 .bigCenter {
        float: none;
        width: 100%;
        height: 100%;
        border: none;
    }
    .bigGrid3 .bigRight {
        float: none;
        width: 100%;
        border: none;
    } 

    .bigGrid3 .section {
        width: 50%;
        margin: 0 auto;
    }

@media screen and (max-width: 1000px){
    .bigGrid3 .section {
        width: 75%;
        margin: 0 auto;
    }
    .bigLeft {
        float: none;
        width: 100%;
        height: 100%;
        border: none;
    }
    .bigCenter {
        float: none;
        width: 100%;
        height: 100%;
        border: none;
    }
    .bigRight {
        float: none;
        width: 100%;
        height: 100%;
        border: none;
    }

}