html {
    height: 100%;
}

body {
    color: #333333;
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 100%;
    background: #666666;
    text-align: center;
    margin-top: 0;
    margin-bottom: -128;
    height: 100%;
}

#container {
    min-height: 100%;
    background-image: url('images/rd2.png');
    background-color: #ffffff;
    background-repeat: no-repeat;
    max-width: 1000px; 
    /* This is a work around for IE */
    width: expression(document.body.clientWidth > 1000? "1000px": "auto" );
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding: 1em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

/*
 * IE Fix: http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/
 */
* html #container {
height: 100%;
}

#icons {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.icon a:hover {
    border: 1px solid #8888ff;
    margin: 20px;
}

.icon {
    text-align: center; 
    display: table-cell;
}

.icon a {
    display: block;
    width: 120px;
    margin: 21px;  
    padding: 20px;
    text-decoration: none;
}

.large-icon a:hover {
    border: 1px solid #8888ff;
    margin: 20px;
}

.large-icon {
    text-align: center; 
    display: table-cell;
}

.large-icon a {
    display: block;
    width: 380px;
    margin: 21px;  
    padding: 20px;
    text-decoration: none;
}

img {
    border: 0px;
    padding: 5px;
}

.msg {
      border-bottom: 1px solid black;
      border-top: 1px solid black;
      text-align: left;
      padding: 0.5em;      
}

h1 {
    color: #990000;
}