/* Global */

* {
    margin: 0;
    padding: 0;
    }
body {
       text-align: center;
       background: #001B6A;
       vertical-align: top;
       margin: 0;
       padding: 0;
       }

/* container */

#container { 
             width: 750px;
             text-align: left;
             vertical-align: top;
             margin-top: 0;
             background: #FFFFFF;
             border: 1px solid gray;
             } 

/* header */

#header {
          background: #CFD1DA;

          } 
#header h1 {
             padding: 10px;
             font-size: 18px;
             background: #001B6A;
             color: snow;
             }
#header h2 {
             padding: 10px;
             font-size: 16px;
             }

/* contents */

#contents { 
            padding: 10px;
            font-size: 14px;
            color: dimgray;
            }
#contents h3 {
               padding-left: 3px; 
               border-left: 3px solid gray; 
}
#contents h3,h4,p { 
                  margin: 10px 0;
}

/* footer */

#footer { 
          padding: 10px;
          background: #96A0BE;
          border-top: 1px solid gray;
          font-size: 10px;
          color: dimgray;
          }
#footer h3 { 
             display: block;
             padding: 0 5px;
             color: dimgray;
             font-size: 12px;
             }
#footer ul { 
             margin: 10px 0;
             }
#footer li { 
             display: inline;
             list-style: none;
             }