body { 
	max-width:800px;
	margin: auto;
	font-family: Lato, Arial, Sans-Serif;
	background-color: #e4e4e4
	}


  .menu {
	clear: left;
         	float:right; 
	margin-top: 5px;

	} 
  .menu a {
	color: black;
         	text-decoration: none; 
	background-color: #eeeeee; padding: 1ex;  
	margin-left: 5px;	                
	} 

  .menu a.selected {
	cursor: default;
         	color: black;
	background-color: white;          
	border: solid 1px #dddddd;          
	} 

  footer ul  li a.selected {
	cursor: default;
         	color: black;
	text-decoration: none;
	} 

  





 header {background-color: #ffffff; padding: 1em;  }
 header .logo {padding: 1ex; }
 .banner { width: 100%; margin:1ex 0 0 0  }


.container { position: relative;}
 div.imageTitle {
  	color: white;
 	font-size:2.7em;
  	position: absolute;
  	bottom: 0.2ex;
  	left: 0.4ex;
	}


  h1.grayTitle { 
	//padding-left: 12px;
	margin:0; 
	font-size:3em; 
	color:  gray;  
	//background: gray;  
	//color: white
	}


  h2 {font-size: 1.2em; margin-top: 2em;}
  ul li,  ol li {margin:0.7ex}
  ul li b {color: #17539d;  }

  section {float:left;  padding: 1ex 1em 1em 1em; margin: 0px ; background-color: #ffffff; }
  section.gray { background-color: #f4f4f4 ; border: solid 1em white;}

//   section  {margin-top:0}


  .smallImage { display: block; width:45%; float:left; margin-right: 0px }
  .smallSVG { display: block; width:40%; float:left; margin-right: 15px }

  footer {   border-top: solid 1px #d3d2d0; 
	float:left;clear:both; 
	margin:auto;
	width:100%; 
	padding:1ex 0 2em 0;  
	text-align:center }

  footer a {color: #505050;}

  footer ul {margin:0.5ex}  
  footer ul li {
	align-items: center;
	display:inline-block;
	}



  address { font-style: normal; font-size: 80%;} 

  .noscreen { display:none}

 @media (max-width: 550px) {
     div.imageTitle  { font-size: 3.5vh; }
    div.menu  { font-size: 1.2ex; }
 }



@media screen (max-width: 800px) {
  .smallImage { clear:both; width:100%; margin:0 10px 15px 0 }
   .smallSVG { clear:both; width:300px;  margin: 0 0 0 3em    }
   .smallSVG + ul {float:left;}
  }

@media print {
   div.imageTitle  { display:none}
  .noprint, .banner  { display:none}
  .noscreen { display: block; font-weight: bold;}




}