body { line-height: 1.3; font-family: 'Caudex', arial, serif; background-color: #eee; text-align: center; }
img { margin-top: 12px; margin-bottom: 12px; }
.imgTinyMargins { margin-top: 2px; }
.ct { max-width: 960px; background-color: #fff; margin-left: auto; margin-right: auto; text-align: center; }
.ct1 { max-width: 960px; background-color: #fff; margin-left: auto; margin-right: auto;text-align: center; }
h1, h2, h3 { margin-left: 16px; }
#sl li { background-color: #eee; display: inline-block; float: left; font-size: 12px; text-align: center; margin-top: 7px; padding: 4px 8px; }
#lrow { font-size: 14px; }
#sl { text-align: center;}
#dl1 { padding: 10px; border: 1px solid #bbb; display: block; max-width: 720px; background-color: #eee; } /* top of page download link - legacy */
.desArea { text-align: center; margin: auto; }
.des { font-size: 1.2em; line-height: 1.5; max-width: 600px; text-align: left; }
a:hover { background-color: #ddd; text-decoration: none; }
a:visited { color: blue; }
.linkEmp { text-align: center; font-size: 1.4em; font-weight: bold; }

#offlineNotice { font-size: 1.5em; padding: 16px; border: thin black solid; clear: right; }

@media only screen and (max-device-width: 480px) {

 .highmobile { display: none; }
 #topImageHome { display: none; }
 .ct, .ct1 { padding: 10px 4px 10px 4px; margin: 0; }
 .nomobsides { float: left; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; }
 body { margin: 0; padding: 0; }
 #ct { margin: 0; padding: 8px; }
 #ct1 { margin: 0; padding: 8px; }
 img { padding: 0; margin: 10px 0 10px 0; }
 #dl1 { font-size: 12px; }

	}
	
@media only screen and (min-device-width: 700px) {

  .lowmobile { display: none; }
  .ct, .ct1 { padding: 10px 10px 10px 10px; }
  
}