/********************************************************************** 
Filename: staticLayout.css   
created by:  e. hust
created: 6 June 2005
last modified: 11 july 2005
last modified by: e. hust
Purose: controls layout and stylistic elements that are the same throughout the different collection
	ex. h1, h2 size
location: /css
Comments: 
All colors in this documents are set to Black.  Colors are modified by the style#.css style sheet or
may be modified within the collection by the mainCollectionIDStatic.css
 ********************************************************************/
/* this makes mac IE5 use the correct font-face */
.be-nice-to-Mac-IE5 {
    font-family: "\"}\"", sans-serif;
    font-family: inherit;
  }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-image:url(/graphics/uwdcctopbg.gif);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	color: #000000;
	min-width: 720px;
}

a.tip{ position:relative; /*this is the key*/ z-index:24; visibility:visible; border:0px;}
a.tip:hover{z-index:25; background-color:#ffffff;}
a.tip span{display: none;}
a.tip:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #000000;
    background-color:#ffffff; color:#000000; font-size:.75em; padding:.25em; font-weight:normal;}
	
	
/*** Containers ***/
/*positions just the uwdcc logo */
div.uwdcclogo {
	top:0px;
	left:0px;
}
#social-links {
	float: right;
	margin-top: 21px;
	padding-right: 15px;
	padding-left: 10px;
	color: #710302;
	font-weight: bold;
/*	background: url("/graphics/social/social-bg.jpg") repeat-x;
*/}
#social-links img.icon {
	float: right;
	width: 40px;
}
/* both containter and container2 need to be here for IE to play nicely 
Set border colors in container2.  For collections with solid color
backgrounds, set the color background in div.container2 within the mainCollectonIDStatic.css */

div.container {
	float: none;
	width: auto;
	margin-left:10%;
	margin-right:10%;
	margin-top: 1em;
	background-color:#ffffff;
	margin-bottom:2em;
	}
div.container2 {
	padding-top: 0em;
	float:left;
	width:100%;
	padding: .5em;
	margin-bottom:2em;
	border: 3px solid #000000;
	}

/** header tools **/
	/*hides the text "return to image version */
	div.imageVersion {
		display:none;
		}
	
/*diplays the print text-only icon */
	 div.printer {display:block;
	float: left;
	text-align:right;
	vertical-align:top;
	font-size: .75em;}
	
/* hold the font-size change buttons */
	div.textSizer {
		float: right;
		text-align:right;
		vertical-align: top;
		}	
/** 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 {
		clear:both;
		float:left;
		width:45%;
		text-align:left;
		}	
	
	div.navigationRight {
		float:right;
		text-align:left;
		background-color:#ffffff;
		border: none;
		width: 50%;
		margin-right:1em;
		}

div.citation {
	float:left;
	display:inline;
	text-align:left;
	font-weight: bold;
	padding:0.5em;
	margin-left:1em;
	margin-right:.75em;
	margin-bottom:1em;
	width:auto;
	}	

/** divs contained only on About.shtml **/
	div.text {
		float: left;
		text-align:left;
		width: 95%;
		padding-left:1em;
		padding-top: 1em;
		}
	div.rightMenu {
		float: right;
		text-align: left;
		width: 30%;
		margin: 0.5em;
		padding:.75em;
		padding-bottom:.5em;
		margin-left: 1em;
		margin-bottom:0em;
		clear:both;
		}

/** divs only contained on mainCollectionIDHome.shtml **/
	div.textHome {
		clear:none;
		float:left;
		height:auto;
		text-align:left;
		width:45%;
		}
	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.imageHome {
		width:100%;
		}
	div.relatedMaterialsHome {
		text-align:left;
		width:100%;
			}
/* creates a div to hold an image and an appropriate caption
use p.cite and p.small to format the caption text */
div.cite {
	float: right;
	width: auto;
	clear: both;
	text-align: right;
	margin-bottom:0em;
	margin-top: 1em;
	margin-left: 2em;
	
	}

p.cite {
	font-weight:bold;
	margin-top:0em;
	margin-bottom: 0em;
	text-align: right;
	max-width: 300px;
	}

p.small {
	font-size:.75em;
	margin-top: 0em;
	text-align: right;
	max-width: 300px;
	}
	
/* creates a div to hold an image and an appropriate caption
use p.cite and p.small to format the caption text - left aligned */
div.citeLeft {
	float: left;
	width: auto;
	clear: both;
	text-align: left;
	margin-bottom:0em;
	margin-top: 1em;
	margin-right: 1em;
	margin-left:1em;
	}

p.citeLeft {
	font-weight:bold;
	margin-top:0em;
	margin-bottom: 0em;
	text-align: left;
	max-width: 300px;
	}

p.smallLeft {
	font-size:.75em;
	margin-top: 0em;
	text-align: left;
	max-width: 300px;
	}

/*  use the following to add a citation to an image on the home page */
p.citeHome {
	margin-top: 0em;
	margin-bottom: 0em;
	font-weight:bold;
	}
p.citeHomeSmall {
	font-size:.75em;
	margin-top: 0em;
	}

/* indents the subcollection listings on About.shtml */
div.subcollection {
	margin-left:1em;
	}
	
div.footer {
	clear:both;
	float:none;
	width:90%;
	padding-bottom:1em;
	padding-top:1em;	
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	margin-left:auto; margin-right:auto;
	}
img.rss {border:1px solid #000000;}
	
	div.footer ul li {float:left; list-style:none; border-right: 1px solid; white-space:nowrap; padding-right:.25em; padding-left:.25em;}
	div.footer ul li.last {border-right: none;}
/*hides the copyright notice on every page, this is set to visible in print.css */
div.copyright {
	display:none;
	}
div.right {float:right;}
/*this is used in the ead interface, which shares this css*/
#EADprintFooter {display:none;}
/*** tags and custom selectors ***/
p {  
	font-size:1em;
	margin-left:1em;
	margin-right:.5em;
	}
p.jumpLinks {
	width: 95%;
	font-weight:bold;
	}
	
img {
	border: 0px;
	page-break-before: auto;
	}

h1	{
	font-size:2em;
	color:#7b0100;
	margin-top:0em;
	
	}
h2 	{
	font-size: 1.2em;
	font-weight: bold;
	margin-left:1em;
	margin-bottom:0em;
	}
h3 	{
	font-size: 1em;
	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;
	margin-top: 1.2em;
	}
h3.materials-category {
	font-size: 1.1em;
	margin-bottom: 5px;
}
h4	{
	font-size: 1em;
	margin-bottom:0em;
	}

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

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

ul.navigation {
	list-style-image: url(/graphics/spacer.gif);
	font-size: 1.2em;
	color: #000000;
	margin-top: 0em;
	}
ul.navigation li {
	margin-bottom:0.5em;
	margin-left:-.7em;
	list-style-position: outside;
	font-size:1.1em;
	}
/* 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;
	}
ul.materials li {
	margin-bottom: .25em;
	}

ul.rightMenu li {
	margin-left: -2em;
	list-style-type: none;
	list-style-position:outside;
	margin-bottom:0em;
	}
/* this will display a list without any bullet */	
ul.nolist li {
	list-style-image: none;
	list-style-type:none;
	}
ul.nolistSpaced li {
		list-style-image: none;
	list-style-type:none;
	margin-bottom:1em;
	}
	ul.nolistnoindent {
	margin:0px;
	padding:0px;
	}
	ul.nolistnoindent li{
	list-style-image: none;
	list-style-type:none;
	list-style-position:outside;
	
	}
	
	
ul.outdent li {
	list-style-position: outside;
	}
ul.column {margin-top:0em;}
ul.column li {list-style:none; float:left; width:50%; margin-bottom: .5em;}
a {
	text-decoration: none;
	font-weight: bold;
	}	
/* this style is used to underline letters indicating they are access keys */
a em {
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
     }
ul.materials a em {
	font-style: italic;
	text-decoration: none;
}

/*** Custom classes ***/
.invisible {
	display:none;
	}
/*KM 6/09/06*/
.boldItalic {
	font-weight:bold;
	font-style:italic;
	}
.indent {
	margin-left:3em;
	}
.info {
	visibility:hidden;
	z-index:1;
	}
 /*this formats the canned search table for sitesearch canned searches in subcollections */
table.cannedSearchListing {
	border:1px solid #000000;
	padding:1em;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
	text-align:center;
	vertical-align:top;
	}
table.cannedSearchListing td {padding-bottom:15px;}
table.cannedSearchListing p {font-weight:bold;}

table.materials-listing {
	margin-left: 15px;
	width: 415px;
}

.topOfPageLink 	{
	font-weight: bold;
	margin: 0em 0em 0em 1.75em; 
	font-size: 1em;
	width: 95%;
	}	
.smallFont {
	font-size:.75em;
	}
div.topOfPageLinkWide 	{
	font-weight: bold;
	margin: 0em 0em 0em 0em; 
	font-size: 1em;
	width: 100%;
	}	
.title {
	font-weight:bold;
	font-style: italic;
	}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}