/********************************************************************** 
Filename: print.css   
created by:  e. hust
created: 6 June 2005
last modified: 13 June 2005
last modified by: e. hust
Purose: controls the print layout
location: /css
Comments: 
styles need to be repeated becuase this stylesheet is use instead of  the static layout.css style sheet.
font is switched to times new roman (12pt) for readability when printed
 ********************************************************************/

/* this makes mac IE5 use the correct font-face */
.be-nice-to-Mac-IE5 { font-family: inherit; }

body
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-image: url(/graphics/uwdcctopbg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*this makes the accessibility notice invisible to all accessable browsers */
#notice { display: none; }

/* this class is used to control the tool-tip boxes that are connected to the info icons */
.tip { display: none; }

/*** Containers ***/
/*positions just the uwdcc logo */
div.uwdcclogo
{
	position: absolute;
	top: 0px;
	left: 0px;
}

/* both containter and container2 need to be here for IE to play nicely */
div.container
{
	margin-top: 0em;
	float: none;
	width: 95%;
	background-color: #ffffff;
	padding-top: 0em;
	margin-left: 0px;
}

div.container2
{
	padding-top: 0em;
	float: none;
	width: 100%;
	border: 0px;
}

/* hides the text "print only the full text" */
td div.printer { display: none; }

/*hides the text "return to image version" */
div.imageVersion { display: none; }

/* hides the font-size change buttons */
div.textSizer { display: none; }

div.header
{
	float: none;
	width: 100%;
}

/*** navigation ***/

/* the navigation is divided into two divs, a left div and a right div
	this is so the right list items can align properly with the image and right text column
	within mainCollectionIDHome.shtml */

#navigationContainer
{
	width: 100%;
	margin: 0em;
}

div.navigationLeft { display: none; }
div.navigationRight { display: none; }

div.citation
{
	float: left;
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
	margin-left: 1em;
	margin-right: .75em;
	margin-bottom: .75em;
	width: auto;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
}

div.content > div.citation
{
	float: left;
	border: 1px solid #000000;
}

/** divs contained only on About.shtml **/
div.text
{
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	margin-top: 1em;
}

div.textHome
{
	clear: none;
	float: left;
	height: auto;
	text-align: left;
	width: 45%;
	margin-top: 2em;
}

div.content > div.textHome { margin-top: 0px; }

div.rightHome
{
	float: right;
	text-align: left;
	background-color: #ffffff;
	overflow: hidden;
	clear: right;
	border: none;
	z-index: 1;
	clip: rect(auto,auto,auto,auto);
	width: 50%;
	margin-right: 1em;
}

div.rightMenu { display: none; }
p { margin-left: 1em; }

/* this hack displays the url of any links that are displayed within this style.  This style
is primarily used within the subcolleciton listings on About.shtml */

p.indent a:link:after, p.indent a:visited:after { content: " (" attr(href) ") "; }
p.indent a img:after { content: ""; }
div.subcollection { margin-left: 1em; }

div.footer
{
	clear: both;
	float: none;
	width: 90%;
	font-weight: bold;
	color: #000000;
	margin-left: 1em;
	text-align: center;
}

/* this displays the short copyright notice that is printed on every page */
div.copyright
{
	text-align: left;
	width: 95%;
	padding-left: 0em;
	padding-top: 0em;
	margin-bottom: 0em;
	float: none;
	display: inline;
	font-size: 10px;
}

/*** tags and custom selectors ***/
img { border: 0px; }
h1 { margin-top: 0em; }

h2
{
	font-weight: bold;
	margin-left: 1em;
	margin-bottom: 0em;
}

h3
{
	font-weight: bold;
	margin-left: 1em;
	margin-bottom: 0em;
}

/* this should be used when listing the name and handle of subcollections on About.shtml */
h3.subcollection { margin-bottom: -1em; }
h4 { margin-bottom: 0em; }

hr
{
	border: 0;
	padding-top: 0em;
	padding-bottom: 0em;
	width: 95%;
	text-align: left;
	height: 1px;
	color: #7b0100;
	background-color: #000000;
	margin-left: 1em;
	clear: both;
}

ul
{
	list-style-image: url(/graphics/style10/bullet.gif);
	list-style-position: inside;
}

ul.navigation
{
	color: #000000;
	margin-top: 0em;
}

ul.navigation li
{
	margin-bottom: 0.5em;
	margin-left: -1.7em;
}

/* this style should be used for both the materials in the collection and related materials lists */
ul.materials
{
	margin-top: 0em;
	text-indent: -2em;
	margin-left: 1em;
	padding-left: 2em;
	font-weight: bold;
}

/* this will print the urls of the materials in the collection and the listing of related materials */
ul.materials a:link:after, ul.materials a:visited:after { content: " (" attr(href) ") "; }
p { margin-left: 0em; }

a:link
{
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	text-decoration: none;
	font-weight: bold;
}

a:active
{
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
	font-weight: bold;
}

/*** Custom classes ***/
.image
{
	float: none;
	text-align: left;
	background-color: #ffffff;
	border: none;
	width: 100%;
	margin-right: 1em;
	margin-top: 1em;
	clear: both;
}

.invisible { display: none; }
.indent { margin-left: 3em; }

.info
{
	visibility: hidden;
	z-index: 1;
}

div.topOfPageLink { display: none; }

/* hides the jumplinks */
.jumpLinks { display: none; }

/*** added to removed copyrighted images from printing ***/
img.copyrighted
{
	display: none;
	visibility: hidden;
}