* {
	margin:			0;
	padding:		0;
}

html, body {
	background-color: #3d97b9;
	padding:		0;
	margin:			0;
}

.headerbar {
	width:			100%;
	background: 	black url('../images/headerbg.gif');
}

.header {
	width:			23cm;
	margin:			0 auto;
	height:			100px;
	min-height:		80px;
	background:		transparent url('../images/codetitle.gif') 0 18px no-repeat;
}
.header h1,
.header p {
	margin-left:	-4000px;
}

.contentbar {
	width:			100%;
	height:			100%;
	min-height:		300px;
	background:		url('../images/bggradient.gif') repeat-x;
	border-top:		#3d97b9 solid 1px;
}

.content {
	width:			23cm;
	margin:			.25em auto;
	padding:		0 .5em .5em .5em;
	background:		#061b27;
	color:			white;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border:			black solid 1px;
}

p, li, dd, dt, th, td,
h1, h2, h3, h4, h5, h6 {
	font-family:	"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans;
	line-height:	1.25em;
}

h2 {
	font-weight:		normal;
	margin:				.5em 0 1em 0;
}

h3 {
	margin:				1em 0 1em 0;
}

p {
	margin:				.5em 0 .5em 1em;
}

hr {
	height:				1px;
	margin:				1em 0;
	border-color:		#A4D867;
	border-style:		solid;
	border-width:		1px 0 0 0;
}

ul#topnav {
	float:				right;
	width:				12em;
	color:				white;
	list-style-type:	none;
}

#topnav li {
	text-align:			right;
	margin:				.25em 0 .25em 0;
}

a:link,
a:visited {
	color:				#A4D867;
	text-decoration:	none;
}

a:focus,
a:hover,
a:active {
	color:				white;
	text-decoration:	underline;
}