/* ------------------------------------------------------------------------------------------  */
/*                                 for  all INDEX files                                        */
/* ------------------------------------------------------------------------------------------  */


/*  * { margin: 0;   padding: 0;   box-sizing: border-box; }                    */   
/*  @media only screen and (min-width : 1280px) { #Container { width: 95%; } }  */
/*  #FFF8DC = tan, #ADD8E6 = blue                                               */
/*  BODY originally =    body { font-family: Arial, Helvetica, sans-serif;  background-color: #ADD8E6; }   */
/*  @media only screen and (min-width : ____px) and (max-width : ___px) {body { max-width: ___px;} }       */

        /* MAX-WIDTH parm ensures screens > 1460 display the same as narrower screens           */
body { font-family: Arial, Helvetica, sans-serif;  background-color: #ADD8E6; max-width: 1440px; }

        /* For screens >= 1440, set background-color TAN (not BLUE)                             */
@media only screen and (min-width : 1440px) { body { background-color: #FFF8DC; } } 


img  {  max-width: 100%;  width: auto;  height: auto;  }

input, select, button, textarea {  max-width: 100%;  }

meter, progress, output {  max-width: 100%;  }

div#mycontent { width: 100%;  max-width: 100%;  color: black;  background-color: #FFF8DC;  }
div#mycontproper { padding-left: 5px;  padding-right: 5px; }
div#color-change {  background-color: #FFF8DC; }

div#myboldface  { font-weight: bold; }

#mycontent { float: left;  text-align: left; }

h1 { font-size: 22pt;  padding-left: 0px; margin-bottom: 0px; } 
h2 { font-size: 16pt;  padding-left: 0px; margin-bottom: 0px; font-weight: bold ; } 
h3 { text-align: left; }                            
  
#title_bar { clear: both; text-align: left; }       /* CLEAR needed for big screens     */
#footer { clear: both;  text-align: center;  font-size: 10pt; }

a:link    {  background-color: transparent;  text-decoration: none;  }
a:visited {  text-decoration: none;          color: #0000EE;         }

/* nav a { display: block; }    recommended for cellphones touchability                 */


/* ----------------------------------------------------------------------------------------------  */
/*                                              FLUTES page                                       */
/* ----------------------------------------------------------------------------------------------  */

#folk_flutes_table_l1 {  margin-left: 7px;  margin-right: 0px;  margin-top: auto;  margin-bottom: 7px;   
                         float: left;  border: 0;  width: 350px;  border-spacing: 12px; }

#folk_flutes_photo_1  {  margin-left: 0px;  margin-right: 15px;  margin-bottom: 7px;   }

#folk_flutes_table_r1 {  margin-left: 10px;  margin-right: 5px;  margin-bottom: 5px; 
                         border: 0;  width: 355px;  border-spacing: 12px; }

.review_genphotos       { float: left; margin-right: 10px; margin-bottom: 5px; }   /* for photos for the oc reviews */
.review_genphotos_clear { clear:both ; float: left; margin-right: 10px; margin-bottom: 5px; }   /* for oc reviews   */

li.extra_vertical_space  { margin: 10px 0; }                      /* adds vertical space between UL lines           */

p.flushright   { text-align: right; font-size: 10pt; margin-top: 0px ; margin-bottom: 0px ; }   /* for date at top  */
p.fsmall       { font-size: small ;  }                                             /* for date & ack                */
p.tiny         { font-size: 7pt; }						   /* for captions below photos     */
p.tiny8        { font-size: 8pt; }						   /* for captions below photos     */
p.centered     { text-align: center; }                                             /* for BACK TO MENU              */
.tiny_print    { font-size: x-small ; display: inline ; }			   /* for tiny photo credits	    */
.tiny_print8   { font-size: 9pt ; display: inline ; }			   /* for tiny photo credits	    */
p.in20_bold  {  margin-left: 20px ;  font-weight: bold ; }
p.in20       {  margin-left: 20px ; }

ul.how_high      { line-height: 1.7em; }	 		   /* for vertical spacing for unordered lists      */
div.higher_lines { line-height: 1.8em  }                           /* for vertical spacing for text                 */
div.in40     { margin-left: 20px ;}


/* ----------------------------------------------------------------------------------------------  */
/*                                     COMPUTERS & SOFTWARE page                                   */
/* ----------------------------------------------------------------------------------------------  */

table.software_table {  margin-left: 7px;  margin-right: 0px; margin-top: auto;  margin-bottom: 7px;  
                        float: left;  border: 0;  width: 350px;  border-spacing: 12px; }

.soft_left_image   { clear: both; float: left;  margin-right: 10px; margin-bottom: 5px; }  /* for left-side images  */
                         
.soft_ctr_right_image   { float: left;  margin-right: 10px; margin-bottom: 5px; }          /* right & center images */


/* ----------------------------------------------------------------------------------------------  */
/*                                      for C & S Articles                                         */
/* ----------------------------------------------------------------------------------------------  */

table.tech_stocks   { width: 100%;  max-width: 360px;  border-collapse: collapse ; }
  .tech_stocks th, .tech_stocks td { vertical-align: top;  border: solid 1px #777;  padding: 3px;  }  

table.tech_stocks2  { width: 100%;  max-width: 500px;  border-collapse: collapse ; }
  .tech_stocks2 th, .tech_stocks2 td { vertical-align: top;  border: solid 1px #777;  padding: 3px;  }  

table.open_consulting  { width: 100%;  max-width: 800px;  border-collapse: collapse ; }
  .open_consulting th, .open_consulting td { vertical-align: top;  border: solid 1px #777;  padding: 3px;  } 

table.benchmarking  { width: 100%;  border-collapse: collapse ; }
  .benchmarking  th, .benchmarking  td { vertical-align: top;  border: solid 1px #777;  padding: 3px;  } 
  
table.walle-dialog   { width: 100%;  max-width: 360px;  }
  .walle-dialog th, .walle-dialog td { vertical-align: top;  border: 0;  padding: 2px;  }  


/* ----------------------------------------------------------------------------------------------  */
/*                             for FUNCTIONS and INSTRUCTIONS in Reference/Articles                */
/* ----------------------------------------------------------------------------------------------  */

table.f0   {border: 0 ; }
table.f1   {border: 0 ;  width: 707 ; }
table.f2   {border: 0 ;  width: 100% ;  height: 294 ; }
table.f3   {border: 0 ;  width: 224 ; }
table.f4   {border: 0 ;  width: 699 ; }
table.f5   {border: 0 ;  width: 513 ; }

table.i0   {border: 0 ; }
table.i1   {border: 0 ;  width: 100% ;  height: 212 ; }  
table.i2   {border: 0 ;  width: 343 ; }
table.i3   {border: 0 ;  width: 699 ; } 
table.i99  {border: 0 ;  width: 313 ; } 
table.i100 {border: 0 ;  width: 707 ; }