body {
	font-family: Arial, Helvetica, sans-serif;
	background: #999;
	font-size: 80%;
}



div#panel {
	width: 760px;
	height: 510px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px auto auto -375px;
	background: url(../images/panel-back.png) top left no-repeat;
}

div#header {
	width: 750px;
	height: 100px;
	background: url(../images/bg.jpg) no-repeat top center;
}

h1 {
	font-size: 170%;
}

li {
	padding-bottom: 0.5em;
}

a.pl {
	padding: 4px auto;
}

div.pn {
	border: 1px solid #666;
	padding: 5px;
	background: #ffd;
}

div#nav {
	position: relative;
	float: right;
	margin-right: 10px;
	text-align: right;
	font-size: 95%;
	padding: 3px 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color: #c00;
}

div#nav a {
	text-decoration: none;
	color: #c00;
}

div#nav a:hover {
	text-decoration: underline;
	color: #f00;
}

div#content {
	width: 750px;
	height: 376px;
	background: #fff;
}

div#leftcol, div#rightcol {
	width: 43%;
	margin: 0 2em;
}

div#leftcol {
	float: left;
}

div#rightcol {
	float: right;
}

div#footer {
	height: 20px;
	width: 734px;
	background: #333;
	color: #ddd;
	font-size: 90%;
	padding: 4px 8px 0 8px;
	text-align: center;
	font-family: Tahoma, Helvetica, sans-serif;
}

div#footer a {
	text-decoration: none;
	color: #ccc;
}

div#footer a:hover {
	color: #fff;
	text-decoration: underline;
}