body {
		 		background: #F2F2F2;
      			font-family: Helvetica, Univers, sans-serif;
      		} 
			
			.wrapper {
				margin-right: auto;
				margin-left:  auto;		
				max-width: 960px;			
				padding-right: 15px;
				padding-left:  15px;
			}
							
			.grid {
				display: grid;
				grid-template-columns: 25% auto;
				grid-auto-rows: minmax(5px, auto);
				grid-column-gap: 1em;
			} 


/*			.header {
				grid-column:1/3;
				background-image: url("../images/brick.gif");
				background-size: 52px; 
			}
*/

			.header {
				grid-column:1/4;
				background-image: url("../images/brick.gif");
				background-size: 52px; 
				display:grid;
				grid-template-columns: 70% 8% auto;	
			}		
	
				
			.nav {
				grid-column: 1;
				grid-row: 2/3; 
				background-color: #fff;
				padding: 1em;
		 		border-style: ridge;
			}
			
			.nav hr {
				width: 75%
				text-align: left
			}										

			.quote {
				grid-column: 2;
				grid-row: 2;
				text-align: left;
				border-style: groove;
				border-radius: 10px;
				padding-top: 7px;
				padding-bottom: 7px;
				padding-right: 1em;
				padding-left: 1em;
				background-color: #eee;
				justify-self: start;
				margin-top: 1em;
			}
			
			.top-ad {
				grid-column: 2;
				margin-top: 1em;
			}
							
			.list {
				font-size: 105%;
				grid-column: 2;
				background-color: #fff;
				padding: 1em;
		 		border-style: outset;
			}
			
			.list img {
				height: 40px;
			}
			
			.list li {
				padding-bottom: 1em;
			}
			
			.ad {
				grid-column: 2;
			}