body {
				background-color: #f5f5f5;
      			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: 28% 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; 
				display:grid;
				grid-template-columns: 70% 8% auto;	
			}		

				
			.nav {
				grid-column: 1;
				grid-row: 2/29; 
				padding: 1em;
		 		background-color: #fffff5;
		 		border-style: ridge;
			}
														
			.nav dd{
				margin-bottom: 8px;
				margin-left: 8px;				
			}	
			
			.nav dt{
				margin-bottom: 8px;
			}	

			.navl {
				grid-column: 1;
				grid-row: 2/56; 
				padding: 1em;
		 		background-color: #fffff5;
		 		border-style: ridge;
			}
														
			.navl dd{
				margin-bottom: 8px;
				margin-left: 8px;				
			}	
			
			.navl dt{
				margin-bottom: 8px;
			}

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

			.links {
				grid-column: 2;
		 		background-color: #fffff5;
		 		padding-left: 1em;
		 		padding-bottom: 1em;
		 		border-style: ridge;
			}

			blockquote {
  				margin-left: 1em;
			}

			h1{
				font-size: 1.4em;
			}
			
			h2{
				font-size: 1.2em;			
			}	
			
			h3{
				font-size: 1em;
			}
			
			h4{
				font-size: 1em;
				font-weight: normal;
				font-style: italic;
				margin-bottom: 0;
			}
					
			li{
				margin-bottom: 8px;	
			}			

			dt{
				margin-bottom: 8px;
				margin-left: 0;				
			}
						
			dd{
				margin-bottom: 8px;
				margin-left: 1em;				
			}