* { 
			border:0 none; 
			margin:0; 
			padding:0; 
			vertical-align:baseline;
		}
		
		
		#page-wrap {
			min-width: 320px;
			max-width: 60%;
			margin: 0 auto;
		}
		
		body {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			line-height: 1.5;
			color: #333;
		}

		.cl { clear: both;}
		
		header.logo {margin: 40px 0 0 0; }
		
		header.logo img { max-width: 60%; max-height: 40px;}
		header.logo .nomensa { float: right; max-width: 33%;}
		header.logo .nomensa img {max-width: 100%;}
		header.logo span {position: absolute; left: -999em;}

		main {clear: both;}
		
		h1, .h1 {
			color: #002469;
			line-height: 1.4em;
			font-size: 1.6rem;
			padding: 1.5rem 0 1rem 0;
			font-weight: 700;
			text-transform: capitalize;
			letter-spacing: 1pt;
			word-spacing: 2pt;
		}
		
		h2, .h2 {
			font-size: 1.3rem;
			margin: 2rem 0 1rem;
			border-bottom: 1px dotted #000;
			font-weight: 700;
		}

		h2 a.sc {
			float: right;
			font-size: 70%;
			margin-top: -4px;
		}

		h3, .h3 {
			font-size: 1.1rem;
			margin: 1.3rem 0 0.5rem;
		}

		p {
			margin: 0 0 1rem 0;
		}
		
		ol, ul {
			color: #002479;
			margin: 1.5rem 0 1rem;
			padding: 0 0 0 2rem;
		}
		
		ul {
			/*list-style: none;*/

		}
		ul.informal li {
			display: inline-block;
			list-style: none;
		}
		ul.col2:after {
			content: "";
			display: table;
			clear: both;
		}


		ul.col2 li {
			float: left;
			width: 49%;
		}
		
		ol li, ul li {
			margin: 0;
			padding: 0.2rem 0;
		}
		
		ol ol, ul ul {
			margin: 0 0 0.6rem 0;
			padding-left: 35px;
		}
		
		
		main a, footer a, #trick-link {
			color: #069;
			background: #e5eff5;
			padding: 2px 5px 2px 5px;
			text-decoration: none;
			border-radius: 5px;
			display: inline-block;
			text-shadow: 0 1px 1px #fff;
			box-shadow: inset 0 -1px 1px 0 rgba(0,100,255,0.15);
		}
		
		li p {
			background: #fff;
			border: 1px solid #ccc;
			margin-bottom: 0.2rem;
			color: #666;
		}
		
		p span, li span {
			background: #fff;
			border-radius: 8px;
			margin: 0 0.3rem 0 -0.4rem;
			padding: 0.35rem;
		}
		
		p span {
			background: #eee;
		}
		
		p.logo a, h1 a:hover, h1 a:focus, h1 a:active, table a {
			background: none;
			padding: 0;
			border-radius: 0;
		}
		
		main a:hover, 
		main a:focus, 
		main a:active,
		footer a:hover, 
		footer a:focus, 
		footer a:active, 
		#trick-link:hover {
			color: #fff;
			background: #069;
			text-shadow: 0 -1px 1px #000;
		}
		
		main a:hover span, main a:focus span, main a:active span {
			color: #069;
			text-shadow: none;
		}

		hr {
			margin: 1.5rem -1.5rem;
			border-top: 1px solid #ccc;
			border-bottom: none;
			border-left: none;
			border-right: none;
		}

		kbd {
			border: 1px #999 solid; 
			padding: 0.1rem 0.2rem; 
			background: #eee;
		}

		dl {
			border-bottom: 1px #ccc solid;
			display: inline-block;
			margin-bottom: 1.5rem;
		}

		dt {
			font-weight: bold;
			margin: 0.7rem 0 0.2rem 0;
			border-top: 1px #ccc solid;
			padding: 0.2rem 0.6rem;
		}

		dd {
			margin: 0 0 0.5rem 1.9rem;
		}

		table {
			border-collapse: collapse;
			width: 100%;
		}
		
		td, th {
			border: 1px #ccc solid;
			padding: 0.3rem;
		}
		th {
			text-align: left;
		}

		pre {margin-bottom: 20px;}


		form {border: 1px grey dotted; padding: 5px;}

		input {
			border: inset 1px;
		}

		table.gallery img {
			width: 200px;
			padding: 0;
		}

		.contrast {background: #666;}

		.tricksy-columns {
			outline: 1px #ccc solid;
			margin: 0 0 1rem 0;
		}

		.tricksy-columns > * {
			width: 33%;
			float: left;
		}
		.tricksy-columns .col3 {
			float: right;
		}

		#trick-link {
			cursor: pointer;
			margin-left: 5px;
		}

		@media print {
			body {font-size: 12px;}
			#page-wrap {max-width: 90%;}
			.backlink {display:none;}
			h1 {color: #036;}
			a, a:link {
				color: #069;
				text-shadow: none;
				text-decoration: underline;
				border-radius: 0;
				border: none;
				background: transparent;
				padding: 0;
				display: inline;
				box-shadow: none;
			}

			.print-break {page-break-before: always;}

		}