html, body {
	font-size:small; font-family: Calibri, Verdana, Arial, sans-serif;
	color: #000;
	background-color: #456;
	margin:0;
	padding:0;
	height:100%;
	text-align:left;
	line-height:150%;
}

a:link { color:#111; text-decoration: none; border-bottom:1px dotted #111;}
a:visited { color:#000; text-decoration: none; border-bottom:1px dotted #000; }
a:hover { color:#131; text-decoration: none; border-bottom:1px dotted #131; }
a:active { color:#161 ; text-decoration: none; border-bottom:1px dotted #161;}


a.no_border {
	border:none;
}

img.no_border {
	border:none;
}

a.external {
	padding-right:15px;
	background:url(http://www.mousepickle.com/images/out.gif) no-repeat center right;
}

li.bookmark {
	display:inline;
}

dl.glossary
{
	margin:0;
	padding:0;
}

.glossary dt
{
	float:left;
	margin:0;
	padding:0;
	font-weight: bold;
}

.glossary dd
{
	margin:0pt;
	padding:0 0 0 12em;
}

div.footer {
	position:absolute;
	width:24em;
	margin:2em;
	bottom:0px;
}

div.footer p {
	color:#fff;
	font-size:x-small;
}

.footer a:link { color:#eee; text-decoration: none; border-bottom:1px dotted #eee;}
.footer a:visited { color:#eee; text-decoration: none; border-bottom:1px dotted #eee; }
.footer a:hover { color:#eee; text-decoration: none; border-bottom:1px dotted #eee; }
.footer a:active { color:#eee ; text-decoration: none; border-bottom:1px dotted #eee;}

div.header {
	position:absolute;
	padding:14px 0 10px 30px;
	height:32px;
}

div.linkpanel {
	position:absolute;
	top:18px;
	right:0;
	width:50%;
}

div.linkpanel p {
	color:#fff;
	font-size:x-small;
	margin:0px 2em;
	text-align:right;
}

.linkpanel a:link { color:#eee; text-decoration: none; border-bottom:1px dotted #eee;}
.linkpanel a:visited { color:#eee; text-decoration: none; border-bottom:1px dotted #eee; }
.linkpanel a:hover { color:#eee; text-decoration: none; border-bottom:1px dotted #eee; }
.linkpanel a:active { color:#eee ; text-decoration: none; border-bottom:1px dotted #eee;}

div.guts {
	background-color:#fff;
	margin:0 2em;
	padding:0px 12px;
	min-width:360px;
	position:absolute;
	left:26em;
	top:60px;
}

div.outercontainer {
	position:absolute;
	margin:0px auto 0px;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}

div.innercontainer {
	margin-top:48px;
	margin-bottom:10em;
}

div.intropanel {
	position:relative;
	width:30em;
	padding:1em 2em;
}

div.subsequentpanel {
	position:relative;
	width:24em;
	padding:12px 2em;
}

.title {
	font-size:medium;
	font-weight:bold;
}

.subtitle {
	font-weight:bold;
}

p.crux {
	background-color:#DDF;
	padding:0.5em 0.2em 0.5em 0.2em;
	margin:0 -0.2em 0 -0.2em;
}

div.subpanel {
	background-color: #A98;
	padding:0.1em 1em;
	margin-bottom:1em;
}

div.firstpanel {
	background-color: #9BA;
	padding:0.1em 1em;
	margin-bottom:1em;
}

div.smallpanel {
	background-color: #A98;
	padding:0.1em 1em;
	margin-bottom:1em;
	font-size:x-small;
	line-height:100%;
}

span.time {
	font-family:monospace;
	font-weight:bold;
	background-color: #CCE;
	padding:0.3em;
}