body {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
#container {
	margin: 2em auto;
	width: 600px;
	height: 400px;
	text-align: left;

	background: #333 url(/layout/nav.gif) top left repeat-y;
	border: solid 1px #000;
}
h1 {
	text-align: center;
	font-size: 22px;
}
#navigation {
	float: left; display: inline;
	padding: 0; margin: 0;
	padding-top: 10px;
	background: #eee;
	width: 199px;
	border-right: solid 1px #999;
}
#navigation ul {
	display: block;
	padding: 0; margin: 0; border: none;
}
#navigation ul li {
	display: block;
	padding: 0; margin: 0; border: none;
}
/* Hides from IE-mac \*/  * html #navigation ul li { height: 1px; } /* End hide from IE-mac */
#navigation ul li a {
	display: block;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	padding: 12px 10px; margin: 0;
	border-color: #eee;
	border-style: solid;
	border-width: 1px 0 1px 8px;
}
#navigation ul li a:hover {
	color: #000;
	background-color: #ccc;
	border-color: #999;
}
#logo {
	padding: 5px 6px;
	float: right; display: inline;
}