html,body {
    margin:0;
    padding:0;
    height:100%;
}

#outermost-container {
    min-height:100%;
    position:relative;
}

#main {
    margin: 0 auto !important; 
    padding:0 .5in;
    padding-bottom:3em;
    max-width: 5.5in;
}

#widemain {
    margin: 0 auto !important; 
    padding:0 .35in;
    padding-bottom:3em;
    max-width: 6.5in;
}

p {
    text-align: justify;
}

#header {
    background:#D5DBDB;
    padding:10px;
    padding-bottom:1em;
    border-bottom: 2px black solid;
}

#footer {
    position:absolute;
    bottom:0;
    width:100%;
    background:#D5DBDB;yes
		       
    height:2em;   /* Height of the footer */
    padding-top: 1em;
    padding-bottom: .5em;
    border-top: 2px black solid;
}

a.bold:link {
    font-weight:bold;
    text-decoration: none;
}

a.bold:visited {
    font-weight:bold;
    text-decoration: none;
}

a.bold:hover {
    color:red;
    text-decoration: none;
}

a:link {
    font-weight:500;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    color:red;
    text-decoration: none;
}


span.left {
    margin-left: 1in;
}

span.right {
    float: right;
    margin-right: 1in;
}

span.code {
    font-family: "monospace";
    font-size: smaller;
}

div.code {
    background-color: grey;
}

.needhelp {
    background-color: yellow;
}

p.backround {
    font-weight: 200;
    color: gray;
}

table.us td {
    text-align: center;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
}

.vmid {
    vertical-align: middle;
}