:root {
    --irc-header-color:  #0047ab;
    --irc-body-color: snow;
    --selected-link-color: #49484c;
    --footer-height: 44px;
}

body {
    background:  var( --irc-body-color );
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    font-family: arial, sans-serif;
    margin-bottom: var( --footer-height );
}

.page-header table {
    width: 1000px;
    color: var( --irc-body-color );
    background-color: var( --irc-header-color );
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    font-family: arial, sans-serif;
    font-weight: 550;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: var( --irc-body-color );
    table-layout:fixed;
}

/* Set the height of the first <tr> to be large */
.page-header tr:first-child td {
    font-size: 30px;
    fint-family: arial, sans-serif;
    font-weight: bolder;
}

/* Set the margin below the first row */
.page-header tr:first-child {
    height: 50px;
    vertical-align: top;
}
			  
/* Set the height of the third <tr> to be small.  This row only exists */
/* so that we can change its background color to show which page we're on.*/
.page-header tr:nth-child(3) {
    line-height: 5px;
    background-color: var( --irc-header-color );
}

/* Keep same color when a link is visited or unvisited. */
/* DO underline when we hover over a link. */
.page-header a:link {
    color: var( --irc-body-color );
    text-decoration: none;
}

.page-header a:visited {
    color: var( --irc-body-color );
    text-decoration: none;
}

.page-header a:hover {
    color: var( --irc-body-color );
    text-decoration: underline;
}

.page-footer {
    position: fixed;
    bottom:   0px;
    width:    100%;
}

.page-footer table {
    width: 1000px;
    height: var( --footer-height );
    color: var( --irc-body-color );
    background-color: var( --irc-header-color );
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: middle;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: var( --irc-header-color );
    border-right-style: solid;
    border-right-width: 4px;
    border-right-color: var( --irc-header-color );
}

.page-footer td:first-child {
    text-align: left;
}

.page-footer td:last-child {
    text-align: right;
}

.page-body {
    overflow: auto;
    height: 80%;
}

.page-body {
    width:  980px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}

.page-body h1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var( --irc-header-color );
    font-family: arial, sans-serif;
    font-size: 28pt;
}