body {font-family: Arial,Verdana,Helvetica; background-color: #eeeeee}

div.banner {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 1200px;
    height: 130px;
    text-align:center;
    background-color: #eeeeee;
}

div.header {
    position: fixed;
    top: 130px;
    left: 10px;
    width: 1200px;
    height: 45px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: grey
}

div.left_column {
    position: fixed;
    top: 180px;
    left: 10px;
    width: 100px;
    height: 575px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: darkgrey;
    padding: 15px 15px;
}

#center_column {
    position: absolute;
    top: 185px;
    left: 170px;
    height: 575px; /* height: 400px; */
    width: 900px;
}

#center_column_left {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 440px;
}

#center_column_right {
    position: absolute;
    top: -5px;
    left: 460px;
    width: 450px;
    height: 605px;
    background-color: darkgrey;
}

div.right_column {
    position: fixed;
    top: 180px;
    left: 1080px;
    width: 100px;
    height: 575px;
    background-color: darkgrey;
    padding: 15px 15px;
}

#footer {
    position: fixed;
    top: 790px;
    width: 1200px;
    height: 100px;
    left: 10px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: grey
}

#basement {
    position: fixed;
    top: 890px;
    width: 1200px;
    height: 1000px;
    left: 10px;
    background-color: #eeeeee
}

#sliver {
    position: fixed;
    top: 785px;
    width: 1200px;
    height: 5px;
    left: 10px;
    background-color: #eeeeee
}

#tip_top {
    position: fixed;
    top: 0px;
    width: 1200px;
    height: 10px;
    left: 0px;
    background-color: #eeeeee
}

.bigButton {
    color: #00d044;
    font-size: 24px;
    background-color: #444444;
    vertical-align: top;
    border-radius: 10px;
}

.bigButton:hover {
    cursor: pointer;
}

#l6pointLeftJustified {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    padding: 30px 25px;
}

pre {
  color: #000000;
}

a:visited {
    color: #ffdd00;
}

a:hover {
    text-decoration: underline;
    color: white;
    /* background-color: #ff0000; */
}

a:active {
    color: yellow;
}

a:link { color: #0000ff; text-decoration: none}

.grid-container2 {
    display: inline-grid;
    grid-column-gap: 50px;
}

.item1 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.item3 {
    grid-column-start: 3;
    grid-column-end: 4;
}

.item5 {
    grid-column-start: 5;
    grid-column-end: 6;
}