/* Global */

* {
    margin: 0;
    padding: 0;
    }
body {
       text-align: center;
       background: #555555;
       vertical-align: top;
       margin: 0;
       padding: 0;
       }
h1 { 
     font-size: 20px;
     }
h2 { 
     padding-top: 6px;
     font-size: 12px;
     }
h3,h4 { 
        font-size: 16px;
        }
h3,h4,p { padding-bottom: 4px; }

/* container */

#container { 
             width: 700px;
             text-align: left;
             vertical-align: top;
             margin-top: 0;
             margin-right: auto;
             margin-left: auto;
             background: #CCCCCC;
             border: 4px solid #FFFFFF;
             } 

/* header */

#header {
          padding: 12px 18px;
          color: #EEEEEE;
          background: #222222;
          border-bottom: 4px solid #FFFFFF;
          } 

/* contents */

#contents { 
            padding: 12px 18px;
            color: #333333;
            }

/* footer */

#footer { 
          padding: 12px 18px;
          color: #CCCCCC;
          background: #777777;
          border-top: 4px solid #FFFFFF;
          font-size: 12px;
          }
#footer li { 
             list-style: none;
             }
#footer p {
            padding-top: 8px;
            text-align: center;
            font-weight: bold;
            }