/* Global */

* {
    margin: 0;
    padding: 0;
    }
body {
       text-align: center;
       background: #FFFFFF;
       vertical-align: top;
       margin: 0;
       padding: 0;
       }
h1 { 
     font-size: 20px;
     }
h2 { 
     padding-top: 8px;
     font-size: 14px;
     }
h3,h4 { 
        font-size: 16px;
        }
h3,h4,p,dt,dd { padding-bottom: 4px; }

/* container */

#container { 
             width: 700px;
             text-align: left;
             vertical-align: top;
             margin-top: 0;
             margin-right: auto;
             margin-left: auto;
             color: #333333;
             background: #FFFFFF;
             border: 3px solid #777777;
             } 

/* header */

#header {
          padding: 12px 18px;
          color: #EEEEEE;
          background: #555555;
          border-bottom: 3px solid #777777;
          } 

/* contents */

#link {
        padding: 12px 18px;
        font-size: 12px; 
        background: #DDDDDD;
        border-bottom: 3px solid #777777;
        }
#contents { 
            padding: 12px 18px;
            color: #333333;
            }

/* footer */

#footer { 
          padding: 12px 18px;
          color: #EEEEEE;
          background: #777777;
          text-align: center;
          font-size: 12px;
          }
#copy { 
        font-weight: bold;
        padding: 4px 0;
        }