@charset "utf-8";
/* CSS Document */

html, body 
								{
								padding: 0; 
								margin: 0;
								height: 100%;
								min-height: 100%;
								width: 1000px;
								}
								
#wrapper						{
								background:url('images/bg3.gif') repeat-y 0 0;
								margin: 0 auto;
								position: relative;
								width: 985px;
								min-height: 100%;
								margin-bottom: 40px;
								height: auto !important;
								height: 100%;
								text-align: center;
								}
								
								
#container 
								{
								position: relative;
								width: 985px;
								min-height: 100%;
								margin: 0 auto;
								height: 100%;
								text-align:left;
								}
									
a								{color: blue;}
	
a:visited						{color: purple;}
	
a:hover							{color: red; }
				
li.moderately_spacious_list		{	
								line-height: 135%;
								list-style-type:disc;
								}
				
.float_left						{					
								float: left;
								vertical-align: middle;
								}
								
							
.float_right 					{					
								float: right;
								vertical-align: middle;
							 	}
				
#library_headers				{	
								float: left;
								position: relative;
								width: 770px;
								left: 6px;
								}
								
#right h3, 
								{	
								display: block;
								margin: 1em auto .5em;
								}	
	
#right
								{	
								position: absolute;
								padding: 5px;
								font-size: 68%;
								top: -127px;
								left: 502px;
								text-align: left;
								width: 216px;
								}


#right a						{font-size: 100%;}
		
	
#right img
								{
								float: left;
								padding-right: 5px;
								}
	

#big_picture
								{	
								position: absolute;
								width: 270px;
								margin-top: 83px;
								}

.right_centered					{	
								text-align: center;
								font-size: 140%;
								}
	
#hours							{	
								position: relative;
								left: 10px;
								line-height: 150%;
								font-size: 97%;
								top: 30px;
								}

#hours_box						{	
								font-size: 100%; 
								color:#FFFFFF;
								margin-top: 0%;
								margin-left: 0%;
								margin-bottom: 0%;
								margin-right: 0%;
								padding-top: 0%;
								text-align: center;
								width: 195px;
								height: 90px;	
								left: 									
								}
								
#hours_box a
								{color: white;}
	
#hours_box	a:visited			{color: white;}
	
#hours_box a:hover				{color: red; }
						

#archives_im_box	   			{
								position: absolute;
								left: 4px;
								width: 217px;
								top: 107px;
								margin-left: 0;			
								}	  
		
#news_box						{
								position: absolute;
								top: 247px;						 	
								}
								


#news_box body					{
								font-family:Verdana, Arial, Helvetica, sans-serif;
					 		 	font-size: 100%;
					 			}
					 
#content		    			{ 			
								width: 217px; 
								margin: 20px auto;
								}

#content h1						{font-size: 16px;}

#content h4						{ 			
								font-size: 13px;
							  	margin-bottom: 0;
							  	padding-bottom: 0;
								}

#content p                  	{margin: 0 0 25px;}
		
#chunk 							{ 		
								background-color:#efefef;
							  	padding-top: 3px;
							 	padding-bottom: 3px;
							 	padding-left: 2px;
								}			
		
#meet_the_staff					{
								position: absolute;
								top: 235px;
								width: 217px ;
								}
		
#help
		
								{	
								position: absolute;
								left: 0px;
								width: 270px;
								margin-left: 0;
								font-size: 67.5%;
								}
							
#middle	
								{	
								position: relative;
								float: left;
								top: 20px;
								left: -16px;
								width: 467px;
								margin: 0;
								height: 312px;
								font-family:Verdana, Arial, Helvetica, sans-serif;
								}

#middle select, input			{ 
								font-size: 90%;		
								margin-top: 2%;
								}
								
#tabs div 						{ 							
								min-height: 125px; 
								width: 460px;
								}
				
#resources						{padding-left: 2%;}

#research_by_subject			{padding-boddom: 5%;}
	
	
#articles						{padding-bottom: 3%;}
		
a.articles_link					{font-size: 67.5%;}
		
#books							{padding-bottom: 3%;}
									 
								
		#resources a			{padding-left: 1%;}
		
		a.books_link			{font-size: 67.5%;}
		
		p.small					{font-size: 75%;}

		
		a.heading				{font-size: 100%;}
		
		#form					{
								font-size: 70%;	
								margin-top: 10%;
								}
	
		.float_left				{	
								float: left;
								padding: 1%;
								}



		#bottom_image			{ 
								text-align: center;
								padding: 4%;
								}


#library_footer 				{				
								background:url(banners/Footer.jpg); 
								color: #FFFFFF;
								position: relative;
								text-align: center;
								margin: 0 auto;
								line-height: 40px;
								font-size: 10px;
								height: 40px;
								bottom: 0;
								margin-top: -80px;
								clear: left;
								background-color: white;
								width: 972px;
								}
								
.push							{
								height: 80px;
								clear: left;
								}

#library_footer a  				{
								color: #CCCCCC; 
								line-height: 1.125; 
								}
								
#library_footer a:visited 		{color: #FF6262; }

#library_footer a:hover 		{color: #FF9D9D; }

/* begin styles for headings */

h2								{ 	
								font-size: 130%;
								margin: 0;
								padding: -1%; /* narrows default space between element and other elements */
								}
						
h3								{		 	
								font-size: 120%;
								margin: 0;   /* narrows default space between element and other elements */
								padding: 0;
								}
/* end styles for headings */

/* begin styles for slider */

#page-wrap *                                       { margin: 0; padding: 0; }
#page-wrap body                                    { font: 12px Verdana, Arial, Helvetica, sans-serif; }
#page-wrap a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 490px; padding-top:15px; background: white; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

#page-wrap h1                                      { font: bold 60px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
#page-wrap h2                                      { font: bold 30px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 10px 0; }
#page-wrap h3                                      { font: 16px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }  
#page-wrap h5                                      { font: 15px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#page-wrap pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

#page-wrap ul                                      { margin: 0 0 0 0; }
#page-wrap ul li                                   { font: 15px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
#page-wrap .image                                  { position: relative; margin-bottom: 20px; width: 100%; }
#page-wrap .image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
#page-wrap .image h2 span                          { color: white; font: bold 30px/40px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
#page-wrap .image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 0px 0px;}
#textSlide img							{ padding: 0px 0px; }
#textSlide ul                           { list-style: disc; margin: 10px 0 0 25px; }
#textSlide ul li                        { font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 135%; list-style-type:disc;}
#slider_text 							{ font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 10px 0px; 
										  float: right; width:300px; padding-right:6%; }

.anythingSlider                         { width: 540px; height: 200px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 460px; overflow: auto; height: 207px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #9f1b32; border-bottom: 3px solid #9f1b32; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 200px; width: 490px; margin: 0; }
#thumbNav                               { position: relative; top: 188px; text-align: center; width: 460px; left: 30px; }
#thumbNav a                             { color: black; font: 11px/18px Verdana, Arial, Helvetica, sans-serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #efefef url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { color: white; background: #9f1b32 url(images/cellshade.png); }
#start-stop                             { background: #efefef url(images/cellshade.png) repeat-x; color: black; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 80px; top: 206px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background: #9f1b32 url(images/cellshade.png) repeat-x; color: white; left: 410px; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#left_accordion	
			{	position: relative;
				width: 270px;
				margin: 0;
				float: left;
				top: 0px;
				left: 6px;
				padding-bottom: 50px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}

.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{
	width:240px;
	position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #e6e6e6;
	background-image:url(../img/off.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#000000;
	font-size:12px;
    cursor: pointer;
	
	padding:6px 14px 6px 14px;
	border-top:1px solid #5d5852;	
	
	}
.accordionWrapper div.title:hover{
	width:240px;
	background-image:url(../img/on.jpg);
	background-color:#9f1b32;
	
	color:#ffffff;
	font-size:12px;
	}
.accordionWrapper div.title:current{
	width:240px;
	height:32px;
	background-image:url(../img/on.jpg);
	background-color:#9f1b32;
	
	color:#ffffff;
	font-size:12px;
	} 
.accordionWrapper div.content{
	width:251px;
	height:283px;
	display:none;
	overflow: hidden;	/* required for effect */
    background: #f6f6f6;
	padding:0px 14px 0px 4px;
	color:#000000;
	font-size:10px;
	}
.accordionWrapper div.set{
	
	width:270px;
	}
	
/* Right Accordion */

.accordionWrapper2{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper2 img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper2 div{display:inline; float:left; margin:auto;}
.accordionWrapper2 div.title{
	width:188px;
	position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #e6e6e6;
	background-image:url(../img/off.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#000000;
	font-size:12px;
    cursor: pointer;
	
	padding:6px 14px 6px 14px;
	border-top:1px solid #5d5852;	
	
	}
.accordionWrapper2 div.title:hover{
	width:188px;
	background-image:url(../img/on.jpg);
	background-color:#9f1b32;
	
	color:#ffffff;
	font-size:12px;
	}
.accordionWrapper2 div.title:current{
	width:218px;
	height:32px;
	background-image:url(../img/on.jpg);
	background-color:#9f1b32;
	
	color:#ffffff;
	font-size:12px;
	} 
.accordionWrapper2 div.content{
	width:218px;
	height:88px;
	display:none;
	overflow: hidden;	/* required for effect */
    background: #f6f6f6;
	padding:0px 14px 0px 0px;
	line-height: 15px;
	color:#000000;
	font-size:10px;
	}
.accordionWrapper2 div.set{
	
	width:218px;
	}