div {
               text-align: left;
           }

           /* class styles */
           .fade-box {
               margin-left: 0px;
               position: absolute;
               top: 163;
               width: 340px;
               height: 340px;              }
           .fade-box p {
               width: 340px;
               padding: 5px 10px 0 10px;
               margin: 0;
               background: #E0EADF;
           }
           .fade-box h2 {
               width: 290px;
               margin-top: 29px;
               padding-left: 10px;
               background: #E0EADF;
           }
                     /* id styles */
           #content-body {
               margin: 0 auto 0 auto;
               width: 764px;
               background: #FFF;
           }
           #title-box {
               width: 764px;
               height: 30px;
               /* the following is a hack to work around IE's box model */
               //height: 64px;
               padding-top: 34px;
               background: url(images/title-back.gif) repeat-x;
           }
           #page-title {
               margin: 0 0 0 30px;
               display: block;
               width: 160px;
               height: 30px;
               padding: 2px 0px 0px 4px;
               background: url(images/heading-back.gif) no-repeat;

           }
           #crossfade-container {
               margin: 0px 0px 0px 10px;
               width: 300px;
               height: 150px;
               background: url(images/fade-box-bg.gif);              }
           #introduction p {
               width: 290px;
               padding: 5px 10px 0 10px;
               margin: 0;
           }
           #introduction h2 {
               width: 290px;
               margin-top: 10px;
               padding-left: 10px;