/* reset everything to zero to gain full control */
   html{
     width: 100%;
     height: 100%;
     padding: 0px;
     border: 0px;
     margin: 0px;
   }
   body{
     width: 100%;
     height: 100%;
     padding: 0px;
     border: 0px;
     margin: 0px;
   }
   div{
     padding: 0px;
     border: 0px;
     margin: 0px;
     font-family: Arial;
     font-size: 11px;
   }
   img{
     padding: 0px;
     border: 0px;
     margin: 0px;
   }
   a{
     text-decoration: none;
     color: #000000;
   }
   a:hover{
     text-decoration: underline;
     color: #666666;
   }
   
/* some general settings */

   .header{
     overflow: hidden;
   }
   .content{
     overflow: hidden;
   }
   .left {
     float: left;
   }
   .right {
     float: right;
   }

/* menu contains the menu used in all 3 styles */

   .menu{
      width: 750px;
      text-align: center;
      padding-bottom: 30px;
   }
   
   .menu .menuitem{
      margin-left: 10px;
      padding-top: 1px;
      width: 160px;
      border-color: #666666;
      border-style: solid;
      border-bottom-width: 1px;
   }

   .menu .selected{
      background-color: #dddddd;
   }
   
   .menu a{
      text-decoration: none;
      color: #000000;
   }
   .menu a:hover{
      text-decoration: none;
      color: #000000;
   }

/* textbox contains styles used in all 3 styles */

   .textbox{
     width: 310px;
     border-style: solid;
     border-color: #666666;
     border-bottom-width: 1px;
     margin-bottom: 10px;
     margin-top: 10px;
   }
   .left .textbox {
     margin-left: 40px;
   }
   .right .textbox {
     margin-right: 40px;
   }
   .textbox .header {
     font-weight: bold;
     padding-bottom: 5px;
     height: 15px;
     overflow: hidden;
   }
   .textbox .content {
     padding-bottom: 10px;
     height: 11px;
     overflow: hidden;
   }

/* imgbox2 contains styles used in style3 */

   .imgbox2{
     width: 310px;
     margin-bottom: 10px;
     margin-top: 10px;
   }
   .left .imgbox2 {
     margin-left: 40px;
   }
   .right .imgbox2 {
     margin-right: 40px;
   }
   .imgbox2 .img {
     float: left;
     width: 100px;
     height: 100px;
     padding-right: 10px;
     padding-bottom: 10px;
   }
   .imgbox2 .img img {
     width: 100px;
     height: 100px;
   }
   .imgbox2 .header {
     width: 200px;
     float: left;
     font-weight: bold;
     padding-bottom: 5px;
     height: 15px;
     overflow: hidden;
   }
   .imgbox2 .content {
     width: 200px;
     float: left;
     height: 80px;
     overflow: hidden;
   }

/* imgbox3 contains styles used in style2 */

   .imgbox3{
     width: 195px;
     margin-bottom: 10px;
     margin-top: 10px;
     text-align: center;
     margin-left: 41px;
   }
   .imgbox3 .img {
     width: 100px;
     height: 100px;
     margin: 0px auto 0px auto;
     padding-bottom: 10px;
   }
   .imgbox3 .img img {
     width: 100px;
     height: 100px;
   }
   .imgbox3 .header {
     width: 195px;
     font-weight: bold;
     padding-bottom: 5px;
     height: 15px;
     overflow: hidden;
   }
   .imgbox3 .content {
     width: 195px;
     height: 30px;
     overflow: hidden;
   }