html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: arial, sans-serif;
	background-color: #465452;
	color: #444;
	font-size: 75%;
}
a{
	color: #997C26;
	text-decoration: none;
}
a:focus, a:hover, a:active {
color: #CC9900;
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}

h1 {
	padding: 0;
	font: normal 2.0em arial, sans-serif;
	color: #666;
	margin: 0 0 10px 0;
}
h2 {
	padding: 10px 0;
	font: bold 1.6em arial, sans-serif;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
#page {
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #323639;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}
#container {
	padding: 20px 35px;
}

#footer {
	clear: both;
	font:normal 13px arial, sans-serif;
	color: #999;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

/* main navigation */
#nav {
	width: 900px;
	background-color: #858569;
	margin: 0 auto;
	height:26px;
}
#nav ul { padding:0; margin:0 0 0 300px; list-style:none; border:0; float:left;}
#nav ul li { float:left; margin:0; padding:4px 20px 0 20px;}
#nav ul li.last { padding: 0 0 0 10px; }
#nav ul li a {
	float:left;
	margin:0;
	padding:0;
	color:#ccc;
	font:bold 1.1em arial,sans-serif;
	text-decoration:none;
	overflow: auto;
}
#nav ul li a:hover { color:#fff;}
#nav ul li a.active { color:#fff;}