/* grid container */
.holy-grail-grid {
    display:grid;
    grid-template-areas:
        'header'
        'main-content'
        'left-sidebar'
        'right-sidebar'
        'footer';
}

/* general column padding */
.holy-grail-grid > * {
    padding:1rem;
}

/* assign columns to grid areas */
.holy-grail-grid > .header {
    grid-area:header;
    background: #000000;
}
.holy-grail-grid > .main-content {
    grid-area:main-content;
    background: #000000;
    width: 80%;
    margin-left: 1%;
    margin-right: 90%;

}
.holy-grail-grid > .left-sidebar {
    grid-area:left-sidebar;
    background: #000000;
    left: 0%;
    width: 30%;
    font-size: 11px;

}
.holy-grail-grid > .right-sidebar {
    grid-area:right-sidebar;
    background: #000000;
    margin-left: 63%;
    margin-right: 95%;
    width: 30%;

}
.holy-grail-grid > .footer {
    grid-area:footer;
    background:#72c2f1;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .holy-grail-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'header header'
            'main-content main-content'
            'left-sidebar right-sidebar'
            'footer footer';
    }
}

/* desktop breakpoint */
@media (min-width:1080px) {
    .holy-grail-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:
            'header header header header'
            'left-sidebar main-content main-content right-sidebar'
            'footer footer footer footer';
    }
}
TABLE {
border: 0;
rules: none;
align: left;
color: white;
border-style: solid;
border-color: white;
}



TD {
font-family: Tahoma, Verdana, sans-serif;
font-size: 10px;
}

TH {
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
background-color: #222;
color: #fff;
}



A:link {
background-color: transparent;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
text-decoration: underline;
}

A:visited {
color: #000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
text-decoration: underline;
}

A:hover {
color: #f00;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
text-decoration: underline;
}