#layout{
	position: absolute;
	left: 50%;
	margin-left: -512px;
	top: 50%;
	margin-top: -384px;
}
#inset{
	width: 480px;
	height: 530px;
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top: 50%;
	margin-top: -204px;
	overflow: auto;
	background-color: #8b9987;
}
a img{
	border: 0;
}
p.spaced{
	line-height: 125%;
}

p.note{
  font-face: "Helvetica, Arial, sans-serif";
	color: #8b9987;
	font-weight: bold;
	font-size: 12px;
}

html{
	overflow-x: hidden;
}

body {font:12px/1.5 Helvetica, Arial, sans-serif;}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#d4e9ce; color:#000000;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

.credit{
  position: absolute;
	left: 50%;
	margin-left: -245px;
	bottom: 50%;
	margin-bottom: -300px;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 12;
}
.credit a:link{text-decoration: none; color: #748070;}
.credit a:visited{text-decoration: none; color: #748070;}
.credit a:active{text-decoration: none; color: black;}
.credit a:hover{text-decoration: underline; color: black;}