html, body {
    height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #231f20;
	font-size: 13px;
	background-color: #665746;
	background-image: url(_graphics/background.gif);
	background-repeat: repeat-x;
}

* {
	margin: 0;
	padding: 0;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      general
*/

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

h1 {
	font-size: 18px;
	color: #b20838;
	border-bottom: 1px solid #9e9c9d;
	margin-bottom: 1.3em;
}

h2 {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 1.3em;
	border-bottom: 1px solid #9e9c9d;
}

hr {
	width: 100%;
	color: #9e9c9d;
	background-color: #9e9c9d;
	height: 1px;
	border: 0;
	margin-bottom: 1.3em;
	clear: both;
}

ul {
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 1em 20px;
}

a {
	color: #b20838;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      frame
*/

div#frame {
	width: 980px;
	background-image: url(_graphics/background-frame.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	min-height: 100%;
}

div#frame-centre {
	width: 920px;
	float: left;
}

div#frame-left {
	width: 30px;
	float: left;
}

div#frame-right {
	width: 30px;
	float: left;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      masthead
*/

div#masthead {
	width: 980px;
	line-height: 0;
}

div#nav {
	width: 980px;
	height: 36px;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      sidebar
*/

div#sidebar {
	width: 170px;
	float: left;
	margin: 2.2em 20px 0 21px;
}

div#sidebar p {
	font-size: 10px;
	line-height: 1em;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      content
*/

div#content {
	width: 669px;
	float: left;
	margin: 2em 20px 0 20px;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      footer
*/

div#footer {
	clear: both;
	width: 980px;
	padding-bottom: 5em;
}

div#content-footer {
	width: 669px;
	font-size: 9px;
	padding-top: 2em;
	text-align: center;
	clear: both;
}

/*	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -      default template
*/

div#frame-default {
	width: 980px;
	background-image: url(_graphics/background-frame-default.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	min-height: 100%;
}

div#content-default {
	width: 879px;
	margin: 2em 20px 0 20px;
}

div#content-default-footer {
	width: 879px;
	font-size: 9px;
	padding-top: 2em;
	text-align: center;
	clear: both;
}