/*This is the style for medium screens such as tablets*/

body
{	background-color: #e2e2e2 ;
	width: 100%;
	margin: 0; padding: 0;
	height: auto;
	border: 0px solid green;
/*	background-image: url(pictures/taper3.jpg);	*/
/*	background-repeat: repeat-x;			*/
/*	position: fixed; top:0; left:0; z-index: 0;	*/
}

.menugap 
{	height: 35px;
	width: 1px;  /*Adjust for best menu position on medium screens */
	float: left;
	background-color: none;
	outline: 0px solid teal;

}
.banner
{	max-width: 989px;
	min-width: 320px;
	height: auto; 
	margin: auto;
	height: auto;
	outline: 0px solid red
}
.w3-navbar li{float:left;}
.w3-navbar li a{display:block;padding:5px 14px}
.w3-navbar li a:hover{color:#000;background-color:#ccc; border-radius: 4px;}



/* ++++++++++++++++   good above  +++++++++++++++++++++ */

p.ref {
  font-family: Verdana,sans-serif;font-size:14px;line-height:1.3;
  font-style: normal;
  text-decoration: none;
  margin-left: 3.5em;
  text-indent: -3.5em;
  margin-right: 0in;
  font-weight: normal;
  color: black;
}

/* Extract from w3.css   body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5} */

p.ref a:link {
  color: #a47c02;
  text-decoration: none;
}
p.ref a:visited {
  color: #0000ff;
  text-decoration: none;
}
p.ref a:hover {
  color: #0000c9;
  text-decoration: none;
}