* {box-sizing: border-box;}

/* background-color:#f2eddf;  Light Tan color */
/* background-color:#f0eadb;  <!-- Light Tan color */
				
html{background-color:black;}
				
body{background-color:#f2eddf;	font-family: Tahoma, Arial;	font-size: 1.0em;}
	
main
{
background-color:#f2eddf;
max-width: 800px;  /*  770px matches 8.5 inch width of paper for printing */
margin:auto;
margin-top:20px;
margin-bottom:20px;
border-style: ridge;
border-color: brown;
border-width: 7px;
padding:20px;
}

.background1
{
		background-image: url("../img/page-back.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}
	
.background-wood1
{
		background-image: url("../img/wood-1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}
	
.bumpform{margin-top:30px; margin-bottom:30px;>}	
	
.txtpara{font-family: Tahoma, Arial; }
.txtgeneric{font-family: Tahoma, Arial; }
.txtcraftsman-low{ font-family: "copper-low","Copperplate Gothic", Tahoma, Arial;}
.txtcraftsman{ font-family: "copper-bold","Copperplate Gothic", Tahoma, Arial;}
.txth1center{vertical-align: middle;	text-align: center;}

.copperbold {font-family: copper-bold; color: darkgreen;}  /* ??????? */
.copperlow {font-family: copper-low; color: darkgreen;}  /* ??????? */

h1 { font-size: 1.5em; 	font-family: "copper-bold","Copperplate Gothic", Tahoma, Arial;} 
h2 { font-size: 1.4em; 	font-family: "copper-bold","Copperplate Gothic", Tahoma, Arial;}
h3 { font-size: 1.3em;  text-decoration: underline;	font-family: "copper-bold","Copperplate Gothic", Tahoma, Arial;}
h4 { font-size: 1.2em;  margin:0;}
h5 { font-size: 1.1em;  margin:0;}
h6 { font-size: 1.0em;  margin:0;}

/* This is for the catagory drop down menu  location at some point   20230301*/
.topnav-row4 {
  background-color: #333333;   /*Dark Gunmetal Blac */
  font-family: "copper-low", Tahoma, Arial;
  font-size:1.2em;
  height:20px;
  width:100%;
}


/* This is for the catagory drop down menu  location at some point   20230301*/
.topnav-row5{
  background-color: #d1b790;   /*Dark Gunmetal Blac */
  font-family: "copper-low", Tahoma, Arial;
  height:auto;
  width:100%;
  padding:5px;
}


/* -  hyper link stops blue letters -- */
a{text-decoration: none;border:0px ;outline:none;border-width: 0px;outline-width:0px;border-bottom: none;background-color:inherit;color:inherit;}

p 
{
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
}

/* for lists ul  li  */
.no-bullets 
{
  list-style-type: none;
  margin: 0;
  padding-top: 5px;
  padding-right: 30px;
  padding-bottom: 5px;
  padding-left: 30px;
}


{
		font-family: "copper-bold","Copperplate Gothic", Tahoma, Arial;
		font-size:1.4em;
		padding-top: 5px;
		padding-right: 40px;
		padding-bottom: 5px;
		padding-left: 40px;
}

/* on the landing pages for sale pitches of departments.  */
.par-sales-pitch
{
		font-family: Tahoma, Arial;
		font-size:1 em;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
}


/*  Documentation: */
/*    Site Color Choices */
/* 
					background-color:#7f6800;
					background-color:#AD9410;
					background-color:Silver;             Silver
					background-color:#fae102;         yellow 
					background-color:#FCF5E5;       parchment 
					
		background-color:#d1b790;
					
 */

	     /*	 Header for each page section  - menu selection, sub menu page selections */
		 /* #ffa600  pumpkin color */
		 


.topnavbar
{
	ul
		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: pink;
		display: inline;
         list-style-type: none;
		}
 
/* .menuinline 
 {
  display: inline;
  list-style-type: none;
} */
  
}


 /*    https://www.javatpoint.com/css-selector
There are several different types of selectors in CSS.
CSS Element Selector.      selects the HTML element by name.   style will be applied on every paragraph.     p{ text-align: center;  }   This style will be applied on every paragraph.
CSS Id Selector.                 selects the id attribute of an HTML element to select a specific element               #para1 {   text-align: center;  color: blue;  }  
CSS Class Selector.           selects HTML elements with a specific class attribute.                                              .center {text-align: center;  color: blue;  }   <h1 class="center">
CSS Universal Selector.    wildcard character. It selects all the elements on the pages.                                    * { color: green;   font-size: 20px;}   
CSS Group Selector.          used to select all the elements with the same style definitions                               h1,h2,p {  text-align: center;  color: blue;  }  
*/