html,body {
	margin:20px 0 0 0; padding:0;
	background:#9f9f9f;
	font:10pt Tahoma;
}

h1 {
	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
	font-size:13pt;
	color:#123456;
	letter-spacing:-1px;
}

#right h1 {
border-bottom:2px solid #123456;
display:block;
margin:20px 0 20px 0;
}

a {	text-decoration:none;}
a:hover {text-decoration:underline;}

#content a {
	color:#2657b4;
}
#left ul a {
	font:12pt monospace;
}
#footer a {
	color:gray;
}

p {
margin:5px 0 0 0;
}

#wrapper {
	width:800px;
	min-height:500px;
  	height:auto !important;
  	height:500px;
	padding:5px 5px 5px 5px;
  	background:#fff;
	margin:0 auto;
	border:18px solid #000;
}

#wrapper #left {
float:left;
width:220px;
margin-left:10px;
}

#wrapper #right {
float:left;
width:560px;
padding-left:10px;
}

#left ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#left ul li {
	list-style-type:none;
}

#footer {
	clear:both;
	width:300px;
	margin:0 auto;
	padding-top:40px;
	height:20px;
	color:gray;
	font-size:9px;
	text-align:center;
	vertical-align:bottom;
}

#right ul {
	margin:0; padding:0;
}
#right ul li {
	list-style-type:none;
	width:520px;
	margin-bottom:20px;
}
#right ul cite {
font-style:normal;
font:bold 13pt monospace;
background:gray;
color:#fff;
display:block;
width:100%;
padding:4px 4px 4px 4px;
margin-bottom:5px;
}

#right ul span {
	font-size:8pt;
	font-style:italic;
}

pre {
overflow:auto;
color:#000;
font-size:9pt;
width:100%;
padding:5px 5px 5px 5px;
background:#f1fbd5;
}

.back {display:block; margin:10px 0 10px 0; background:url(../images/arr.gif) no-repeat 0 3px; padding-left:15px}
#link {font-size:12pt; display:block; margin:20px 0 20px 0; font-weight:bold; text-decoration:underline}