/* Global */

* {
    margin: 0;
    padding: 0;
    }
body {
       background: #DDDDDD;
       vertical-align: top;
       margin: 0;
       padding: 0;
       }

/* container */

#container { 
             width: 704px;
             text-align: left;
             vertical-align: top;
             margin-top: 0;
             background: #FFFFFF;
             border: 3px solid #999999;
             } 

/* header */

#header {
          padding: 10px 15px;
          color: #666666;
          background: #CCCCCC;
          border-bottom: 3px solid #999999;
          text-align: center;
          } 
h1 {
     font-size: 18px;
     }
h2 {
     padding-top: 5px;
     border-top: 2px solid #EEEEEE;
     font-size: 12px;
     }

/* contents */

h3 {
     padding-left: 3px; 
     border-left: 3px solid #888888; 
     }
h3,h4 { font-size: 14px; }
h3,h4,p,dt,dd { 
                margin-bottom: 6px;
                }
#right { 
         width: 487px;
         float: right;
         padding: 10px 15px 10px 8px;
         color: #555555;
         font-size: 12px;
         } 
#left { 
        width: 172px;
        float: left;
        margin: 10px 7px 10px 15px;
        color: #777777;
        background: #EEEEEE;
        font-size: 10px;
        }
#left li {
           list-style: none;
           padding-bottom: 2px;
           }

/* footer */

#footer { 
          clear: both;
          padding: 10px 15px;
          color: #555555;
          background: #CCCCCC;
          border-top: 3px solid #999999;
          text-align: center;
          font-weight: bold;
          font-size: 12px;
          }