body {
	margin: 0px 150px 0px 200px;
	font-family: Lucida Grande, sans-serif;
	/* Place #ref in the center in IE. */
	text-align: center;
}

#ref {
	position: relative;
	max-width: 40em;
	min-width: 15em;
	margin: 0px auto;
	/* Reset text align from rule in body. */
	text-align: left;
}

* html #ref {
	/* IE only */
	width: 35em;
}

#header {
	position: relative;
	height: 391px;
}

#header h1, #header h2 {
	margin: 0px;
}

#header div {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 391px;
	width: 400px;
	z-index: 10;
}

#body {
	color: #222;
	background: #fff;
	/* padding-top: has to cover up the p top-margin */
	/* padding-right < left because ragged right looks better that way */
	padding: 20px 40px 20px 50px;
	font-size: 90%;
	line-height: 160%;
	/* contain #heighthack */
	overflow: hidden;
}

* html #body {
	/* IE only... to make #body contain #heighthack */
	height: 1%;
}

#body #heighthack {
	float: left;
	height: 30em;
}

#left {
	position: absolute;
	top: 0px;
	left: -357px;
	width: 357px;
	height: 598px;
}

#right {
	position: absolute;
	top: 0px;
	right: -150px;
	width: 150px;
	height: 597px;
}

#mainnav {
	position: absolute;
	top: 460px;
	right: 20px;
	width: 140px;
}

#mainnav h3 {
	display: none;
}

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

#mainnav li {
	font-family: helvetica cy, helvetica, sans-serif;
	font-weight: 200;
	font-size: 1.2em;
	text-transform: uppercase;
}

#mainnav li :link, #mainnav li :visited {
	color: #fff;
	text-decoration: none;
}

#mainnav li :active, #mainnav li :hover {
	color: #fce67d;
}

#sidebaredit {
	display: block;
	text-align: right;
	font-size: .7em;
}

#pagecontrols {
	position: absolute;
	top: 430px;
	left: 20px;
	right: 20px;
	font-size: .7em;
	color: #fff;
}

#pagecontrols h3 {
	font-size: 1em;
	margin-top: 1.3em;
	margin-bottom: .3em;
}

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

#footer {
	text-align: center;
	font-size: .7em;
	margin: 0px;
	padding: 1em 0px;
	background: #e2e2ec;
	overflow: hidden;
}

* html #footer {
	/* IE only... to make #body contain #heighthack */
	height: 1%;
}

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

#footer img {
	border: 0px;
	margin-top: 1em;
}


#body h1 {
	font-size: 1.5em;
	line-height: 1.6em;
}

#body h2 {
	font-size: 1.2em;
}

#body p {
	margin: 0px 0px 20px 0px;
}


/* Homepage */
#HomePage {
	background: #a9aec4 url(images/background.gif) repeat-x 0px 0px;
}

#HomePage #ref {
	margin-top: 0px;
}

#HomePage #header {
	background: #fff;
}

#HomePage #header div {
	background: url(images/header.gif) no-repeat 0px 0px;
}

#HomePage #header h1 {
	position: static;
	top: 0px;
	left: 0px;
	color: #000;
	z-index: 0;
}

#HomePage #left {
	background: url(images/left.gif) no-repeat 0px 0px;
}

#HomePage #right {
	background: url(images/right.gif) no-repeat 0px 0px;
}



/* Subpage */
body {
	background: #a9aec4 url(images/subpage-background.gif) repeat-x 0px -330px;
}

#ref {
	/* Using top instead of margin-top will create a space at the bottom of
	   the page */
	margin-top: -330px;
}

#header {
	background: #e2e2ec;
}

#header div {
	background: url(images/subpage-header.gif) no-repeat 0px 0px;
}

#header h1 {
	position: absolute;
	top: 360px;
	left: 124px;
	color: #1a1448;
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
	z-index: 11;
}

#left {
	background: url(images/subpage-left.gif) no-repeat 0px 0px;
}

#right {
	background: url(images/subpage-right.gif) no-repeat 0px 0px;
}

#AllRecentChanges #body ul, #AllRecentChanges #body li,
#RecentChanges #body ul, #RecentChanges #body li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#AllRecentChanges #body li, #RecentChanges #body li {
	padding-left: 2em;
	text-indent: -3em;
}