@media screen, projection {
.BeNiceToMacIE5 {  /* reveal @media rules to MacIE */
	font-family: "\"}\"";
	font-family: inherit;
}
body {
	background-color: #fff;
	color: #000;
}
.nav ul {
	margin: .5em 0 0 0;
	border-bottom: 1px solid #ccc;
	text-align: right;
	list-style: none;
}
.nav li {
	display: inline;
	font-size: 90%;
	color: #fff;
}
/* MacIE makes a terrible mess of inline lists with padding :(
   We need to hide the next few rules from it.
   WinIE 5.0 also does not support padding on inline elements,
   but it does (erroneously) support width, so we'll specify
   a width for that browser. (escaped comment hack follows) \*/
.nav li {
	padding: .1em 0 .1em 20px;
	background: #2a2a2a url(images/slash.png) 0 100% no-repeat;
}
.nav li.first {
	background-image: url(images/slash-end.png);
}
* html body .nav li,
* html body .nav li a {
	width: 5em;
	wid\th: auto;
} /* end IE hacks */

.nav a {
	padding-left: 12px;
	padding-right: 10px;
	background: #2a2a2a url(images/bullet.png) -20px 50% no-repeat;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #ccc;
}
/* Hide from MacIE, again \*/
.nav li a {
	border-width: 0;
} /* end MacIE hack */

.nav a:hover {
	background-position: 1px 50%;
	text-decoration: none;
	color: #fff;
}
/* divider bar */
.nav .divider {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 10px;
	overflow: hidden;
	width: 100%;
	background: #575756 url(images/divider.jpg) 75% 0 no-repeat;
}

/* readability aid */
p {
	max-width: 40em;
	margin: 1em auto;
}

} /* end media rules */