/**********************************/
/* CSS styles for document files  */
/**********************************/

/* @media/@page directives to insure bottom of the PDF isn't gray when created from html */
@media print {
	body, html {
		background-color: white !important;	
		height: 100%;
		margin: 0;
	}
/* Force exact page sizing without overflow trailing space */
@page {
	size: letter portrait;
	margin: 0.5in;
	}
}

.topstrip_doc {	
	font-family: var(--body-fontfamily);
	display: flex;
	justify-content: space-between;
	margin: 20px 20px 0px 20px;  /* top right bottom left */
	background-color: white;
	}

#content_doc {
	background-color: white;
	height: 100%;
	overflow: hidden;	/* allows box to expand with content */
	margin: 0px 20px 0px 20px;  /* top right bottom left */
	font-family: var(--body-fontfamily);
	font-size: var(--font_normal);
	line-height: 1.5; /* zzz was 1.3 */
	color: var(--content_color);
	}

#wrapper_doc {
	padding:0;
	border:1px ridge white; /* For some reason, without "ridge" the top margin is gray!?! but with it, PDF shows a border */
	width: 840px;	/*   So won't "spread" too wide on larger screens. On smaller viewports it's "100%". If */
	height: auto;	/* width changes here,change also max-width for viewport statement in palouse_main.dwt. */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: white;
	}

.pagetitle_doc {
	font-family: var(--title-fontfamily);
	font-size: var(--font_title);
	line-height: 1.3;
	font-weight: bold;
	color: black;
	text-align: center;
	margin: 0px 0px 0px 0px;	/* top right bottom left */
	}

.pagesubtitle_doc {
	font-family: var(--title-fontfamily);
	font-size: var(--font_subtitle);
	line-height: 1.3;
	font-weight: normal;
	font-style: italic;
	color: black;
	text-align: center;
	margin: 0px 0px 0px 0px;	/* top right bottom left */
	}

.pageauthor_doc {
	font-family: var(--title-fontfamily);
	font-size: var(--font_sub-heading);
	line-height: 1.3;
	font-weight: normal;
	font-style: italic;
	color: black;
	text-align: center;
	margin: 8px 0px 0px 0px;	/* top right bottom left */
	}

#middle_text_doc {
	width: 92%;
	height: 100%;
	float: left;
	padding: 10px 20px 0px 20px; /* top, right, bottom, left */
	margin-bottom: 10px;
	}

.middle_text_header_doc {
	display: inline;
	height: 100%;
	font-family: var(--heading-fontfamily);
	font-size: var(--font_heading);
	line-height: 1.4;
	color: black;
	}

.photo_doc {
	width: 10px;
	}