/*tour2gravimotion  STYLE SHEET 
                                                     file created Jul 1 2010 by Henri Salles
                                                     last updated Dec 26 2011*/


body { background-image: url(images/felt.gif); color: rgb(0,0,0); font: normal 14px Arial, Helvetica, sans-serif;}

body h1, body h2 {text-align: center;}
body p b {color: rgb(102,102,51);}
body a { color: rgb(0,0,0); }



#container { width: 980px; margin: 0 auto;  }  

table { border: 20px ridge rgb(204,204,153); padding: 20px;  background-color: rgb(255,255,229);}


.inn { padding: 20px;  font: normal 18px/1.2em Arial, Helvetica, sans-serif;}



.green {color: rgb(0,204,153);}

.thePoint {font-size: 1.2em; }


/* see F:CSS summary.doc/CSSFiles  */
h0 {} 


.m1 {margin: 0 auto 0 auto;}                          /* margin 1       : that works in the combo: <div class="m1 , buttonLink"> the syntax is rigorous! */

.fr { float: right;}                                  /* stands for "float right"; used for boxes such as b1; see m0a about syntax*/
.fl { float: left; }
.cf {clear: both;}                                    /* clear floats */
.tac { text-align: center; }
.u {text-decoration: underline;}                      /*used in space.html*/

.cb {color: rgb(0, 0, 255); }                         /* cb Color Blue added Dec 26 2011 */ 


/* ---------------------------------------------------   Hyperlink button 225px wide; */

.buttonLgLink 
   {width: 226px; height: 26px;                       /* just a pix wider and taller than the button image */
   background-image: url(images/buttonLg.jpg);
   line-height: 25px;                                 /* centers the link vertically in the button */
   font-size: 95%;}
.buttonLgLink a
   {display: block;                                   /*  force the entire button to be the hot spot: */
   color: black;                                      /* somehow black is blacker than rgb(0,0,0) ! */
   text-align: center;
   text-decoration: none;}
   
.buttonLgLink a:hover 
   {text-decoration: underline;  color: black;
   background-image: url(images/buttonLgHovered.jpg); /* inherits font-weight: bold; from body a:hover */
   font-size: 95%;}                                  /* on the other hand the inherited 90% font size, forces in some conditions to split the button in 2 vertical buttons: this additional shrink fixes the problem 
                                                         Note: The button could have been designed a few pixels wider (instead), but then it might look too wide! */

.buttonLgLink a:active 
   { font-weight: bold;  }