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

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

#header {
   background-color: #007dc1;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 13pt;
   text-align: right;
   padding: 24px;
}

#header a {
    -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
    box-shadow:inset 0px 1px 0px 0px #9acc85;
        
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
        
    background-color:#74ad5a;
        
    border:1px solid #3b6e22;
        
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:14pt;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;    
}

#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   background-color: #007dc1;
   padding-top: 10px;
   padding-bottom: 10px;
}

#footer a {
   font-family: Verdana;
   font-size: 10pt;
   font-weight: bold;
   padding: 10px;
   color: #FFFFFF;
}

#footer a:hover {
   background-color:#74ad5a;
   color: #ffffff;
}