/* CSS stylesheet for colouring book pages*/





body  {
             margin: 0px;
             background-color: #486060; color: #000000;
             font-family:  arial, verdana, sans-serif;
             text-align: center;
             }

#frame   {
             width: 960px;
             margin-left: auto;
             margin-right: auto;
             align: center;
               }  

#page  {
             width: 960px;
             padding: 0px  10px  10px  10px;
             margin-left: auto;
             margin-right: auto;
             background-color: #ffffff;
             align: center;
             text-align: justify;
             }


.text    {
            font-size: 10pt;
            text-align: justify;
            padding: 10px;
            line-height: 1.3em;
            }

.ptext2    {
            font-size: 10pt;
            text-align: justify;
            padding: 10px;
            line-height: 1.3em;
            }

.h1,.h2,   {
        color: #ffffff;
        }

.ulgrp  {
            text-align: left;
            }



#header  { 
                background-color: #88a299;             
                width: 960px;
                height: 222px;
                padding: 0px;
                }

#headerb  { 
                background-color: #c0a890;             
                width: 960px;
                height: 222px;
                padding: 0px;
                }

#headerc  { 
                background-color: #b6909f;             
                width: 960px;
                height: 222px;
                padding: 0px;
                }

#headerd  { 
                background-color: #b1a1a1;             
                width: 960px;
                height: 222px;
                padding: 0px;
                }

.banner  {
               float: left;
               margin-top: 0px;
               margin-left: 130px;
               margin-right: auto;
               }

.row1column1  {
                          float: left;
                          width: 158px;
                          height: 50px;
                          background-color: #a1b0b3;
                          padding: 0px;
                          margin-top: 1px; 
                          margin-left: 2px;                        
                         }

.logo  {
           float: left;
           margin-top: 10px;
           margin-left: 10px;
           margin-right: 0px;
           }

.sample  {
      float: left;
      margin-top: 10px;
      margin-left: 80px;
      margin-right: 80px;
      }

.sample2  {
      float: left;
      margin-top: 10px;
      margin-left: 50px;
      margin-right: auto;
      }

#navigation  {
                       float: left;
                       background-color: #a1b0b3;
                       width: 960px;
                       height: 30px;
                       padding: 5px 0px;
                       font-size: 80%;
                       text-align: right;
                      }

.promoban {
                    float: left;
                    margin-top: 60px;
                    margin-left: 20px;
                    }


.column1of4  {
                      float: left;
                      width: 195px;
                      height: 1790px;
                      background-color: #cccccc;
                      padding: 10px;
                      margin-top: 5px;   
                      }

.howto {
              float: left;
              width: 180px;
              height: 920px;
              background-color: #ffffff;
              margin-top: 10px;
              text-align: justify;
              font-size: 0.7em;
              padding: 8px;
              }

.feint,.feintb,.feintc,.feintd {
          float: left;
          width: 180px;
          height: 200px;
          margin-top: 5px;
          text-align; justify;
          font-size: 100%;
          color: #ffffff;
          padding: 8px;
          }

.feint {
          background-color: #88a299;
          }

.feintb {
           background-color: #c0a890;
           }

.feintc {
            background-color: #b6909f; 
            }

.feintd {
            background-color: #b6909f;
            }

.column2and3of4  {
                               float: left;
                               width: 500px;
                               height: 1800px;
                               background-color: #88a299;
                               padding: 5px;
                               margin-top: 5px;
                               margin-left: 10px;
                              }

.column2and3of4b  {
                               float: left;
                               width: 500px;
                               height: 1800px;
                               background-color: #c0a890;
                               padding: 5px;
                               margin-top: 5px;
                               margin-left: 10px;
                              }

.column2and3of4c  {
                               float: left;
                               width: 500px;
                               height: 1800px;
                               background-color: #b6909f;
                               padding: 5px;
                               margin-top: 5px;
                               margin-left: 10px;
                              }

.column2and3of4d  {
                               float: left;
                               width: 500px;
                               height: 1800px;
                               background-color: #b1a1a1;
                               padding: 5px;
                               margin-top: 5px;
                               margin-left: 10px;
                              }
/*table for Group charges*/
.table  {
            background-color: #ffffff;
            margin-left: 0px;
            }

.tdgrp  {
             background-color: #307072;
             color: #ffffff;
             width: 60px;
             height: 100px;
             align: center;
             }

.tdgrp2  {
             background-color: #4fb6b6;
             width: 100px;
             height: 100px;
             align: center;
             }

.tdgrp3  {
             background-color: #9bd5e5;
             width: 360px;
             height: 100px;
             align: center;
             }
/*End of table*/

.thumb  {
      width: 164px;
      height: 232px;
      margin-top: 10px;
      margin-left: 10px;
      }

.column5of2,.column6of3  {
      float: left;
      width: 184px;
      height: 272px;
      background-color: #ffffff;
      padding: 5px;
      margin-top: 15px;
      margin-bottom: 5px;
      }

.column7of3,.column8of3  {
      float: left;
      width: 222px;
      height: 165px;
      background-color: #ffffff;
      padding: 5px;
      margin-top: 25px;
      margin-bottom: 5px;
      margin-left: 12px;
      }

.piclink  {
              float: left;
              width: 194px;
              height: 20px;
              background-color: #a1b0b3;
              padding: 0px;
              margin-left: 38px;
              }

.piclink2  {
              float: left;
              width: 232px;
              height: 20px;
              background-color: #a1b0b3;
              padding: 0px;
              margin-top: 0px;
              margin-left: 12px;
              }


.column4of4  {
                      float: left;
                      width: 195px;
                      height: 1790px;
                      background-color: #cccccc;
                      padding: 10px;
                      margin-top: 5px;
                      margin-left: 10px;
                      }

.vertban  {
      float: left;
     }


.column5of2,.column6of3 {margin-left: 38px; margin-right: auto; }

#footer{
             background-color: #cccccc;
             width: 940px;
             height: 190px;
             padding: 10px;
             clear: both;
             border-top: 20px solid #ffffff;
             } 

.copyright  {
                  text-align: justify;
                  font-size: 8pt;
                  }