/*This is the style for screens larger than body frame of 960px, such as desktops */

body
{	background-color: #e2e2e2 ;
	width: 100%;
	margin: 0; padding: 0;
	height: auto;
	border: 0px solid green;
	background-image: none;	
}
.testa
{	position:fixed; width:100%; z-index:1;
	top:0; height: 203px;
	background-image: url(pictures/taper3.jpg);
	background-repeat: repeat-x;
}
.banner
{	width:989px; 
	margin: auto;
	height: auto;
	outline: 0px solid blue
}
.menugap 
{	height: 35px;
	width: 35%;  /*Adjusted for best menu position on large screens */
	float: left; 
	background-color: none; 
	outline: 0px solid teal; 
}
.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  this line +++++++++++++++++++++ */


.taperimage
{
	width: 100%; height: 203px; background-color: none;
	background-image: url(pictures/taper3.jpg);
	background-repeat: repeat-x;
	position: fixed; top: 0; z-index: 5;

}

div.toptop { /* header and horiz. nav bar fixed at top of screen*/
    position: fixed;
    top: 0;
    width: 987px;
    /*right: 0;*/
    z-index: +1;
}
div.pad {  /* padding section at top of content box */
    height: 293px; width: 100%;
    backgound-color: brown;
	position: static; z-index: 1;
}