html {font-size: 100%; width: 100%; overflow: auto; overflow-y: scroll;}

body {
	width: 100%; 
	margin: 0px;
	padding: 0px 0px 3.2em;
	overflow: visible;
	background-color: #dee;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #200;
}

a:link, 
a:visited, 
a:hover, 
a:active {
	color: #646;
	text-decoration: underline;
	
}

a:hover, #crumbs a:hover {
	color: #c9c;
}

#ex a:link, 
#ex a:visited, 
#ex a:hover, 
#ex a:active {
	letter-spacing: 0.083em;
	font-weight: bold;
	color: #cdf;
	text-decoration: underline;
}

#ex a img {
	border: 4px solid #cdf;
}

#ex a:hover img {
	border: 4px solid #fff;
}

#ex a:hover {
	background-color: transparent;
	color: #fff;
}

h1 {
	font-family: "lucida console", monaco;
	color: #233;
	font-size: 2em;
	letter-spacing: 0.1em;
	margin: 0.6em 1.2em 0px;
}

span.sub {
	display: block;
	margin: 0px 2.4em 1.2em;
	color: #233;
}

h2 {
	font-size: 1.5em;
	margin-top: 0px;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1.0em;
}

h4, h5 {
	margin-bottom: 0.4em;
}

p {
	margin-top: 0px;
}

.content, .insert p {
	font-size: 1.2em;
	line-height: 1.4em;
}

.content {
	max-width: 60em;
	background-color: #fff;
	border: 6px double #dee;
	margin: 0px 2em;
	padding: 1.4em;
	margin-bottom: 2.4em;
}

.insert p, .insert h3 {
	margin: 1.2em;
}

div.step {
	margin-left: 1.4em;
	padding-bottom: 0.7em;
}

ul {
	list-style-type: square;
	line-height: 2.2em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 0.7em;
}

#instructions pre {
	font-family: "lucida console", monaco;
	font-size: 0.92em;
	background-color: #ddd;
	padding: 0.2em 0.4em;
	overflow: auto;
}

#ex {
	color: #fff;
	background-color: #677;
}

/*	Crumbs	*/
#crumbs {
	white-space: nowrap;
	width: 100%;
	height: 1.3em;
	line-height: 1.3em;
	font-size: 1.2em;
	background-color: #233;
	color: #dee;
	border-bottom: 1px solid #122;
}

#crumbs a {
	color: #a8a;
}

#crumbs span {
	margin-left: 1.8em;
}