* {box-sizing: border-box;}


/* background-color:#f2eddf;  Light Tan color */
/* background-color:#f0eadb;  <!-- Light Tan color */
				
body
{
	background-color:black;
	font-family: Tahoma, Arial;
}
	
.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;}
.txtcenter{vertical-align: middle;	text-align: center;}
.txtmedium { font-size: 1.3em;  text-decoration: underline;	font-family: "copper-bold","Copperplate Gothic", Tahoma, Arial;}

.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:25px;
  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: 30px;
  padding-bottom: 5px;
  padding-left: 30px;
}

.par-basic
{
		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;  }  
*/