/*   these CSS styles  are found in   1-L-header-h.php    */

body {
     margin-top:0;
     margin-left:0;
     margin-right:20px;
     color:#000;
     font-size: 22px;
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     background-image: url(images/rainbow-1x650.jpg);
     background-repeat: repeat;
/* Use a media query to add a breakpoint at 800px: 
         when the viewport is 800px or smaller:   */
@media screen and (max-width: 1200px) {
       font-size: 18vw;  
       margin-right:20px;
       } 
     }

	

 H1, H2, H3, H4, H5, H6
    {
     margin-top:  0px;
     margin-bottom:  0px;
    }

h1 { font-size: 40px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }



 a:link  {
    color: #002200 !important ; 
    }

 a:hover {        /*  moved up from below  */
    text-decoration: underline !important;
    color: #009900 !important ; 
    }

 a:visited {
    color: green !important ; 
    } 




    /* .center {display, & margin-left/rigth)  works on iframes (YouTube, etc.) */
 .center 
    {
    margin-left:  auto;
    margin-right: auto;
    }

 .centertext
    {
    display: block;
    text-align: center;
    }

    /* .imgcenter {display, & margin-left/right)  works on images, iframes, (YouTube, etc.)   */
    /*  only works if the block width is defined and with "px" spelled out. ex: width:500px;  */
 .imgcenter
    {
    display: block;
    margin-left:  auto;
    margin-right: auto;
    margin-top:    5px;
    margin-bottom: 5px;
    }


 .imgleft 
    {
    float: left ;
    margin-right: 15px;
    margin-left:   2px;
    margin-top:    5px;
    margin-bottom: 5px;
    } 

 .imgright
    {
    float: right ;
    margin-left:  15px;
    margin-right:  2px;
    margin-top:    5px;
    margin-bottom: 5px;
    }


 .left  {float: left  }
 .right {float: right }


 .box 
    {
    margin-top:    20px; 
    margin-bottom:  20px;     
    padding: 10px;
    border-style: solid ;  
    border-width: 1px ; 
    border-color: darkgray ; 
    }


 /* ------------------------------------------ */


 blockquote
    {
    line-height:   1.4;
    font-style:  italic;
    margin-top:    10px;
    margin-bottom: 10px;
    margin-left:   20px;
    margin-right:  20px;       /* #F8E9Cc   #E8D9Bc is a perfect match for the linen-paper bkgd */
    background-color:#fdefd2 ;   /* #EdDfC2 #E9DbBe  #F1E3C6 #F8E9Cc #fdefd2 */
    border-style: solid ;  
    border-width:   1px ; 
    border-color:  gray ;  /* silver */
    border-color-bottom: black ; 
    padding-top:    20px ;
    padding-bottom: 20px ;
    padding-left:   20px ; 
    padding-right:  20px ;
    border-radius:  21px ; 
    color:       #112811 ;
    }

/* blockquote
    {
     margin-top:    0px;
     margin-left:  25px;
     margin-right: 25px;
     margin-bottom: 0px;
    }  */


 small, .small {
    color: #333355;
    font-size: 0.8em;
    }

 .smaller {
    color: #333355;
    font-size: 0.8em;
    }

 .smallest {
    color: #333355;
    font-size: 0.7em;
   /* letter-spacing: 0.03em; */
    }

 .big {
    font-size: 01.1em;
    }

 .bigger {
    font-size: 01.3em;
    }

 .biggest {
    font-size: 01.5em;
    }


 input[type="text"], textarea
    {
    font-size: 1.3em !important;
    font-family: "courier new", courier ; 
    color:#000 !important;
    }




 ul,ol
    {
     margin-top:    0px;
     margin-bottom: 0px;
    }


.clouds {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px;
    background-image: url(images/clouds-8-6-99-03-b-150.jpg) ;
    background-repeat: repeat;
    background-position: left top;
    }


.CRLassen {
    background-image: url(images/CR-Lassen-Cosmic-Voyagers-b.jpg);
    height: 1620px;
    width: 1200px;
    }



   td.off   
      {
        border: 1;
        color: blue;
        cursor: nw-resize;
        /* font-size: 10pt; */
        border-color: #ffeeee;
        border-style: ridge;
        font-family:  arial, tahoma, verdana, 'sans serif';
        background: #ffdddd;
	  }

   td.ovr   
      {
        border: 1;
        color: red;
        cursor: pointer;
      /* font-size: 11pt; */
        border-color: #ffeeee;
        border-style: ridge;
        font-family:  arial, tahoma, verdana, 'sans serif';
        font-style: italic;
       /* font-weight: bold; */
        background: #ffbbbb;
      }

   td.act 
      {
        border: 1;
        color: green;
        cursor: nw-resize;
       /* font-size: 10pt; */
        border-color: #ffeeee;
        border-style: ridge;
        font-family:  arial, tahoma, verdana, 'sans serif';
        font-style: italic;
       /* font-weight: bold; */
        background: #ffbbbb;
      }