body {
	width: 700px;
	margin: 0;
	padding: 0 15px 15px;
	font-family: clearlyu alternative, arial, helvitica, sans;
	background: #ffffff;
}

h1 {
	background: url(top.png) no-repeat;
	height: 0px;
	padding-top: 71px;
	overflow: hidden;
}

h2 {
	margin: 5px 0 0 -2px;
}

div p {
	margin-top: -3px;
}

div div {
	width: 49%;
	float: left;
}

div div p {
	height: 30px;
}

p {
	font-size: 12px;
}

div div p, div div span, #footer p {
	font-size: 10px;
}

div div strong {
	color: #a9a9a9;
	font-size: 60%;
}

ul {
	list-style: none;
	margin: 0 15px 0 0px;
	padding: 0;
}

li {
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #d3d3d3;
}


div div a {
	font-weight: bold;
	color: #77bbbb;
	text-decoration: none;
}

div div a:visited {
	color: #66aabb;
}

div div a:hover, div a:active {
	color: #338888;
}

div div span {
	display: block;
	clear: left;
}

#footer {
	margin-top: 50px;
	border-top: 1px solid #d3d3d3;
}

#footer p {
	padding-top: 15px;
	width: 49%;
	float: left;
}

#left-preview, #right-preview {
	display: none;
	background: #c2e8f2;;
	border: 1px solid #62d7f5;
	position: absolute;
	top: 200px;
	width: 320px;
	padding: 5px;
}

#left-preview-title, #right-preview-title {
	margin: 0;
}

#left-preview-text, #right-preview-text {
	width: auto !important;
}

#left-preview-text p, #right-preview-text p {
	margin: 3px 0px 2px;
	height: auto;
	font-size: 12px;
}