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

h1 {
font-size: 24px;
font-weight: normal;
font-family:  Arial, Helvetica, Verdana, Sans-Serif;
line-height: 32px;
color: #cccc00;
padding-left: 8;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}

div#hidden {display: none; }

#container {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
}

#content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    }

#infotext {
font-size: 12px;
font-family:  Arial, Helvetica, Verdana, Sans-Serif;
color: #ffffff;

}

.smaller {
font-size: 11px;
}

.plaintext {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
}

.infopad {
padding-top: 23px;
padding-left: 8px;
padding-right: 5px;
padding-bottom: 5px;
}

.desc {
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
font-size: 12px;
color: #cccc00;
}

.infopad a {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: white;
font-weight: normal;
text-decoration: none;
}

.infopad a:hover {
color: #996699;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}