/* ----------------------------------------*/
/* TM CSSmain-m1.css */
/* CSS elements used in most shtml & html files geared to be mobile friendly */
/* created 2016-05-21 from CSSmain.css and modified to gain mobile friendly pages
/* ----------------------------------------*/
/* special section for examples of css for mobile */
@media screen and (max-width: 510px) {
/* applies only if the screen is narrower than 510px */
  .tabs {
    padding: 3px 1em
  }
}
/* ----------------------------------------*/


body {
  background-color:#ced8d6; /* lightgray #d3d3d3, originally #ced8d6; very light gray */
  border-width:0;
  margin: 0;
  padding: 0;
  text-align: left; /* originally center; */ 
  width: 90%;
  min-width: 470px; 
 /* original was 870px; */
/*  min-width also set in cssmenu mastheadmain 2009-03-09 */
  font: small Arial, Helvetica, Verdana, sans-serif;
} 

img {
/*  float: left;  this was found to cause issues with markers such as Ared.png */
  margin: 0px 0px 0px 0px ; /* margin: 0px 5px 0px 0px ; */
}

p {
  font-size: 100%;
  color: black;
}

a:link {
 	color:navy;
/*  font-size: 120%; */
} 
a:visited {
 	color:darkviolet;
/*  font-size: 120%; */
}

/* ------------------------------------- Begin Heading 1, small screens first -------------------------------------------------- */
h1 {
  margin: 0;
  padding-bottom: 0.2em;
  text-align: left;
  font-weight: bold;
  font-size: 140%;
}
@media screen and (max-width: 510px) { h1 {
  margin: 0;
  padding-bottom: 0.2em;
  text-align: left;
  font-weight: bold;
  font-size: 170%;
} }
@media screen and (max-width: 1040px) { h1 {
  margin: 0;
  padding-bottom: 0.2em;
  text-align: left;
  font-weight: bold;
  font-size: 200%;
} }
/* ------------------------------------- End Heading 1 ------------------------------------------------------------------------ */

/* ------------------------------------- Begin Heading 2, small screens first -------------------------------------------------- */
h2 {
  margin: 0;
  padding-bottom: 0.2em;
  text-align: center;
  background-color: palegoldenrod;
  font-weight: bold;
  font-size: 140%;
}
@media screen and (max-width: 510px) { h2 {
  margin: 0;
  padding-bottom: 0.2em;
  background-color: palegoldenrod;
  text-align: center;
  font-weight: bold;
  font-size: 170%;
} }
@media screen and (max-width: 1040px) { h2 {
  margin: 0;
  background-color: palegoldenrod;
  padding-bottom: 0.2em;
  text-align: center;
  font-weight: bold;
  font-size: 200%;
} }
/* ------------------------------------- End Heading 2 -- Start Heading 3 --------------------------------------------------------------------- */
h3 {
  margin: 0;
  padding-bottom: 0.2em;
  text-align: center;
  background-color: palegoldenrod;
  border-bottom: 1px solid #b9d2e3;
  font-weight: bold;
  font-size: 120%;
}
@media screen and (max-width: 510px) { h3 {
  margin: 0;
  padding-bottom: 0.2em;
  text-align: center;
  background-color: palegoldenrod;
  border-bottom: 1px solid #b9d2e3;
  font-weight: bold;
  font-size: 140%;
} }
@media screen and (max-width: 1040px) { h3 {
  margin: 0;
  padding-bottom: 0.2em;
  background-color: palegoldenrod;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #b9d2e3;
  font-size: 160%;
} }
/* ------------------------------------- End Heading 3 ------------------------------------------------------------------------ */


h4 {
  margin: 0;
  color: #245185; 
  padding-bottom: 0.2em;
  border-top: 1px solid #b9d2e3;
  text-align: left;
  font-size: 120%;
}



#bodywrapper {
  position: relative; 
  background-color:transparent; 
  top:0; 
  left:  0; 
  width: 100%; 
  margin-top: 0; 
  text-align: left;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 0;
  padding:0; /* 10px; */
}

/* sitemap removed to a separate CSSsitemap.css */

#mainfeature {
background-color: transparent;
}


#pagelead {
  background-color: transparent;
  padding-left: 2em;
  padding-right: 2em;
}

#pagelead img {
  background-color: transparent;
  border: 0;  
  margin: 0;
  padding: 0;  
}
.PageUpdated  {
    float: right;   
    text-align: right;
 /*   width: 30%; */
} 

#changedate {                                                 /* changedate div label */
   font-size: xx-small;
   font-weight: normal;
/*	position:relative;  */
	border-width:0px;
	margin:0;
	padding:0; 
   color: black; 
   width: 95%;
/*   width: 25%; */
/*	top:0px; */
/*	left:290px; */ 
/*	width:290px; */
	height:6px; 
	text-align: center; 
}

.tmchgd {
   font-size: xx-small;	
	}

.whitefont {
 color:white;
}


.paleback {
   background-color: palegoldenrod;
/*  margin:  -5px; */
/*	padding: 15px 0px 20px 15px; */ 
}

.goldback {
   background-color: gold;
  margin:  -5px;
	padding: 15px 0px 20px 15px; 
}

.nochange   {            
	  color:brown;  /* #245185; */
}

.mrf   {              /* modern revised format (mrf) */
	color:black; 
}

.mrf  a:link, a:visited  {              /* modern revised format (mrf) */
	color:blue; 
	font-weight: bold;
}

.oldwn {
	color: black; /* #ff00ff magenta */ 
/* chg	color: magenta; /* #ff00ff magenta */
	font-weight: normal;
}

.uc,
.underconstr {
	color: darkgoldenrod;
/*	font-size: 50; */
	font-weight: normal;
}
 
/*.uc { */
	/* under construction identical to above */
/*	color: darkgoldenrod; */
/*	font-size: 50; */
/*	font-weight: lighter;
} */

.rr {
	/* recently revised */
/*	background-color: lightslategrey; */
	color: green;
/*	font-size: 50; */
	font-weight: bold;
    background-color:  #ced8d6; /* very light grey */  S
}

.PageLinkDepth  {
    float: left;  
}

/* leftnav-m1 begin with small screens like phones---------------------------------------- */
 .leftnav-m1 {
  float: left;
  display: inline;
  /* max-width: 75px; */
  /* min-width: 50px; */
  width: 20%;
/*  border-top: 1px solid #b9d2e3; */
  border-left: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  background-color: lightsteelblue; /*CHG salmon */
  color: black; 
  margin-right: 5px;
  padding: 5px 5px 5px 5px;
}

@media screen and (min-width: 510px) { .leftnav-m1 {
  float: left;
  display: inline;
   width: 20%;
/*  max-width: 125px; */
/*  min-width: 100px; */
/*  border-top: 1px solid #b9d2e3; */
  border-left: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  background-color: lightslategrey; /*CHG lightyellow */
  color: black; 
  margin-right: 5px;
  padding: 5px 5px 5px 5px;
} }

@media screen and (min-width: 1040px) { .leftnav-m1 {
  float: left;
  display: inline;
   width: 20%;
/*  max-width: 125px; */
/*  min-width: 100px; */
/*  border-top: 1px solid #b9d2e3; */
  border-left: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  background-color: gray; /*CHG lightgreen */
  color: black; 
  margin-right: 5px;
  padding: 5px 5px 5px 5px;
} }

/* leftnav-m1 end ---------------------------------------- */

.leftnav-m1 .inner1 {
   background-color:  lightgoldenrodyellow;
 margin:  5px 10px 5px 5px;
}

.leftnav-m1 .inner1 .inner2 {
   background-color: oldlace; /*CHG lightgoldenrodyellow;  palegoldenrod; now oldlace to match header */
 margin:  5px 10px 5px 5px;
}

.leftnav-m1 .inner1 .inner2 .inner3 {
   background-color: lightgoldenrodyellow;
 margin:  5px 10px 5px 5px;
}
/* end leftnav-M1 inner series ---------------------------------------- */

/* leftnav250 series for older pages in HOME seection ---------------------------------*/

 .leftnav250 {
  float: left; 
  display: inline;
  max-width: 250px;
  min-width: 150px;
/*  border-top: 1px solid #b9d2e3; */
  border-left: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  background-color: silver;
  color: black; 
  margin-right: 5px;
  padding: 5px 5px 5px 5px;
}


.leftnav250 .inner1 {
   background-color: palegoldenrod;
 margin:  5px 10px 5px 5px;
}

.leftnav250 .inner2 {
   background-color: lightgoldenrodyellow;
 margin:  5px 10px 5px 5px;
}

.leftnav250 .inner3 {
   background-color: palegoldenrod;
 margin:  5px 10px 5px 5px;
}


.leftnav {
  float: left; 
  display: inline;
   width: 15%;
/*  max-width: 200px; */
/*  min-width: 120px; */
/*  border-top: 1px solid #b9d2e3; */
  border-left: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  background-color: silver;
  color: black; 
  margin: 0;
  padding: 0;
}

.clearfont {
	  font: small Arial, Helvetica, Verdana, sans-serif;
}

⋮
.leftnav li, .leftnav a:link, .leftnav a:visited {
display: inline; 
} 

.leftnav img {
	float: none;
}

.leftnav .inner {
   background-color: white;
  margin:  5px;
}

.leftnav p {
  font-size: 90%;
  color: #666666;
}

.leftnav a:link, .leftnav a:visited {
  font-size: 90%;
  color: #245185;
  font-weight: bold;
}
.leftnav h3 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 130%;
}

.uniformend {
clear: both; 
} 

.multicol { 
 -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */  
    column-count: 5;	
    
 -webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */  
    column-gap: 5px;
    
 -webkit-column-width: 15%; /* Chrome, Safari, Opera */
    -moz-column-width: 15%; /* Firefox */  
    column-width: 15%;
    
 
/* -webkit-column-width: 200px; /* Chrome, Safari, Opera */
/*    -moz-column-width: 200px; /* Firefox */  
 /*   column-width: 100px; */
   
     column-fill: balance;

-webkit-column-rule: 1px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #ff00ff; /* Firefox */
      column-rule: 1px outset solid #cccccc;  
	}