body {
		 	background: #f2f2f2;
      		font-family: Helvetica, Univers, sans-serif;
      	} 

		.wrapper {
			margin-right: auto;
			margin-left:  auto;		
			max-width: 960px;			
			padding-right: 10px;
			padding-left:  10px;		
		}

		.grid {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-auto-rows: minmax(20px, auto);
			grid-gap:1em;
			justify-items:stretch;
			align-items:start;
			background-color: #fffff8;
			padding: 1em;
		}

		.header {
			background-image: url('../images/brick.gif');	
			display:grid;
			grid-template-columns: 58% 8% auto;	
			grid-column:1/5;
		}

		.title {
			text-align: center;
			grid-column: 1/5;
			grid-row: 2; 
			background-color: #f5f5f5;
			border-style: ridge;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		

		.list {
			grid-column: 2;
			padding-top: 1em;
			padding-left: 1em;
			padding-right: 1em;
		 	background-color: #fffff5;
		 	border-style: outset;
		}	

		.topics {
			font-size: 115%;
			display: inline-block;
		}
		

		.nav dd{
			margin-bottom: 6px;
			margin-left: 8px;				
		}	

		.ad {
			grid-row: 4;						
			grid-column:1/5;
			text-align: center;
		}