html,body {margin:0;padding:0;min-height:100%}
html {
/*background:#351552;
  background: radial-gradient( circle, #53287D 0%, #351552 80%) center center / cover no-repeat;*/
  background: radial-gradient(circle at center, #53287D 0%, #351552 80%) no-repeat;
  color: white;
  font-style:normal;
  text-rendering: optimizeLegibility;
  min-height: 100%
}
body {font-family:verdana,arial,sans-serif;font-size:100%}
h1, h2, h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
h1 {font-size:190%}
h2 {font-size:150%}
h3 {font-size:120%}

sub {vertical-align:sub}
sup {vertical-align:super}

pre,code,tt,kbd {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:90%
}
.pre,.code {white-space:prewrap}
/*
tr:nth-child(odd) {}*/

/*
a:hover img */
a:link,a:visited {text-decoration:none}
a:link {color:#bcb74b}
a:visited {color:#9eb94a}
a:hover {color:#bcb869}
a:active {color:#ac4593}

/*
.packed-bg {background-image:url(data:image/png;base64,<packed-data>) } */
/*
<img src="data:image/png;base64,<packed-data>" /> */

.css3radi {
	border-radius:;
	-webkit-border-radius:;
	-khtml-border-radius:;
	-moz-border-radius:;
}

h1.title {background:#fff;text-indent:1.2em;font-size:300%;margin-top:0;padding-bottom:0.22em;font-style:normal;color:#351552;box-shadow: 0 16px 15px -13px #777}
h1.title span {color:#BCB74B/*#ac4593*/}
h1.title span.lg {color:#aab}
h1.title span.wash {color:#5d7417}
/* * * */
header {
	width:100%;
	height:6rem;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#fff;
	border-bottom:0.1em solid #aaa;
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	-ms-transition:height 0.3s;
	-o-transition:height 0.3s;
	transition:height 0.3s
}
header h1#title {
	height:2.5rem;
	line-height:2.5rem;
	text-indent:1.2rem;
	font-size:300%;
	color:#351552;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s
}
header.smaller {height:2rem}
header.smaller h1#title {
	height:1.25rem;
	line-height:1.25rem;
	font-size:125%;
	margin-top:0.44rem
}
header h1#title span {color:#BCB74B/*#ac4593*/}
header h1#title span.lg {color:#aab}
header h1#title span.wash {color:#5d7417}
/* * * * */
section,#main,#content,.container {display:block}
#main p {width:65%;padding-left:1.5rem}
#main p::first-letter {font-weight:700}
#main ol {margin-left:2rem}
.container {height:29rem}

#footer {display:block;width:100%;position:relative;bottom:0;text-align:right}
#footer .copy {display:inline-block;line-height:1.4em;font-size:0.85em;margin-right:0.8em;padding-bottom:0.6em}