/* CSS Document */

/***
This style sheet for main pages of the Rare Books and Manuscripts web site.
***/

/***
Using OSUL PHP template:
- add this stylesheet reference to the end of the list of Libraries' stylesheets: 
      @import url(http://library.osu.edu/sites/rarebooks/rbms.css);
- employ the appropriate <div> and <span> tags throughout the document to pull from this style sheet
***/

<style type="text/css">


div#rarsurvey 
{ color: white; background-color: #dcdcdc; text-align: left; padding: 2px; } 

div#rarsurvey a.skip:link { color: #ffffff; background-color: #ffffff; }
div#rarsurvey a.skip:visited { color: #ffffff; background-color: #ffffff; }
div#rarsurvey a.skip:hover { color: #ffffff; background-color: #ffffff;  }
	 /*** hides the skip links used in rarsurvey ***/



div#rarpage150, #rarpage150left
{ font-family: Verdana, Helvetica, Arial, sans-serif; }

#rarpage150 a:link { color: #990000; }     
	/*** in html this is LINK="#XXXXXX" ***/  
#rarpage150 a:visited { color: #7f0000; }  
	/*** in html this is vlink="#XXXXXX" ***/  
#rarpage150 a:hover { color: #871F78; }    
	/*** in html this is alink="#XXXXXX" ***/  
	
#rarbasefooter a:link { color: #990000; }     
	/*** in html this is LINK="#XXXXXX" ***/  
#rarbasefoote a:visited { color: #7f0000; }  
	/*** in html this is vlink="#XXXXXX" ***/  
#rarbasefoote a:hover { color: #871F78; }    
	/*** in html this is alink="#XXXXXX" ***/  
	
#rarpage150left a:link { color: #990000; }     
	/*** in html this is LINK="#XXXXXX" ***/  
#rarpage150left a:visited { color: #7f0000; }  
	/*** in html this is vlink="#XXXXXX" ***/  
#rarpage150left a:hover { color: #871F78; }    
	/*** in html this is alink="#XXXXXX" ***/  
		
#rarpage150 h1 { font-size: 150%; text-align: center; }
#rarpage150 h2 { font-size: 135%; text-align: center; }
#rarpage150 h3 { font-size: 120%; text-align: center; }	
#rarpage150 h4 { font-size: 110%; text-align: center; }		

	/*** Use this for documents that require subheadings aligned left ***/
#rarpage150left h1 { font-size: 150%; text-align: center;}
#rarpage150left h2 { font-size: 135%; }
#rarpage150left h3 { font-size: 120%; }	
#rarpage150left h4 { font-size: 110%; }	

/*** Use this for special announcements; red background=#8b1a1a, blue background=#8b1a1a ***/
div#topbar 
{ color: white; background-color: #8b1a1a; text-align: left; padding: 7px; } 
span.toptext { text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 120%; font-style: italic; }

div#topbar2
{ color: white; background-color: #778899; text-align: left; padding: 7px; } 
span.toptext2 { text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 110%; font-style: italic; }
	

div#rarfooter { font-size: 80%; }

div#rarbasefooter
{ color: black; 
background-color: #dcdcdc; 
text-align: center; 
font-weight: bold;
width: 563px; 
padding: 5px; 
font-size: 80%; } 

div#rarfindbasefoot
{ color: black; 
background-color: #dcdcdc; 
text-align: center; 
font-weight: bold;
width: 724px; 
padding: 8px; 
font-size: 80%; } 

	/*** for the sidebar menu ***/
div#raresidemenu { float: left;
position: relative;
width: 147px;
padding: 5px;   
margin-right: 10px;   
margin-left: auto;
text-align: left; 
background-color: #dcdcdc; }   

div#raresidemenu { font-family: Arial, Verdana, Helvetica, sans-serif; }

div#raresidemenu a.skip:link { color: #dcdcdc; background-color: #dcdcdc; }
div#raresidemenu a.skip:visited { color: #dcdcdc; background-color: #dcdcdc; }
div#raresidemenu a.skip:hover { color: #dcdcdc; background-color: #dcdcdc;  }
	 /*** hides the skip links used in rarsidemenu ***/

	/*** for the main body of the page ***/
div#rarcontent { float: left;
position: relative;
width: 563px;
padding: 5px;   
margin-left: auto;
text-align: left; 
background-color: #FFFFFF; }

div#rarcontent a.skip2:link { color: #ffffff; background-color: #ffffff; }
div#rarcontent a.skip2:visited { color: #ffffff; background-color: #ffffff; }
div#rarcontent a.skip2:hover { color: #ffffff; background-color: #ffffff;  }
	 /*** hides the skip links used in rarcontent ***/


	/*** for the main body of the page ***/
div#rarfindingcontent { float: left;
position: relative;
width: 720px;
padding: 8px;   
margin-left: auto;
text-align: left; }

	/*** for the main body of a finding aid page ***/
div#rarfindingcontent
{ background-color: white; color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-style: solid; border-color: #dcdcdc; }

span.bold { font-weight: bold; }				/*** Use <span class="bold"> in the code ***/
span.emph { font-style: italic; } 				/*** Use <span class="emph"> in the code ***/
span.emph2 { font-style: italic; font-weight: bold; }		/*** Use <span class="emph2"> in the code ***/
span.red { color: #CC3333; } 				/*** Use <span class="red"> in the code ***/
span.blue { color: #0000FF; }				/*** Use <span class="blue"> in the code ***/
span.green { color: #008000; }				/*** Use <span class="green"> in the code ***/			
span.under { text-decoration: underline; }
span.larger { font-size: 120%; }
span.large { font-size: 110%; }
span.small { font-size: 90%; }
span.smaller { font-size: 80%; }
span.credits { font-size: 70%; }
span.jumpnav { color: #dcdcdc; }
span.txtwbg 
{ font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 105%; }

p.darker { font-weight: 700; }
p.center { text-align: center; } 
p.indent { text-indent: 25px; }
p.breakhere {page-break-before: always}

	/*** To center images with a block level element, use HTML code like: 
	<p class="centeredImage"><img src=" " alt=" " height=" " width=" "></p> ***/
.centeredImage { text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; }


ul { list-style-position: outside; }     /*** Lines up beginning of second line of list item under beginning of first line***/
ol { list-style-position: outside; }     /*** Lines up beginning of second line of list item under beginning of first line***/

/*** to use an open circle like on OSUL home page: ul compact type="circle" ***/

ol.lowroman { list-style-type: lower-roman; }
ol.lower { list-style-type: lower-alpha; }
ol.upper { list-style-type: upper-alpha; }
ol.uproman { list-style-type: upper-roman; }

div#raresidemenu ul {
	list-style-position: outside; 
	margin-top: 0;
	margin-left: 2px;
	padding-top: 0;
	padding-left: 2px;
	padding-right: 1px;
	padding-top: 1px;
	}

div#raresidemenu li {
margin-top: 0;
padding-top: 0; }



/*** Use the following to create a table that formats text, without visible cell borders; html code examples =
	<table class="format"> or <td class="frmtleft"> ***/
table.format 
{ align: center; background-color: #FFFFFF; border:0; }

th.frmtcenter 
{ text-align: center; vertical-align: top; cell-padding: 3px; }

th.frmtright 
{ text-align: right; vertical-align: top; cell-padding: 3px; }

th.frmtleft 
{ text-align: left; vertical-align: top; cell-padding: 3px; }

td.frmtcenter 
{ text-align: center; vertical-align: top; cell-padding: 3px; }

td.frmtright 
{ text-align: right; vertical-align: top; cell-padding: 3px; }

td.frmtleft 
{ text-align: left; vertical-align: top; cell-padding: 3px; }



/*** Use the following to create a table that formats text, without visible cell borders; html code examples =
	<table class="format"> or <td class="frmtleft">; this one has a little more padding ***/
table.format2 
{ align: center; background-color: #FFFFFF; border:0; }

th.frmtcenter2 
{ text-align: center; vertical-align: top; cell-padding: 5px; }

th.frmtright2 
{ text-align: right; vertical-align: top; cell-padding: 5px; }

th.frmtleft2 
{ text-align: left; vertical-align: top; cell-padding: 5px; }

td.frmtcenter2 
{ text-align: center; vertical-align: top; cell-padding: 5px; }

td.frmtright2 
{ text-align: right; vertical-align: top; cell-padding: 5px; }

td.frmtleft2 
{ text-align: left; vertical-align: top; cell-padding: 5px; }



/*** Use this set if you want a table with cell borders, like those at: 			http://library.osu.edu/sites/techservices/testing/bibcode.php ***/
table.fordata 
{ align: center; background-color: #FFFFFF; cell-spacing: 1px; cell-padding: 4px; empty-cells: show; }

th.grayleft 
{ background-color: #E0E0E0; vertical-align: top; border: solid; border-color: black; border-width: 1px 1px 1px 1px; text-align: left; padding: 4px}

th.graycenter 
{ background-color: #E0E0E0; vertical-align: top; border: solid; border-color: black; border-width: 1px 1px 1px 1px; text-align: center; padding: 4px}

th.grayright 
{ background-color: #E0E0E0; vertical-align: top; border: solid; border-color: black; border-width: 1px 1px 1px 1px; text-align: right; padding: 4px}


td.grayleft 
{ background-color: #E0E0E0; vertical-align: top; border: solid; text-align: left; border: solid; border-color: #E0E0E0; border-width: 1px 1px 1px 1px;}

td.graycenter 
{ background-color: #E0E0E0; vertical-align: top; border: solid; text-align: center; border: solid; border-color: #E0E0E0; border-width: 1px 1px 1px 1px;}

td.grayright 
{ background-color: #E0E0E0; vertical-align: top; border: solid; text-align: right; border: solid; border-color: #E0E0E0; border-width: 1px 1px 1px 1px;}



td.datacenter 
{ text-align: center; vertical-align: top; border: solid; border-color: light gray; border-width: 1px 1px 1px 1px; padding: 4px; }

td.dataright 
{ text-align: right; vertical-align: top; border: solid; border-color: light gray; border-width: 1px 1px 1px 1px; padding: 4px; }

td.dataleft { text-align: left; vertical-align: top; border: solid; border-color: light gray; border-width: 1px 1px 1px 1px; padding: 4px; }

	
	/***Don't want a gray box for the header?  Use these. ***/
th.datacenter 
{ text-align: center; vertical-align: top; border: solid; border-color: light gray; border-width: 1px 1px 1px 1px; padding: 4px;  }

th.dataright 
{ text-align: right; vertical-align: top; border: solid; border-color: light gray; border-width: 1px 1px 1px 1px; padding: 4px;  }

th.dataleft 
{ text-align: left;  vertical-align: top; border: solid; border-color: light gray; border-width: 1px 1px 1px 1px; padding: 4px; }


/***  05/08/06; 05/12/06; 05/15/06; 05/22/06; 05/23/06; 06/04/07; 12/18/08; 02/19/09; 11/18/09 ldi ***/

</style>