body {
    font-family: Georgia, 'Bitstream Charter', serif;
    font-size: 20px;
}

.footer {
    text-align: center;
    position: fixed;
    bottom:20;
}

.content {
    text-align: left;
}

.preLab {
    margin-left: 50px;
    display: block;
}

#contents{
    font-size: medium;
}

#tableHead {
    text-align: center;
    background-color: #27a3bf; /* light teal bg */
    color: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
}

/* allows alternating colors for tables */
#content tr.shaded{
  background-color: #eee;
}

.codeOutput {
    background-color: #fffaf0;
    color: black;
    font-family: "Courier New";
    font-weight: bold;
    padding: 5 10 5 10;
    display:inline-block;
    outline: black solid 1px;
}

.commandLine {
    background-color: black;
    color: #D9D9D9;
    font-family: "Courier New";
    font-weight: bold;
    padding: 5 10 5 10;
    display:inline-block;
}

.clGray {
    background-color: #D9D9D9;
    color: black;
}

.gs {
    color: #38DD00;    
}

/* user input */
.ui {
    color: #1E90FF;
}


/* general rules */
hr {
    background-color: #E7E7E7;
    border: none;
    clear: both;
    height: 1px;
}

/* make courier new bold */
tt {
    font-weight: bold;
    font-size: 110%;
}
pre {
    font-weight: bold;
    font-size: 110%;
}

table {
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    font-size: 20px;
}

td,th {
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    margin: 0px;
    padding: 4px 10px 4px 10px;
}

p + ul {
    margin-top: -20px;
}

/* need more semantic names for these 3 */
.warn {
    border: 2px solid #f0e6a6;
    background-color: #fff7c6;
    padding: 10px 20px;
    color: #444;
    margin-bottom: 15px;
}
.info {
    border: 2px solid #bae2f0;
    background-color: #e3f4f9;
    padding: 10px 20px;
    color: #444;
    margin-bottom: 15px;
}