.hide { display: none }

/* only visible in IE (and non-CSS browsers) */
* html .hide { display: block; color: #CC0000 }
/* end of hack */

body {
	font-family: "Ludica Grande", Verdana, sans-serif;
	background: #EEEEEE;
	padding: 0;
	margin: 0 auto;
	max-width: 40em;
}

#root {
	margin: 1em 0 0 9em;
	border-left: 1px solid black;
	padding: 0 1em 0 1em;
}

h1 { margin-top: 0; font-size: 150% }

#nav {
	float: left;
	padding: 31px 0 0 0;
	margin: 0em 1em 0.5em 1em;
	width: 11em;
	background: url(images/nubz.gif) no-repeat;
}

#subnav {
	float: left;
	clear: left;
	border-top: 1px solid black;
	padding: 1em 0 0 0;
	margin: 1em 1em 0.5em 1em;
	width: 8em;
}

#subnav a {
	font-size: 80%;
	text-decoration: none;
}

.sublink {
	font-size: 80%;
}

#nav.nosub { width: 9em }

#nav * { display: none }

#nav a {
	display: block;
	text-decoration: none;
	padding: 5px 1em;
	margin: 1ex 2em -1px 0;
	border: 1px solid #0000CC;
	background: white;
}

#nav.nosub a { margin-right: 0 }

#nav a.sub {
	margin: -1px 0 -1px 2.5em;
	font-size: 80%;
}