html {
	padding: 2em 0 1.8em;
	color: #333333;
	background-color: #EEEEEE;
}

body {
  padding: 0;
  margin: 0;
}

#title-section {
	text-align: center;
	font-family: Georgia, Utopia, serif;
}

#title-section h1 {
	text-align: center;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
}

#title-section h2 {
	text-align: center;
	font-size: 1em;
	font-family: inherit;
}

#title-section h3 {
	text-align: center;
	font-size: .8em;
	font-family: inherit;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

acronym, abbr, .info {
	border-bottom: 1px dashed gray;
}

a {
	color: #777777;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #222222;
	background-color: inherit;
	text-decoration: none;
}

a img {
	border: none;
}

ul.inline {
	padding-left: 0;
	list-style-type: none;
}

ul.inline li {
	display: inline;
}

ul.inline li:before {
	content: "—";
}

ul.inline li:first-child:before {
	content: "";
}

ul.inline img {
	vertical-align: text-top;
}

li {
	margin-bottom: .3em;
}

dt {
  margin-top: 1em;
  font-weight: bold;
}

div.illustration {
	padding: .1em .2em;
	text-align: center;
	font-style: italic;
}

div.illustration img {
	text-align: center;
	display: block;
}

.illustration.right { float: right; }
.illustration.left  { float: left;  }

.illustration.no-caption {
	border: none;
	padding: .1em .2em;
}

span.area-code {
	opacity: 0.4;
}

pre#uprecords {
	margin-top: 4em;
}

div#content {
	width: 50%;
	margin: 1em auto;
	text-align: justify;
}

div#content.minimal {
	text-align: center;
}

div#footer {
	text-align: center;
	position: fixed;
	font-size: .6em;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	color: #999999;
	width: 100%;
	bottom: 0;
	margin: 2em 0 1em;
	padding: 0;
	background-color: transparent;
	z-index: -1;
}