body          { background-color: #c9d1ff ;            border-color: #c9d1ff ;     color: #e1e1e1 ;      font-family: Arial;                                 }



h1            { text-align: center;   margin-top: 0.0pt;   margin-bottom: 10pt;    font-size: 12pt ;     color: white     ;       font-family:"Arial"; font-weight: heavy; }
h2            { text-align: center;   margin-top: 12.0pt;  font-size: 20pt ;       color: #2f2f2f  ;     font-family:"Arial";     font-weight: heavy;        }    
h3            { text-align: left;     margin-top: 12.0pt;  font-size: 14pt ;       color: #303030     ;  font-family:"Arial";     font-weight: heavy;        }

h4            { text-align: left;     margin-top: 0.0pt;   font-size: 10.5pt ;     color: #303030     ;  font-family:"Arial";     font-weight: heavy;        }

a:link        { color: #440000 ;        text-decoration: none;                                                                                                 }
a:visited     { color: #000000 ;        text-decoration: none;                                                                                                 }
p             { text-align: justify;   font-size: 10pt;   color: #6f6f6f ;  font-family:"Arial";    border-color: #c9d1ff ;                                  }
 
.DataColumn   { width: 770px  ;     border-style: solid; border-color: #c9d1ff; border-width: 5px 15px 15px 15px ;                                           }

.bookcover    { position: relative;   text-align: right;   color: white;                                    }

.screenchef   { display: none ;                                                                             }   
.mobilechef   { display: initial ;                                                                          }

.navigate     { position: absolute;  top: 3%;   left: 5%;   transform: translate(-5%, -5%);                 }

.screentitle  { display: none ;                                                                             }
.mobiletitle  { display: initial ;                                                                          }

.bookabout    { position: absolute;  top: 50%;   left: 5%;   transform: translate(-5%, -5%);                }

.screenscope  { display: none ;                                                                             }
.mobilescope  { display : initial ;                                                                         }