body { background-color: #143356;
      color: #000000;
	  font-family: Arial, Helvetica, sans-serif;
}
#wrapper { width: 90%;
           margin-left: auto;
		   margin-right: auto;
		   background-color: #f5f5f5;
		   min-width: 939px;
		   max-width: 939px; }
footer   { font-size: .70em;
           font-style: italic;
           text-align: center;
           padding: 1em; }
header, nav, main, footer { display: block; align: center;
}
/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
table { margin: auto;
border: 0px solid #000066;
width: 600px; }
td, th { border: 0px dotted #efefef;
padding: .5em;
font-family: Arial, Helvetica, sans-serif; }
tr:nth-of-type(even) { background-color: #9BC1C2; }
caption { margin: 1em; font-weight: bold; font-size: 120%; }
@media only screen and (max-width: 1024px) {
	body { margin: 0;
		  padding: 0; }
	#wrapper { width: 100%;
		   min-width: 0;
		   margin: 0;
		   padding: 0; }
	header { padding-top: 1px; }
	nav { float: none;
	      padding-left: 2em;
	      width: auto; }
	nav a { padding: 0.2em;
	      margin-left: 0.3em;
		  float: left;
		  width: 23%; }
	main  { padding: 2.5em 1em;
	       margin: 0;
		   font-size: 100%;
		   clear: both; }
	#hero img { width: 100%; height: auto; }
	h2, h3, p, dl { padding-left: 2em; padding-right: 2em; }
	main ul { margin-left: 2em; }
	.floatleft { margin-left: 2em; margin-bottom: 1em;  }
	.clear { padding-left: 2em; }
}
@media only all and (max-width: 768px) {
	@.padded-multiline { NECESSARY?
		@line-height: 1.3; 
		@padding: 2px 0; 
		@border-left: 20px solid #c0c;
		@width: 400px;
		@margin: 20px auto;
	h1 { font-size: 2em;
		padding-top: 0.25em;
		padding-left: 1.5em;
		width: 85%; }
	nav a { padding: 0.5em; width: 45%; float: left; min-width: 6em; margin-left: 0.5em; }
	main { padding-top: 0;}
		.center {
		margin-left: auto;
		margin-right: auto;
		}
	.floatleft { float: none; display: none; }
	#hero { display: none; }
	footer { padding: 0.5em; margin: 0; }
	#mobile { display: inline; }
	#desktop { display: none; }