body {
	text-align:center;
	background-color:#d3d0d9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0;
	padding:0;
	}

form, div {
	margin:0;
	padding:0;
	text-align:left;
	}
	
#frame {
	margin:0 auto;
	background-color:#fff;
	}


#gamefooter {
text-align:center;
margin-top:2em;
padding: 0.4em;
}

h1 a {
color:#000;
text-decoration:none;
}
	
a img { border-style:none; }

input, select {
	/*font-size:11px;*/
	font-family:Arial, Helvetica, sans-serif;
	}
	
div.clear {
	height:0px;
	overflow:hidden;
	clear:both;
	z-index:1;
	}
	
div.stretch {
	height:200px;
	width:0px;
	overflow:hidden;
	z-index:1;
	float:right;
	}
	

	
td p, tr p, th p {
	height:auto;
	}
	
a[name] {
	position:relative;
	top:-50px;
	}


/* --- header ------------------------------------------*/

#header {
	background:#306 url("/assets/images/header.gif");
	background-repeat:no-repeat;
	height:60px;
	overflow:hidden;
	position:relative;
	padding-right:6px;
	}
	
#searchForm {
	width:auto;
	float:right;
	margin:0;
	padding:12px 12px 0 0;
	text-align:right;
	}
#searchForm p { 
	width:auto;
	display:inline;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #e3e0e9;
	margin:0;
	}
#searchForm input {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	}
	
#searchField {
	height:24px;
	vertical-align:top;
	border-style:solid;
	border-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	}

#searchButton {
	position:relative;
	left:-8px;
	vertical-align:top;
	border-style:solid;
    border-color:white;
    cursor:pointer;
    height:28px;
    min-width:28px;
    width:28px;
	background-color:#E3E0E9;
	}

#header a.skipNav {
	display:block;
	height:0;
	overflow:hidden;
	}

#header a.search, #header a.sitemap, #header a.askus, #header a.account {
	display:block;
	padding:28px 6px 0 6px;
	margin:10px 0 0 0;
	float:right;
	width:auto;
	text-align:center;
	color:#E3E0E9;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background-position: top center;
	background-repeat:no-repeat;
	}
#header a.search { background-image: url(/assets/images/icon_search.gif); }
#header a.sitemap { background-image: url(/assets/images/icon_site_map.gif); }
#header a.askus { background-image: url(/assets/images/icon_help.gif); }
#header a.account { background-image: url(/assets/images/icon_account.gif); }

#header a.home {
	position:absolute;
	left:0;
	top:-20px;
	display:block;
	background-color:transparent;
	width:600px;
	height:60px;
	overflow:hidden;
	font-size:1px;
	color:#306;
	}
*html #header a.home { /* ie hack */
	position:relative;
	float:left;
	}
#header .beta {
	display:none;
	color:#E3E0E9;
	position:absolute;
	left:405px;
	top:6px;
	}
	
.floating_link {
	position: fixed;
	right: 0;
	top: 300px;
	z-index: 100;
	display: block;
	width: 50px;
	height: 150px;
	text-indent: -10000px;
	background-image: url(/assets/images/askustab.png);
	overflow: hidden;
}

/* --- menu ------------------------------------------*/

#menu {
	position:relative;
	height: 20px;
	background:#EDEAD6 url("/assets/images/menu-bar.gif") bottom repeat-x;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	z-index:2;
	}
	
#menu div.breadcrumb {
	position:absolute;
	right:6px;
	top:3px;
	}
	
#menu div.breadcrumb a {
	text-decoration:none;
	color:#5E1E82;
	}
	
#menu div.navlinks {
	padding-left:5px;
	/*
	position:absolute;
	top:0px;
	left:5px;*/
	}

	
/* --- content ------------------------------------------*/

#contentPane {
	padding: 15px 25px 25px 30px;
	background: #fff;
	}
	
#contentPane h1 {
	font: normal 180%/normal Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 0 4px .7em;
	text-indent: -.7em;
	}
	
#contentPane h1 span {
	font-size:90%;
	}	
	
#contentPane h2 {
	font: bold 140%/normal Arial, Helvetica, sans-serif;
	}

#contentPane h3, #contentPane h4, #contentPane h5, #contentPane h6  {
	font: bold 120%/normal Arial, Helvetica, sans-serif;
	}

#contentPane p {
	line-height:1.4em;
	margin:.5em 0 1em 0;
	}

#contentPane li { 
	margin-bottom:6px; 
	height:0.01%; /* ie bug */
	}

#contentPane a { text-decoration:none; }
#contentPane a:hover { text-decoration:underline; }


/* --- footer ------------------------------------------*/

#footer {
	font-size: 11px;
	color: #666;
	text-align:center;
	}
	
#footer p {
	margin: 8px 0;
	}
	
#footer a {
	text-decoration:none;
	color: #666; 
	}
	
.sprite { background:url('http://library.williams.edu/assets/images/spritesheet24.png') 0 0 no-repeat; }
.icon-32 { width:32px; height:32px; }
.icon-16 { width:16px; height:16px; }

/* social */
#social-media { text-align:center; margin-bottom:6px;}
#social-media .sprite { display:inline-block;  margin-right:5px; }

.sprite.facebook { background-position: -157px -53px; width: 24px; height: 24px;} 
.sprite.twitter  { background-position: -183px -183px; width: 24px; height: 24px;}
.sprite.instagram{ background-position: -157px -105px; width: 24px; height: 24px;}
.sprite.youtube  { background-position: -235px -105px; width: 24px; height: 24px;}
.sprite.flickr   { background-position: -53px -79px; width: 24px; height: 24px;}


	
/* --- ie png hack ---------------------------------------*/
img, div { behavior: url(/assets/ie-fixes/iepngfix.htc) }
	

/* --- secondary --- */


/* Staff Pages */

.staffCard {
display:block;
position:relative;
width:330px;
padding:10px 0;
margin-right:10px;
float:left;
}

.staffCard > img {
float:left;
margin-right:6px; 
border:1px solid #999
}

/* Menu Trees */

ul#tree, ul#tree li ul {
	list-style:none;
	display:block;
	padding:0;
	margin:0 0 0 15px;
	font: normal normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
	height:0.01%;
	}

ul#tree {
	margin:10px 0 10px 15px;
	}
	
ul#tree li { padding-bottom:10px; 
	margin:0; list-style:none; 
	height:0.01%;
	font: normal normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;	
	}

ul#tree li ul li {
	background: url(/assets/images/ul-tree.gif) 0px -7px no-repeat;
	padding:5px 0 0 20px;
	}
	
ul#tree li ul li:last-child, ul#tree li ul li.last {
	background: #fff url(/assets/images/ul-tree.gif) 0px -2986px no-repeat;
	}
	
ul#list {
	list-style:none; font-size:11px; margin:0; padding:0
	}
ul#list li {
	margin:0; padding: 0 0 6px 15px; list-style:none
	}
ul#list li.head {
	margin:0; padding: 10px 0 6px 15px; list-style:none; font-weight:bold
	}

/* Homepage right nav */

#homepageBar {
	float:right;
	width:250px;
	padding:0;
	margin:5px 0 10px 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
#outlineBox, .outlineBox {
	width:250px;
	padding:0 0 2px 0;
	margin:0 0 15px 0;
	background: url(/assets/images/sidebar-outline2.gif) bottom left no-repeat; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
#outlineBox h3, .outlineBox h2 {
	text-align:left; 
	margin:0;
	padding: 12px;
	width:250px;
	font-size: 12px;
	color: #306;
	}

#outlineBox h3.top, .outlineBox h2 {
	border-top:none;
	background: url(/assets/images/sidebar-outline2.gif) top left no-repeat;
	}

#outlineBox a {
	text-decoration: none;
	}
#outlineBox a:hover {
	text-decoration: underline;
	}

#outlineBox h3 a {
	text-decoration:none;
	color:#306;
	}
	
#outlineBox ul, .outlineBox ul {
	margin: 0 0 8px 0;
	padding: 0 2px 0 10px;
	list-style:none;
	/*
	border: 1px solid #B5C6DA;
	border-top:0;
	background-color: #E5ECF4;
	*/
	
	}
#outlineBox ul li, .outlineBox ul li {
	margin: 0 0 2px 0; 
	padding: 0 2px 2px 2px;
	line-height: 14px;  /*height of icon*/ 
	background-repeat: no-repeat;
	list-style:none;
	}
#outlineBox ul li a {
	display: block;
	padding-left: 22px; /*width of icon + whitespace*/ 
	background: url(/assets/images/block-arrow.gif) no-repeat 5px 1px;
	}

#outlineBox ul li.news a {
	display: block;
	padding-left: 24px; /*width of icon + whitespace*/ 
	background: url(/assets/images/news.gif) no-repeat 3px 0; 
	}
	
#outlineBox .splash, #homepageBar .splash {
	width:250px;
	background-color:#fff;
	margin:10px 0 0 0;
	padding:0 0 25px 0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	overflow:hidden;
	}
	
#outlineBox .newLib, #homepageBar .newLib {
	width:250px;
	background-color:#fff;
	margin:10px 0 0 0;
	padding:0 0 25px 0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	overflow:hidden;
	}

.outlineBox p {
padding:0 10px;
}	
.outlineBox h2 {
padding-top:10px;
padding-bottom:4px;
}

#newHours {
	position: relative;
	/* border:1px solid #999; */
	/* background-color:rgba(53, 3, 104, 0.2); */
	background-color: #EDEAD6;
	padding:3px;
	margin-bottom: 25px;
}

#newHours h2 {
	font-size:1.25em;
	font-weight:bold;
	padding-left:20px;
	padding-bottom: 5px;
	margin-left:10px;
	border-bottom:1px solid #000;
	background:url(/assets/images/clock.png) no-repeat;
	}
	
#newHours h2 a:link {
	color:#000;
}

#newHours h2 a:visited {
	color:#000;
}

#newHours p {
	padding-left:30px;
	font-size:1.1em;
}

#extraHours { /* lines up hours for Archives/Chapin summer hours on homepage */
	margin-left: 107px;
}

.videoBox p {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #000;
	font-weight: bold;
	margin-bottom: 5px !important;
}

	
#aboutNewLib {
	width:250px;
	background-color:#fff;
	padding:0 0 25px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
}

#aboutNewLib h2 {
	font-size:1.75em;
	font-weight:bold;
	line-height:2em;
	padding-left:35px;
	background:url(/assets/images/newburst.png) no-repeat;
	}

.homeLeft {
	float:left; 
	width:640px;
	}
	


/* News Carousel */
/*
.newsBar {
	border: 1px solid #999;
	padding-bottom: 15px;	
}
*/

#prev_next {
	/* text-align:center; */
	padding-top:5px;
}

#prev {
	margin:0 0 5px 5px;
	float:left;
}

#next {
	margin:0 5px 5px 0;
	float:right;
}

#contentPane p.newsWithImage, #contentPane p.newsSide {
position:relative;
/*margin: 20px 0 10px 0;*/
min-height:50px;
font-size: 1.15em;
}

#contentPane p.newsWithImage img.chipLeft, #contentPane p.newsSide img.chipLeft {
position: relative;
float:left;
margin:10px 10px 0px 5px;
}

#contentPane p.thisDay img.chipLeft {
position: relative;
float:left;
margin:0px 10px 0px 5px;
}

#contentPane p.newsWithImage span.description, #contentPane p.newsSide span.description, #contentPane p.thisDay span.description {
position: relative;
top:5px;
}


#contentPane p.newsSide br {
line-height:.4em;
}

#contentPane p.newsSide a.title, #contentPane p.newsWithImage a.title, #contentPane p.thisDay a.title {
color:#000;
text-align: left;
font-weight:bold;
font-size: 1.15em;
/* margin: 0 0 0 5px; */
}

#contentPane p.newsSide a.videoTitle {
color:#000;
text-align: left;
font-weight:bold;
font-size: 1.15em;
margin: 0 0 5px 0 !important;
}

#contentPane p.thisDay {
position:relative;
/* margin: 20px 0 10px 0; */
/* padding-bottom: 5px; */
min-height:50px;
/* overflow:hidden; */
font-size:1.15em;
}


/* Home Page Features */

/* Link Columns */
.column {
	width: 35%;
	float: left;
	margin-bottom:20px;
	margin-left:3px;
}

.middleColumn {
	width: 38%;
	float: left;
	margin-bottom:20px;	
}

.rightColumn {
	float: left;
	margin-bottom:20px;
}

.columnTitle {
	font-size: 1.25em;
	font-weight: bold;	
	margin-bottom: 5px;
}

.text {
	font-size: 1.1em;
	line-height: 1.45em;
}

/* Bottom Links */
#bottomLinks, .bottomLinks {
	position:relative;
	width:945px;
	margin:15px 0px 0px 0px;
	}	

#bottomLinks h3, .bottomLinks h2 {
	font-size: 16px;
	color: #306;
	}

#bottomLinks a {
	text-decoration: none;
	}
	
#bottomLinks a:hover {
	text-decoration: underline;
	}

#bottomLinks h3 a {
	text-decoration:none;
	color:#306;
	}

#linkLeft {
	width:35%;
	float: left;
	padding-left:15px;
}

#linkCenter {
	float: left;
	width: 30%;
}

#linkRight {
	float: right;
	padding-right:15px;
}

/* Footer */
#featuresFooter, .featuresFooter {
	position:relative;
	width:75%;
	padding:0 0 2px 0;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	}
#featuresFooter h3, .featuresFooter h2 {
	text-align:center; 
	margin:0;
	font-size: 20px;
	color: #306;
	}

#featuresFooter a {
	text-decoration: none;
	}
#featuresFooter a:hover {
	text-decoration: underline;
	}

#featuresFooter h3 a {
	text-decoration:none;
	color:#306;
	}


/*#contentPane div { border:1px solid #000; }
/* Use for debugging layout... */

/*
#search {
	padding: 0;
	margin: 0;
	}
#search select {
	margin: 0;
	padding: 0;
	}
#search input {
	margin: 0;
	padding: 1px;
	}


*/


.centerLeft {
	width:640px; 
	margin:0; 
	padding:0;
	float:left;
	
}


/* Indexes & Databases ------------------------------------------------------- */

/* Content pane, floating between right and left nav */
#content {
	padding: 10px;
	margin: 0;
	width: 500px;
	float:left;
	}
	
/* Citation Guides ------------------------------------------------------- */

/* Content pane, floating by left nav */

#contentRight {
	padding: 0 30px 0 30px ;
	margin: 0 0 10px 0;
	width: 565px;
	float:left;
	}
	
.citationGuide table {
	width:600px;
	border: 1px solid #999999;
	border-spacing: 0px;
	border-collapse:collapse;
	margin:10px 0 10px 0;
	}
	
.citationGuideCell {
	width:100px;
	vertical-align:top;
	text-align:center;
	color:#330066;
	background-color:#dddddd;
	font-weight:bold;
	}
	
.citationGuide table td {
	vertical-align:top;
	padding:5px;
	border: 1px solid #999999;
	margin:0;
	}
	
.citationExample {
	font-size: .90em;
	border-left: 0px solid #999999;
	color: #CC0000;
	padding-left: 20px;
	}

.hangingIndent {
	text-indent: -2em;
	padding-left: 2em;
	}
	
.sectionBreak {
	border-top: 1px solid #999999;
	padding-top: 5px;
	margin-top: 1em;
	}

/* Left Nav  ----------------------- */
#leftnav {
	float: left;
	margin: 0;
	padding: 5px 10px 0 0;
	width: 150px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	}
#leftnav h3 {
	font-size: 12px;
	margin: 0;
	padding: 2px 0 1px 3px; 
	border:1px solid #bbb;
	color: #306;
	min-height:16px;
	background:#eee url("/assets/images/menu-bar.gif") bottom center repeat-x;
	}
	
#leftnav ul {
	margin: 0 0 8px 0;
	padding: 0;
	width: 150px; /*width of left navlist*/
	list-style: none;
	}
#leftnav ul li {
	list-style:none;
	font-size:11px;
	margin:0;
	}
	
#leftnav ul li a {
	display: block;
	text-decoration: none;
	background: #E5ECF4; /* IE6 Bug */
	padding: 3px;
	border: 1px solid #B5C6DA;
	border-top: 0; }
#leftnav ul li a:link { 
	text-decoration: none;
	}
#leftnav ul li a:hover { 
	background: #D1DBE7; 
	text-decoration:none;
	}		

#leftnav ul li a.selected {
	background-color:#D1DBE7;
	}

/* NavList  ----------------------- 
Based on leftnav for backward compatibility
*//*
#navlist { 
	margin: 0;
	padding: 5px 10px 0 0;
	width: 160px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	}	
#navlist ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	width: 150px;
	border-top: 1px solid #B5C6DA;
	}
#navlist ul li {
	list-style:none;
	font-size:11px;
	margin: 0; 
	}
#navlist a {
	display: block;
	padding: 3px;
	border: 1px solid #B5C6DA;
	border-top: 0;
	text-decoration: none;
	background: #E5ECF4; 
	}
#navlist a:link, #navlist a:visited {
	text-decoration: none; 
	}	

#navlist a:hover { 
	background: #D1DBE7; 
	}		

#navlist a.selected {
	background-color:#D1DBE7;
	}
	*/

/* Nav List */
#navlist {
	float: left;
	margin: 0;
	padding: 5px 10px 0 0;
	width: 150px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	}
#navlist h3 {
	font-size: 12px;
	margin: 0;
	padding: 1px 0 0 3px; 
	border:1px solid #bbb;
	color: #306;
	height:16px;
	background:#eeeeee url("/admin/samples/menu3.gif");
	}
	
#navlist ul {
	margin: 0 0 8px 0;
	padding: 0;
	width: 150px; /*width of left navlist*/
	list-style: none;
	border-top: 1px solid #B5C6DA;
	}
#navlist ul li {
	list-style:none;
	font-size:11px;
	margin:0;
	overflow:hidden;
	}
	
#navlist a {
	display: block;
	text-decoration: none;
	background: #E5ECF4; /* IE6 Bug */
	padding: 3px;
	border: 1px solid #B5C6DA;
	border-top: 0; }
#navlist a:link { 
	text-decoration: none;
	}
#navlist a:hover { 
	background: #D1DBE7; 
	}		

#navlist a.selected {
	background-color:#D1DBE7;
	}

	
	

	
/* Right Nav  ----------------------- */
#rightnav {
	float: right;
	width: 200px;
	margin:0;
	padding: 5px 5px 0 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
	 
#rightnav a {
	text-decoration: none;
	}
#rightnav a:hover {
	text-decoration: underline;
	}

#rightnav h3 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 1px 0 0 1px; 
	color: #306;
	height:16px;
	/*
	border:1px solid #bbb;
	background:#eeeeee url("/admin/samples/menu3.gif");
	*/
	border-top:1px solid #999;
	}
#rightnav h3 a, #rightnav h3 a:hover {
	text-decoration:none;
	color:#306;
	}
	
#rightnav ul {
	margin: 0 0 12px 0;
	padding: 3px 0 0 2px;
	list-style:none;
	/*
	border: 1px solid #B5C6DA;
	border-top:0;
	background-color: #E5ECF4;
	*/
	
	}
#rightnav ul li {
	margin: 0 0 4px 0; 
	padding: 0 2px 2px 2px;
	line-height: 14px;  /*height of icon*/ 
	background-repeat: no-repeat;
	list-style:none;
	background-image: url(/assets/images/block-arrow.gif);
	background-position: 5px 1px;
	}
#rightnav ul li a {
	display: block;
	padding-left: 22px; /*width of icon + whitespace*/ 
	}
#rightnav ul li.default {
	background: url(/assets/images/block-arrow.gif) no-repeat 5px 1px;}
#rightnav ul li.blackboard {
	background: url(/assets/images/blackboard.gif) no-repeat 0 1px; }
#rightnav ul li.news {
	background: url(/assets/images/news.gif) no-repeat 3px 0; }
#rightnav ul li.email { 
	background-image: url(/assets/images/email.gif); }
#rightnav ul li.course { 
	background-image: url(/assets/images/course.gif); }
#rightnav ul li.ejournals { 
	background-image: url(/assets/images/ejournals.gif); }
#rightnav ul li.connect { 
	background-image: url(/assets/images/connect.gif); }	
	
#rightnav ul li b a, #rightnav ul li b a:hover {
color:black;
text-decoration:none;
cursor:default;
}
 

/*styles associated with top databases box on indexes and databases index page*/
#topdb {
	margin: 30px 0 0 30px; 
	padding: 0; }
#topdb dl {
	width: 300px;
	margin: 0 0 0 5px;
	padding: 0 0 2px 0;
	background: #E5ECF4 url(/assets/images/indexes-box-bottom.gif) no-repeat bottom left; }
#topdb dt {
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: .95em;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #766D87 url(/assets/images/indexes-box-top.gif) no-repeat top left; }
#topdb dd {
	margin: 0 0 5px 10px;
	padding: 0 10px;
	color: #1C4666;
	font-size: .90em;
	}
/* Junk styles */
#indexes {margin-left:30px;}


/*styles associated with helpbox at bottom of results pages*/
#helpbox {

	margin: 20px 10px 10px 10px;
	padding: 0;
	color: #000;
	text-align: center; } 
#helpbox dl {
	margin: 5px 0;
	padding: 0;
	background: #ffffdf; 
	border: 1px dotted #B5C6DA; }
#helpbox dt {
	margin: 0;
	padding: 5px 0;
	font-weight: bold; }
#helpbox dd {
	text-align: left;
	margin: 0 0 5px 10px;
	padding: 0 10px 0 50px;
	background: url(/assets/images/block_arrow.gif) no-repeat 30px 3px; }
	
	
.yellownote {
	float:right; 
	width:250px;
	padding:10px;
	font-size:.9em;
	background-color:#FFFF99;
	background-image: url(/assets/images/yellow_note.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-left:10px;
	margin-bottom:10px;
	}
.yellownote h2 {
	margin:0;
	}

/* -------------------------------------------------------------------
Misc Styles
*/

.red, .warn, .alert, p.note strong { color: #F00; }
	
.small {
	font-size: 11px; 
	line-height:normal;
	}


table.invisible, xtable[border="0"] {
	border: none;
	border-spacing: 0px;
	border-collapse:collapse;
	margin:10px 0 0 0;
	padding:0;
	/*background-color:#00FF33;*/
	}
	
table.invisible td, table.invisible th,
xtable[border="0"] td, xtable[border="0"] th {
	padding:0 10px 10px 0;
	vertical-align:top;
	}

table.invisible h2, xtable[border="0"] h2 {
	margin-top:0;
	}


table.plain, table.compact,
xtable[border="1"] {
	border: 1px solid #999;
	border-spacing: 0px;
	border-collapse:collapse;
	margin:10px 5px 10px 0;
	padding:0;
	}
table.plain td, table.plain th, 
table.compact td, table.compact th,
xtable[border="1"] td, xtable[border="1"] th {
	border: 1px solid #999;
	padding:8px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	}
table.plain th, 
table.compact th, 
xtable[border="1"] th {
	font-weight:bold;
	text-align:center;
	}
table.compact td, table.compact th {
	padding:2px;
	}
table.plain h2, xtable[border="1"] h2 {
	margin-top:0;
}

table.plain ul {
margin:8px 10px 10px 0;
padding-left:20px;
}

table.form{
	border: none;
	border-spacing: 0px;
	border-collapse:collapse;
	margin:0;
	padding:0;
	}
	
table.form td, table.form th {
	border: none;
	padding:6px 3px;
	text-align:left;
	vertical-align:middle;
	}
table.form tr td:first-child {
	text-align:right;
	}
	
table.form2{
	border: none;
	border-spacing: 0px;
	border-collapse:collapse;
	margin:0;
	padding:0;
	}
	
table.form2 td, table.form2 th, table.form2 tbody{
	border: none;
	padding:6px 3px;
	text-align:left;
	vertical-align:left;
	}
table.form2 tr td:first-child {
	text-align:left;
	}	

table.stat {
margin:10px 30px 10px 0;
}

table.stat th[colspan] {
background-color: rgb(237, 234, 214);
}
table.stat tr td:first-child {
text-align:right;
}
table.stat span.bar {
background-color: rgb(237, 234, 214);
display:block; 
text-align:right; 
padding:1px 2px;
font-size:11px;
white-space:nowrap;
overflow:visible;
}

table.statLeft {
float:left;
}

span.menuBar {
	border:1px solid #B5C6DA;
	border-right:none;
	background-color:#E5ECF4;
	}
span.menuBar a, span.menuBar a:visited, span.menuBar a:hover {
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	font-weight:bold;
	border-right:1px solid #B5C6DA;
	}
span.menuBar a.selected, span.menuBar a:hover {
	background-color:#D1DBE7;
	}
	
.wordBalloon {
	display:inline;
	position:relative;
	vertical-align:text-top;
	}
.wordBalloon a, .wordBalloon span {
	display:block;
	position:absolute;
	top:-20px;
	left:0px;
	width:30px;
	height:24px;
	padding: 1px 0 0 0;
	background: url(/assets/images/word_balloon.gif) no-repeat;
	text-align: center;
	text-decoration:none;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	}
	
.indent {
	padding-left:2em;
	}

.hilite { background-color:#ff9; }
	
#campusLinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	}	
	
#campusLinks a {
	padding-right: 5px;
	text-decoration:none;
	}
#campusLinks a:hover {
	text-decoration:underline;
	}
	
.campusHidden {
	visibility:hidden;
	}
	
.campusCorner {
	position:absolute; 
	right:0px; 
	bottom:0px; 
	padding:3px 0px 3px 6px;
	background:#fff url(/assets/images/rounded-top.gif) top left no-repeat;
	}
	
.campusBottom {
	display:inline;
	padding:3px 0px 10px 0px;
	}


form.twoColumn {
	margin:0;
	padding:0;
	}
form.twoColumn label {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding-right:2px;
	padding-top:3px;
	}
form.twoColumn p {
	margin:5px 0 5px 0;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
form.twoColumn input, form.twoColumn select, form.twoColumn textarea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

/*new acquisitions pages - eliminate eventually*/
.note { margin: 0 0 20px 0; }
.subnote { margin: 30px 0 10px 0; }
.subnote img { vertical-align: text-bottom; }
.newacq { margin: 15px 0; padding: 0; }
.newacq dt { font-weight: bold; list-style: none; display: inline; }
.newacq dd { list-style: none; display: inline; }
.newacq dd a { padding-left: 12px; }
/* end new acq */



/* Rounded Corners */
.bl { background: url(/assets/images/c-bl.gif) 0 100% no-repeat #FFCC33 }
.br { background: url(/assets/images/c-br.gif) 100% 100% no-repeat }
.tl { background: url(/assets/images/c-tl.gif) 0 0 no-repeat }
.tr { background: url(/assets/images/c-tr.gif) 100% 0 no-repeat; padding:5px 8px}

/* Comments */
#contentPane div.comment, #page div.comment {
	padding:0 0 12px 0;
	margin:10px 0;
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#contentPane div.comment p.comment, #page div.comment p.comment {
	margin:0;
	padding: 10px 8px 0 12px;
	background: #fff url(/assets/images/comment-top.gif) no-repeat;
	font-size:12px;
	line-height:1.4em;
	}
#contentPane div.comment p.sig, #page div.comment p.sig {
	margin:0;
	padding: 20px 0 0 50px;
	background: #fff url(/assets/images/comment-bottom.gif) no-repeat;	
	font-size:11px;
	line-height:normal;
	}
#contentPane div.comment p.sig a, #page div.comment p.sig a { text-decoration:none; font-weight:bold; }
#contentPane div.comment p.sig a:hover, #page div.comment p.sig a:hover { text-decoration:underline; }

/* Admin Links */
#adminLinks {
	padding:10px 0;
	}
#adminLinks a, #adminLinks a:hover, a.adminLink, a.adminLink:hover,
	#contentPane a.adminLink, #contentPane a.adminLink:hover {
	margin-right:10px;
	text-decoration:none;
	background-image:url(/assets/images/admin-small.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	padding-left:18px;
	}
	
#adminLinks a, #adminLinks a:hover {
	margin-right:10px;
	}
	
#adminLinks a.plain, #adminLinks a.plain:hover {
	background-image:none;
	padding-left:0;
	}
#adminLinks a.return, #adminLinks a.return:hover {
	background-image:url(/assets/images/return.gif);
	}

	
a.xadminLink {
	padding: 0 4px 1px;
	margin: 0 3px 0 0;
	color: #00f;
	background-color:#fc3;
	border: 2px solid #E6B72E;
	border-top-color:#FFE085;
	border-left-color:#FFE085;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	opacity:.35;
	filter: alpha(opacity=35);
	}
a.xadminLink:hover, a.xadminLink:active {
	text-decoration:none;
	opacity:1;
	filter: alpha(opacity=100);
	}

.mboardOnly { display:none; }
	
red { color:red; }
orange { color:orange; }
yellow { color:yellow; }
green { color: green; }
blue { color: blue; }
purple { color: purple; }



a.subtle {
	opacity:.3;
	filter: alpha(opacity=30);
	}
a.subtle:hover {
	opacity:1;
	filter: alpha(opacity=100);
	}

p.checkBox {
	background-image:url(/assets/images/checkbox.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:22px;
	font-weight:bold;
	min-height:15px;
	}


a.newLibLink, #contentPane a.newLibLink:hover {
display:block;
float:right;
font-size:12px;
padding:158px 0 0 0;
margin: 15px 0 0 0;
background-image:url(/assets/images/new-library-homepage.jpg);
background-repeat:no-repeat;
background-position:50% 0;
text-align:center;
width:248px;
height:auto;
text-decoration:none;
}

.returnLink {
font-family:Tahoma;
font-size:11px;
}

.floorplanWrapper {
padding:10px 0;
font-size:18px;
}
.floorplanWrapper p {
text-align:left;
}
.floorplanWrapper p span.labName {
display:none;
}

/* reserves forms */
.bibInfo {
background-color:#fcc;
padding:5px 5px 5px 30px;
text-indent: -25px;
}

.spaced li {
padding-bottom:15px;
}

/* link cloud */

#linkCloud {
line-height:12px;
text-align:center; 
padding: 5px 10px 10px 6px;
}
#linkCloud a {
line-height:1.5em;
vertical-align:middle; 
margin:0 5px;
}

.emailMsg, #contentPane .emailMsg {
background-color:#eee; 
padding:8px 10px; 
line-height:1.2em;
}

/* memex */
.memexItem, .memexItemHover { background-color:#fff; }
.memexItemHover { background-color:#ff9; }
a.printLink, #contentPane a.printLink:hover {
display:block;
float:right;
margin:5px 20px 0 0;
border:1px solid #999;
padding:4px 6px 5px 22px;
background-image:url(/assets/images/print.png);
background-repeat:no-repeat;
background-position:4px 4px;
color:#000;
text-decoration:none;
}

#contentPane a.printLink:hover {
background-color:#ffc;
}

img.right {
float:right;
margin:0 0 2px 10px;
}

table.plain th.sortChoice {
background-color:#ffc;
}

th.sortOption {
white-space:nowrap
}

#contentPane th.sortOption a, #contentPane th.sortOption a:hover {
color:black; 
font-weight:bold;
text-decoration:none;
background-image:url(/assets/images/icon-sort-down.gif);
background-repeat:no-repeat;
background-position:100% 3px;
padding-right:16px;
}










.citationGameFrame {
margin:10px 80px;
background-color:#fff;
padding:1em;
}

.citationGameFrame h2 {
	font-size:1.5em;
	padding:.5em;
}

.citationGameFrame div {
padding: 1em;
margin-bottom: 0.4em;
}














/* login page */
.loginPage p.error {
	color:#FF0000;
	font-weight:bold;
	}

.loginPage table {
	border: 0;
	border-spacing: 10px;
	}
.loginPage td.right {
	text-align:right;
	}

/* newac */


.newacItem {
border:1px solid #fff;
width:100%;
border-spacing: 0px;
border-collapse:collapse;
margin:5px 0;
padding:0;
}

.newacItem td {
padding:5px;
text-align:left;
vertical-align:middle;
line-height:1.4em;
}


.newacItem td.bookCover {
width:90px;
text-align:right;
padding-right:10px;
}

.newacItem input {
vertical-align:middle;
}

.newacItem td.bookCover img {
border:1px solid #ccc;
}

#newacTitle {
font-size: 1.25em;
color: #000;
font-weight: bold;
}

#newacTitle a:hover{
text-decoration: underline;
}


/* Libraries */

.libraryInfo {
display:block;
position:relative;
width:250px;
margin-right:50px;
margin-bottom:15px;
float:left;
}

.libraryInfo > img {
float:center;
border:1px solid #999
}

.chapinInfo {
display:block;
position:relative;
width:530px;
padding:10px 0;
margin-right:10px;
float:left;
}

.chapinInfo > img {
float:left;
margin-right:6px; 
border:1px solid #999
}


.libraryInfoRight {
display:block;
position:relative;
width:298px;
margin-bottom:15px;
float:right;
}

.libraryInfoTopLeft {
display:block;
position:relative;
width:298px;
margin-right:40px;
margin-bottom:15px;
float:left;
}

.libraryInfoBottomLeft {
display:block;
position:relative;
top: 60px;
left:-340px;
width:298px;
margin-bottom:15px;
float: left;
}

.libraryInfoTopRight {
display:block;
position:relative;
width:298px;
margin-bottom:15px;
float:right;
}

.libraryInfoBottomRight {
display:block;
position:relative;
top:-175px;
width:298px;
margin-bottom:15px;
padding-left:40px;
float:right;
}

.libraryInfoWide {
display:block;
position:relative;
margin-bottom:15px;
}


.libraryInfoWide ul {
  list-style-type: none;
  width: 640px;
  margin: 0px;
  padding: 0px;
}
 
.libraryInfoWide h3 {
  margin:1em 0 0 0 !important;
} 

.libraryInfoWide h2 {
  display: inline;
  margin: 0px;
} 
 
.libraryInfoWide li img {
  float: left;
  margin: 0 15px 0 0;
}
 
.libraryInfoWide li p {
  margin:0px !important;
} 
 
.libraryInfoWide li {
  display:inline-block;
  vertical-align:middle;
  padding: 10px;
  overflow: auto;
}

/* --- menu --- */






#nav {

	font-family:Tahoma,Arial, Helvetica, sans-serif;

	font-size:11px;

	position:relative;

	}

	

ul#nav, #nav ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#nav li {

	float: left;

	position: relative;

	margin:0;

	padding:0;

	z-index:999;

	}

	

#nav li ul {

	position: absolute;

	left:-1px;

	display:none;

	width:150px;

	z-index:999;

	}



#nav li ul li {

	width:150px;

	/*float:none;*/

	}



#nav li a {

	display:block;

	padding:3px 8px 4px 5px;

	margin:0;

	text-decoration: none;

	border-bottom: 0px solid #818076; /* IE6 Bug */

	color:#5E1E82;

	}

#nav li ul li a {

	background: #fff; /* IE6 Bug */

	padding:4px;

	border: 1px solid #ACA899; /* IE6 Bug */

	

	border-top: 0;

	border-left: 0;

	color:#00f;

	}

#nav li ul li a:visited {

	color:#800080;

	}

	

	

	

#nav li a:hover {

	background-color:#fff;

	}

#nav li ul li a:hover {

	background-color:#306;

	color: #fff;

	}



	

#nav a.thisPage {

	background-color:#dd9;

	}

	

/* Holly Hack. IE Requirement \*/

* html ul#nav li ul li { float: left; height: 1%; }

* html ul#nav li ul li a { height: 1%; width:150px; }

/* End */





#nav li:hover, #nav li.over {

	border-left:1px solid #999999;

	border-right:1px solid #999999;

	background-color:#fff;  /*E4E2D0;*/

	}



#nav li:hover ul, #nav li.over ul { 

	display: block; 

	border-left:1px solid #999;

	border-right:1px solid #555;

	border-bottom:1px solid #555;

	} /* The magic */





#nav li:hover ul li, #nav li.over ul li {

	border-left:0;

	border-right:0;

	}



#nav li:hover a, #nav li.over a {

	padding:3px 7px 3px 4px;

	border-bottom: 1px solid #ccc;

	}



/* --- hover --- */




.hoverLink { }
.hoverBox, .hoverBox ul, .hoverBox p, .hoverBox li { 
display:none; 
margin:0;
padding:0;
}

#hoverBox {
display:block;
position:absolute;
left:-500px;
top:-500px;
margin:0;
padding:0;
width:400px;
overflow:hidden;
background-image:url(/assets/images/hoverBox_03.png); /* hack */
background-repeat:no-repeat;
background-position:0 100%;
z-index:1000;
}

#hoverBox div.hoverBack {
display:block;
height:auto;
margin:0;
padding:18px 17px 1px 20px;
background-image:url(/assets/images/hoverBox_01.png);
background-repeat:no-repeat;
font-size:12px;
font-family:Verdana;
}

#hoverBox div.hoverFoot {
display:block;
margin:0;
padding:0;
height:20px;
background-image:url(/assets/images/hoverBox_02.png);
background-repeat:no-repeat;
background-position:0 100%;
}

#hoverBox br {
line-height:.9em;
}

#hoverBox a, #hoverBox a:hover {
color:#000;
text-decoration:none;
}