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

/* ========================================================================================================
---{ Project:			The University Of Arizona Libraries | Jack Sheaffer Collection | DEV Site: http://tedgrafx.com/clients/uofa/jsheaffer
---{ Version:			Beta
---{ Date:			08/2010
---{ Author:			Ted Graf
---{ Email:			tedgrafx@gmail.com
---{ Last Modified:		Ted Graf [ 09/26/10 ]
---{ Copyright:			2010 TedGrafx
----------------------------------------------------------------------------------------------------------- */

/* === Resets:
=========================================================================================================== */
html, body, table, tr, td, a, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, fieldset, a { border:0; font: normal 100%/1.4 Georgia, Arial, Helvetica, Verdana, san-serif; list-style:none; margin:0; padding:0; }

.clear { clear:both; }

img {max-width: 100%;}

/* === Overall font-size can be reduced or increased by modifying the value here:
=========================================================================================================== */
html, body { background:#fff; color:#000; cursor:default; font-size:1em; height:100%; text-align:center; width:100%; }


/* === This removes the visual dotted line around links from the "active" click in Firefox
=========================================================================================================== */
:focus { -moz-outline-style: none; }


/* === Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/
=========================================================================================================== */
@font-face {
  font-family: 'akaChen';
  src: url('http://www.library.arizona.edu/contentdm/upwpeople/css/AACHEN.eot');
  src: local('?'),
         url('../fonts/AACHEN.TTF.html') format('truetype');
}


/* === Font Headers using @font-face font replacement
=========================================================================================================== */
h1, h2, h3, h4, h5, h6, #nav li a, legend, #submit { font-family:'akaChen'; }


/* === Meat And Potatoes:
=========================================================================================================== */
#container { height:100%; text-align:left; width:100%; }

a,
a:link,
a:visited { border-bottom:1px dotted #c03; color:#036; text-decoration:none; }
a:hover,
a:active,
a:focus { border-bottom:1px solid #036; color:#c03; }


/* === Head:
=========================================================================================================== */
#head { overflow:hidden; width:100%; }

	#head #uaBanner { background:#036;  width:100%; }
		#head #university-brand .head-content { margin:0 auto; width:940px; }
			#head #university-brand .head-content h1 { background:url(../img/a-logo-sm.gif) no-repeat left center; color:#fff; font-size:100%; padding:0.2em 0 0.2em 40px; }
			#head #university-brand .head-content h1 img { padding:10px 0; }
			
	#head #library-brand { background:#c03; border-bottom:1px solid #fff; border-top:1px solid #fff; padding-top: 3px; width:100%; }
		#head #library-brand .head-content { margin:0 auto; width:940px; }
			#head #library-brand .head-content h1 { color:#fff; font-size:50%; /* padding:0.08em 0;*/ }
	   	        #head #library-brand .head-content h1 img { padding:6px 0; } 
 #udall-banner {background-color: #e2e2e5; border-top: 1px solid #b7b7b8; border-bottom: 1px solid #b7b7b8; width: 100%;}
 #udall-banner h1 { margin: 0 auto; width: 952px;}
 #udall-banner a:link {border: none;}


/* === Body:
=========================================================================================================== */
#body-container { background:#fff url(../img/body-container-bg.jpg) repeat-x left top; clear:both; overflow:hidden; width:100%; }
	#body-content { margin:0 auto; padding:40px 0; width:940px; }
	
		#body-content-top { border-bottom:2px solid #c03; margin-bottom:20px; }
			#body-content-top .page-title { color:#036; font-size:275%; line-height:1; }
			
			#body-content-top #nav { float:right; margin-top:-2.3em; }
				#body-content-top #nav li { display:inline; font-size:150%; font-weight:bold; margin-left:20px; padding-left:25px; }
					#body-content-top #nav li.home { background:url(../img/nav-home.gif) no-repeat left center; }
					#body-content-top #nav li.browse { background:url(../img/nav-browse.gif) no-repeat left center; }
					#body-content-top #nav li.about { background:url(../img/nav-about.gif) no-repeat left center; }
				#body-content-top #nav li a { border-bottom:0; }
				#body-content-top #nav li a:hover { border-bottom:5px solid #c03; color:#036; }
				#body-content-top #nav li a.active { border-bottom:5px solid #c03; color:#c03; }

.picture {
/*   border: 1px solid black; 
   padding: 3px; */
 

 }
.picture img { 
  border: 1px solid black;
  padding: 1%;
  vertical-align:middle; 
  margin-bottom: 2%; 
}
.right { 
margin: 0.5em 0pt 0.5em 0.8em; 
float:right; 
text-align: right;
   font-size: 0.8em;
}
.left { 
margin: 0.5em 1.2em 0.5em 0; 
float:left; 
text-align: right;
   font-size: 0.8em;
}


				
		#body-content .home-images { float:right; margin-left:1em; margin-top:3em; }
			#body-content .home-images img { border:1px solid #036; display:block; margin:0 0 10px 0; padding:5px; }
			#body-content .section-title { color:#c03; font-size:200%; margin-bottom:0.1em; }
			#body-content p { font-size:115%; line-height:1.6; margin-bottom:20px; }
			
			#body-content table { border:1px solid #036; font:inherit; text-align:left; }
				#body-content table thead { font-weight:bold; }
					#body-content table thead tr { background:#036; color:#fff; }
					#body-content table thead td { border:0; padding:5px; }
				#body-content table tfoot tr { background:#ccc; }
					#body-content table tfoot td { border:0; padding:5px; }
					#body-content table tfoot .totals { width:30%; }
					#body-content table tfoot .pagination { width:70%; }
					#body-content table tfoot .pagination ul { text-align:right; }
					#body-content table tfoot .pagination li { display:inline; margin:0 2px; }
				#body-content table tbody {  }
					#body-content table td { border-bottom:1px solid #036; padding:10px 5px; vertical-align:top; }
					#body-content table .check { width:5%; }
					#body-content table .thumb { width:10%; }
						#body-content table .thumb a { border:1px dotted #c03; display:block; padding:3px; }
						#body-content table .thumb a:hover { border:1px solid #036; }
					#body-content table .title { width:25%; }
					#body-content table .subject { width:25%; }
					#body-content table .description { width:35%; }
			
		#body-content form {  }
			#body-content form fieldset { border:0; margin:10px 0 20px; }
				#body-content form legend { border-bottom:1px solid #c03; color:#c03; display:block; float:left; font-size:130%; margin:10px 0 20px; width:100%; }
				#body-content form label { display:block; }
				#body-content form input,
				#body-content form select, 
				#body-content form textarea { background:url(../img/input-bg.jpg) no-repeat top left; border:1px solid #036; display:block; padding:4px; margin-bottom:5px; width:50%; }
				#body-content form textarea { height:150px; }
				#body-content form input:hover,
				#body-content form input:focus,
				#body-content form select:hover,
				#body-content form select:focus,
				#body-content form textarea:hover,
				#body-content form textarea:focus { background:url(http://www.library.arizona.edu/contentdm/upwpeople/img/inputbg.gif) no-repeat top left; border-color:#c03; }
				#body-content form .choice { display:inline; width:auto; }
				#body-content form #submit { background:#fff url(../img/submit-bg.jpg) repeat-x left bottom; border:1px solid #036; color:#036; cursor:pointer; font-size:130%; padding:5px 20px; width:auto; }
				#body-content form #submit:hover { background-image:url(../img/submit-hover-bg.jpg); border:1px solid #c03; color:#c03; }

#browseadv li {list-style: disc;}

/* === Foot:
=========================================================================================================== */
#foot { clear:both; font-size:90%; overflow:hidden; width:100%; }
	#foot-content { margin:0 auto; padding:40px 0; width:940px; }
		#foot-content ul { color:#036; line-height:1.6; text-align:center; }
			#foot-content ul li { display:inline; }
			#foot-content ul li span { color:#c30; margin:0 7px; }