/* ------------INDIANA UNVERSITY SIGNATURE STYLES (header and footer) ------------------- */
@import url("print.css");
@import url("styles.css");

/* 
	CSS for General Indiana University Digital Library Page Turner
	Created by: Michelle Dalmau, 2005/10/14;
	Updated by: mdalmau, 2005/03/21
*/


/* -------------Common Elements ---------------------- */
body
	{background-color: #ffffff; 
		font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px;}
td 
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;}

p 
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		margin: 10px; padding: 0px;}

/* Page Links */
	a:link
		{color:#000000; text-decoration:underline;}
	a:visited
		{color:#666666; text-decoration:underline;}
	a:hover
		{color:#990000; text-decoration:none;}

div.shell {
	width: 100%;
	clear: both;
	padding: 0px;
}

table.shell /* For each section of the page: banner, navigation, etc. */ 
	{width: 100%; border: 0; padding: 0px;}
	
table.contextualContent /* help, home page content, etc. */
	{width: 100%; height: 400px; border: 0; padding: 17px; margin-left: 15px; }	
	
	p.contentHeader
		{font-size: 11px; font-weight: bold;}

.helpImage
	{border: 1px solid #000000; text-align: center;} 					
		
/* -------------Banner Elements ------------------------------- */
div.bannerLogo
	{height: 40px; width: 80px; 
		background-color: #000000;  /*background-color match bgcolor of logo image*/
		border-bottom: 3px solid #999999;
		margin: 0px; padding: 0px;
		float: left;}

	img.siteLogo /* image height (max: 40 px) and width (max: 80 px) */
		{padding: 0px; border: 0px; height: 40px; width: 80px;}

div.bannerTitle
	{height: 40px; 
		background-color: #cccccc;  color: #000000;
		background:url(../images/banner1.jpg) repeat-x;
		border-bottom: 3px solid #999999;
		margin: 0px; padding: 0px;}

	.siteTitle 
		{font-size:30px; color:#000000; 
		margin-left: 5px; padding: 0px;}

/*background-color match bgcolor of logo image*/	
/* image height (max: 40 px) and width (max: 80 px) */	
/*td.bannerLogo  
	{height: 40px; width: 80px; 
		background-color: #000000;  
		margin: 0px; padding: 0px;}

	img.siteLogo 
		{padding: 0px; border: 0px; height: 40px; width: 80px;}

td.bannerTitle
	{height: 40px; 
		background-color: #ffffff;  color: #000000;
		margin: 0px; padding: 0px;}

	.siteTitle 
		{font-size:30px; color:#000000; font-variant: small-caps;  
		margin-left: 10px;}*/


/* -------------Site Navigation Elements ---------------------- */
td.siteNavBar 
	{width: 100%; height: 15px;  
		padding-left: 0; margin-left: 0; margin-top:0; margin: 0px; padding: 5px;
 		background-color: #666666; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}

	/* Top Nav Bar Links */
	a.siteNav:link
		{color: #ffffff; text-decoration: none;}
	a.siteNav:visited
		{color: #ffffff; text-decoration: none;}
	a.siteNav:hover
		{color: #ffffff; text-decoration: none; background-color: #990000;}


/* Top Nav Bar Links */		
/*td.siteNavBar 
	{width: 100%; height: 15px;  
		padding-left: 0; margin-left: 0; margin-top:0; margin: 0px; padding: 5px;
 		background-color: #666666; border: 1px solid #000000;}

	
	a.siteNav:link
		{color: #ffffff; text-decoration: none;}
	a.siteNav:visited
		{color: #ffffff; text-decoration: none;}
	a.siteNav:hover
		{color: #ffffff; text-decoration: none; background-color: #990000;}*/

/* -------------Common Image Display Elements----------------- */
p.docDescription /* Document-level description from METS Docs */
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		margin: 10px;}

p.itemDescription /* Item-level description from METS docs */
	{font-family: verdana, geneva, helvetica; font-size: 11px; color: #333333;
		margin-left: 1 em; padding-left: 1em; text-indent: -1em;}

table.paginationNavigation
	{width: 750px/*60%*/; border: 0; 
		background-color: #eeeeee; border: 1px solid #cccccc;
		margin: 10px; padding: 2px;}

	td.pagination
		{width: 375px/*30%*/; text-align: left;}

	td.imageToggle
		{width: 375px/*30%*/; text-align: right;}
		
	.button 
	{background-color: #ffffff; color: #000000; font-size: 11px;
		border: 3px double #333333; border-top-color: #666666;
		border-left-color: #666666; padding: .25em;}
		
.highlight 
	{background-color: #eeeeee;}			 	

div.image
	{margin: 10px; padding: 2px;} /*text-align: center;*/

.imageProperties
	{border: 1px solid #000000; padding: 0px;}	

td.spacing
	{margin-bottom: -25px;}

/* Document-level description from METS Docs */	
/* Item-level description from METS docs */
/*p.docDescription 
	{font-family: verdana, geneva, helvetica; font-size: 12px; color: #000000;
		margin: 10px;}

p.itemDescription 
	{font-family: verdana, geneva, helvetica; font-size: 11px; color: #333333;
		margin-left: 1 em; padding-left: 1em; text-indent: -1em;}

table.paginationNavigation
	{width: 750px; border: 0; 
		background-color: #eef2d6; border: 1px solid #dae4ad;
		margin: 10px; padding: 2px;}

	td.pagination
		{width: 375px; text-align: left;}

	td.imageToggle
		{width: 375px; text-align: right;}
		
	.button 
	{background-color: #ffffff; color: #000000; font-size: 11px;
		border: 3px double #333333; border-top-color: #666666;
		border-left-color: #666666; padding: .25em;}
		
.highlight 
	{background-color: #eef2d6;}			 	

div.image
	{margin: 10px; padding: 2px;} 

.imageProperties
	{border: 1px solid #000000; padding: 0px;}	

td.spacing
	{margin-bottom: -25px;}*/

/* -------------Image Structural/Hierarchical Display Elements-------------- */	
table.displayNavigationLayout
	{width: 100%; border: 0; padding: 0px;}

.displayNavBox
	{width:200px; padding: 0px; margin-left: 10px;}		

ul
	{list-style-type: none; padding: 5px; margin-left: 10px; 
		background-color:#eeeeee/*#eef2d6*/; border: 1px solid #cccccc/*#dae4ad;*/}

li
	{background-image: url(../images/general/bullet.gif);background-repeat: no-repeat;
		background-position: 0 .4em; padding-left: .6em;
		font-size: 11px;}	

	.indent0
		{margin-left: 0px;}
	.indent1
		{margin-left: 10px;}
	.indent2
		{margin-left: 20px;}
	.indent3
		{margin-left: 30px;}
	.indent4
		{margin-left: 40px;}		

	/* Image Display: Structural/Hierarchical Links */
	a.displayNav:link
		{color:#990000; text-decoration:none;}
	a.displayNav:visited
		{color:#990000; text-decoration:none;}
	a.displayNav:hover
		{color:#000000; text-decoration:underline;}


/* -------------Footer Elements ------------------------------- */
#metsnavFooter {
	clear: both;
}
p.footerLeft
	{font-size: 10px; color: #666666; text-align: left; 
		margin: 10px; padding: 2px; float:left; width:70%; }

p.footerRight
	{font-size: 10px; color: #666666; text-align: right; 
		margin: 10px; padding: 2px; float:right; }

	/* Footer Links */
	a.footer:link
		{color:#990000; text-decoration:underline;}
	a.footer:visited
		{color:#666666; text-decoration:underline;}
	a.footer:hover
		{color:#cccccc; text-decoration:none;}
hr
	{height: 1px; width: 98%; color: #333333;}