:root {
	/* custom properties aka variables (i.e., typed consts); see -
	https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
	Vars must begin with double dash.
	*/
	--global_padding_left: 20px; /* 13/Mar/2022 8:19 */
	--global_padding_right: 20px; /* 13/Mar/2022 8:19 */

  --masthead_menutop_height: 70px; /* 13/Mar/2022 17:47 */
	 
	--background_color__menutop: #6E6D68; /* 12/Mar/2022 16:44 */
	--background_color__masthead_footer: #222; /* 12/Mar/2022 16:44 */
      
	/* text */
		--color__masthead: #c1c1c1; 
		  /* 17/Mar/2022 2:22 - was #8c8c8c */
		--color__nav_button: #c1c1c1; 
		  /* 17/Mar/2022 2:22 - unclicked; was #CCC */
		--color__footer: #c1c1c1; 
		  /* 17/Mar/2022 2:22 - was #8C8C8C */
	
  --border__content_wrapper: 0px solid var(--background_color__masthead_footer);
      /* 16/Apr/2022 5:24 - This border shows in Pinegrow but not on internet */
  --border__global: 3px solid var(--background_color__menutop);
  
	--corner_radius: 8px; /* 15/Mar/2022 18:00 - 8px*/
	
	
/* ===== Added after 24/Mar/2022 6:56 ===================================================== */	

	--global_padding_left_right: 20px; /* 27/Mar/2022 6:16 */
	
  --padding__content_wrapper__vertical: 15px; 
    /* 4/Apr/2022 11:39 - better than 15px */
  --padding__content_wrapper__lateral: 15px; /* 2/Apr/2022 18:00 */

 	--padding__content__vertical: 0px; /* 2/Apr/2022 18:42 */
 	--padding__content__top: 0px; /* 2/Apr/2022 18:42 */
 	    /* 29/Mar/2022 16:59 - Must be 0 else a corresponding non-zero gap appears 
 	    below left sidebar where columns-wrapper background-color shows through */
 	--padding__content__lateral: 15px; /* 27/Mar/2022 6:15 */

  --padding__content_wrapper__narrow_browser: 0px; /* 2/Apr/2022 18:00 */

  
	--padding__content__lateral__narrow_browser: 10px; /* 27/Mar/2022 6:15 */
	--content_padding_left__narrow_browser: 10px; /* 23/Mar/2022 11:30 */
	    /* OK 24/Mar/2022 21:13 */
	--content_padding_right__narrow_browser: 10px; /* 23/Mar/2022 11:30 */
	    /* OK 24/Mar/2022 21:13 */
  --page_title_padding_top: var(--padding__content__lateral); 
    /* 29/Mar/2022 17:16 */
  	    
	--content-wrapper__max_width: 1024px; /* 21/Mar/2022 20:58 */
	    /* IMPORTANT -- If change here then also change in narrow_browser.css (@media).
	    vars don't work in @media. */
	    /* 16/Apr/2022 5:35 - 1170px visually too wide. Reduced to 1024px which
	    is a common horizontal resolution. */
	    /* 29/Mar/2022 16:08 - increased from 1000px to 1170px per Bootstrap */ 
	    /* 26/Mar/2016 13:13 - 1280px --> 1000px when left sidebar no longer used 
		  (except for contents.html & _glossary.html). 
		  Gives same main-content viewing width as with 22% sidebar. */
		  /* 1/24/2015 - 1280px = slightly less wide than max res of lenovo X220 laptop (1366px). 
		  This includes a left sidebar that occupies 22% of the screen (i.e.,  280 px)
		  Allows 2 CARD images side-by-side in classic_horn_comparisons.html (table) 
		  with reasonably readable text */
  	  /*	width: 980px; */ /* 1/24/2015 */

	--background_color__body: #f1f3f7; 
	  /* 4/Apr/2022 10:49 - #f1f3f7 (pale gray; adjusted in PowerToys color picker) */ 
	  /* 2016-04-03 #e0e0e0 = light gray */ 
	  /* outside the content -- i.e., between the content and the edges of the screen */
  	
	--background_color__main_content: white; /* 26/Mar/2022 6:51 */
      /* DRC 14/Apr/2015 7:00 - use true white so images cut from pictures with white background 
      don't stand out against a non-white background. Otherwise, would have to make image 
      background transparent. */
/*	--background_color__main_content: transparent; */ /* 14/Apr/2022 7:43 - debug */
	    /* To show -background_color of p7csspbm2_09.css .columns-wrapper */

  --border__menutop: 1px solid var(--background_color__masthead_footer); 
      /* 1/Apr/2022 10:00 - was white */

  --border__footer: 1px solid var(--background_color__masthead_footer); 
      /* 1/Apr/2022 10:00 - was black */
  	
	/* text */
		--color__menutop: #c1c1c1; 
  		  /* 17/Mar/2022 2:22 - was #8C8C8C */

  	/* 4/Apr/2022 13:25 - make sure that the following colors are dark enough to print well */  		  
  	--color__h1: #160099; /* #1e00cc - not quite dark enough*/
	      /* 4/Apr/2022 13:05 - color was #2600ff but too close to color of links */
	      /* 3/Mar/2022 8:25 - color was black but this color stands out better */
  	--color__h2: #006600;
  	    /* 3/Mar/2022 8:25 - color was #000066 but too dark */
  	--color__h3: #990099; /* #4219bc */
/*  	--color__h3:  red; */ /* debug */
  	--color__h4: rgba(39, 178, 162, 0.799);
        /* 18/Feb/2022 6:07 - color was #30f but that conflicts with new h2 */
  	
	

  /* links */
  
	  --background_color__new_window_link: #6ff; /* pale cyan */ /* 29/Mar/2022 23:04 */
  
	  --background_color__no_link: pink; /* 18/Mar/2022 13:54 */
  	    /* Color if a link doesn't exist. Typically for Contents left sidebar contents tree */
  	      	
  /* sidebar */
  
/*		--background_color__sidebar: yellow; */ /* debug */
		--background_color__sidebar: #efefef; 
		  /* 4/Apr/2022 11:03 - slightly lighter than EAEAEA */
/*		--background_color__sidebar: #EAEAEA; */ /* 26/Mar/2022 14:02 - pale blue */
	  
    --background_color__sidebar_tree_control: var(--background_color__sidebar); /* 29/Mar/2022 23:19 - pale blue */
      /* to expand [+] or contract [-] topic tree */
/*    --background_color__sidebar_tree_control: purple; */ /* 1/Apr/2022 20:12 - debug */
    --background_color__sidebar_tree_control: transparent; /* 1/Apr/2022 20:12 - no effect */
    
    --padding__sidebar: 10px;

  /* images */
/*    background_image__menutop: /_icons_and_backgrounds/pbm-menu-bg.jpg; */
       /* 5/Apr/2022 6:42 - doesn't work */
    
    
}