
/* Limit text lines to about 70 to 80 characters: */

p, li, blockquote	/* primary elements used for "regular" text */
, h1,h2,h3,h4,h5,h6	/* other elements that maybe shouldn't be too long */
{
	/* the standard CSS2 way: */
	max-width: 60em;

	/* partial workaround for IE 5 and 6's not implementing max-width: */
	width: expression(
		( document.body.clientWidth /* px */
		  >
		   100	/* px/in - estimated screen resolution */
		  / 72	/* pt/in */
		  * parseInt( document.body.currentStyle.fontSize ) /* pt/em */
		  * 35	/* em (/line) */
		) ? "35em" : "auto" );
		/* can that be parameterized further (to avoid two copies of "35")? */
}


body {
	background: #FDF5E6;		/* a yellowish tan? */
	color: black;
}

.crumbs {				/* for <div> listing cookie crumbs */
}
.current-crumb {			/* for <span> for current-page crumb */
	background: #FBEBCC;		/* darker tone of body background */
	color: black;

	font-weight: bold;
	text-decoration: none;
}



	.handheld-only { display: none }

@media all {
	.handheld-only { display: none }
	.screen-only { display: none }

	.test { background: red; color: black }
}
@media screen {
	.screen-only { display : inherit }
	.test { background: lime; color: black }
}
@media handheld {
	.handheld-only { display : inherit }
	.test { background: yellow; color: black }
}


.page-title {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
/*	background: #FAEBCC;*/
}

