/* Render Engine Styles */

body {
	background-color: white;
	font: 10pt Verdana;
	margin: 0;
}

a {
	text-decoration: none;
}

div.content a {
	border-bottom: 1px dashed;
}

div.header {
	position: relative;
	background-color: white;
	width: 100%;
	height: 120px;
	vertical-align: top;
}

div.header a {
	color: black;
}

div.header img {
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

div.header .left {
	position: relative;
	float: left;
	width: 300px;
}

div.header .right {
	position: relative;
	font-size: 12pt;
	font-weight: normal;
	float: left;
	width: 500px;
	vertical-align: bottom;
	padding-bottom: 10px;
	height: 70px;
}

div.header .right .topnav {
	position: absolute;
	bottom: 30px;
}

div.header .right a {
	margin-right: 30px;
}


div.header .title {
	float: left;
	vertical-align: top;
	margin-top: 40px;
}

div.header .title .engine-name {
	font-size: 22pt;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
}

div.header .title .tagline {
	font-size: 10pt;
	font-weight: normal;
}

div.content {
	background-color: #dbdae7;
	position: relative;
	padding-left: 50px;
	padding-top: 15px;
	display: table;
	width: 100%;
}

div.content .splash {
	position: relative;
	float: left;
	width: 300px;
	height: 280px;
	text-align: center;
}

div.content .nav {
	position: relative;
	float: left;
	width: 250px;
	margin-left: 50px;
}

div.content .nav .title {
	margin-top: 5px;
	margin-bottom: 4px;
	font-size: 18pt;
	font-weight: bold;
}

div.footer {
	padding-top: 8px;
	padding-left: 60px;
	position: relative;
	background-color: white;
	width: 100%;
	height: 200px;
}

div.footer .section {
	float: left;
	width: 150px;
	font: 8pt Arial;

}

div.footer .section .title {
	font-weight: bold;
}

div.footer .section ul {
	list-style: none outside none;
	margin-top: 5px;
}

div.footer .section ul li {
	margin-left: -40px;
}

div.code {
	font: 10pt "Courier New";
	padding: 5px;
	border: 1px dashed blue;
	background-color: Azure;
}

.browser-support img {
	margin: 0;
	padding: 0;
}