/****************************************
 * Cornell University 
 * Web Template with Two-line Unit Signature Banner
 * Main CSS Rules
 ****************************************/
 
/*
	The purpose of this stylesheet is to control the layout and formatting
	of pages throughout the website. Place rules that apply to all pages and 
	all web browsers in this stylesheet. To provide Internet Explorer v5.x 
	on Windows with special rules, see hacks/ie5win.css. To provide Internet 
	Explorer v5.x on Macintosh with special rules, see hacks/ie5mac.css.
*/
 
/****************************************
 * General Formatting
 ****************************************/
/* 
	The following rule sets up default global properties, such as
	font family and color, page margin and padding, and the 
	background color of the footer.
	
	Note the font-size declaration. Its purpose is to reset the 
	default font size to 10px instead of 16px, allowing font sizes to 
	be specified in ems throughout the stylesheet (1.0em = 10px, 
	1.3em = 13px, etc.). It is important to specify font sizes in ems 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.	
*/ 
body {
 	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	background: #d7d6d1 url(../images/layout/bridge_line_bg.gif) repeat-x top left;	/* footer background color */
 	}
 
/****************************************
 * Cornell Identity
 ****************************************/
/* 
	The following set of rules controls the appearance of the topmost 
	banner on the page, including height, background color, and text color.
	The Cornell identity banner should appear on every page of the site.
	
	The version of the logo that appears in the XHTML code is hidden from 
	browsers that can read this stylesheet, and it is replaced by a version
	of the logo that corresponds to the background color of the banner. 
	This logo is placed in the background of two elements below (rather than
	one) to prevent flickering when moused over by IE/Win users who have 
	disabled the browser cache.
*/
#cu-identity {
	height: 75px;
	background: #b31b1b;
	/*
	Comment out the following line to remove the Ezra Cornell background image from the header.
	Change 1.jpg to any number up to 8.jpg to use other header background images.
	*/
	background: #b31b1b url(../images/layout/header_bg/7.jpg) no-repeat top center;
	}

#cu-logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -370px;
	width: 740px;
	height: 75px;
	background: url(../images/layout/unit_signature.gif) no-repeat -8px -1px;
	}
	
#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em; 
	}
	
#insignia-link {
	width: 68px;
	height: 75px;
	}

#unit-signature-links a {
	left: 68px;
	width: 195px;
	}

#cornell-link {
	height: 38px;
	}
	
#unit-link {
	top: 38px;
	height: 37px;
	}
	
#cu-logo img {
	display: none;
	}
 
/*	
	Search Form
	-------------------------
	The following rules control the appearance of the search form interface. 
	The form is displayed in the Cornell banner, and it is aligned with the 
	right edge of the page. The search form should appear on every page 
	of a site. 
*/

#search-form {
	position: absolute;
	top: 18px;
	right: 50%;
	margin-right: -385px;
	}
	
#search-form form {
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#search-form label {
	color: #fff;
	}
	
#search-form-query {
	padding: 3px;
	width: 145px;
	border: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: #990f0f url(../images/layout/header_search.gif) no-repeat top left;
	vertical-align: middle;
	}
	
#search-form-submit {
	padding: 0px 2px 3px 2px;
	border-top: 1px solid #bf6060;
	border-left: 1px solid #bf6060;
	border-right: 1px solid #400606;
	border-bottom: 1px solid #400606;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	background: #900;
	vertical-align: middle;
	}
	
#search-filters {
	margin: 5px 0 0 0;
	}

#search-filters input {
	vertical-align: middle;
	margin: 0;
	}

#search-filters label {
	vertical-align: middle;
	margin: 0 10px 0 0;
	}
	
#search-form a {
	color: #fff;
	border-bottom: 1px solid #ce7f7f;
	}
	
#search-form a:hover {
	border-bottom: 1px solid #fff;
	}
 
/*	
	Search Navigation 
	-------------------------
	The following rules control the appearance of the search navigation 
	links. These links are displayed horizontally in the Cornell banner, 
	and they are aligned with the right edge of the page. The baseline
	of the links is aligned with the baseline of the unit name in the unit
	signature. Search navigation links should appear on every page of a
	site. 
*/

#search-navigation {
	position: absolute;
	top: 37px;
	right: 50%;
	margin-right: -385px;
	}
	
#search-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	}
	
#search-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
		
#search-navigation a {
	float: left;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	border: none;
	}
	
#search-navigation a:hover {
	background: #990f26;
	}
 
/****************************************
 * Header
 ****************************************/
 
/* 
	Section Title 
	-------------------------
	The following rules control the formatting of the section title, including
	padding, font family, size, weight, color.
*/
 
#identity {
	float: left;
	width: 100%;
	padding: 25px 0;
	background: #fff;
	}
 
#identity h1 {
	margin: 0 auto;
	width: 740px;
	font-family: georgia, "times new roman", times, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #73736c;
	} 
		
/*
	Main Navigation 
	-------------------------
	The following rules control the appearance of the main navigation links.
	These links are displayed in a horizontal band with a gray background. 
	Main navigation should appear on every page of a site.
*/

#header {
	float: left;
	width: 100%;
	background: url(../images/layout/bridge_navigation_bg.gif) no-repeat bottom center;
	/*background-color: #ffffff;*/
	/*background: none;*/
	/*border-top: 5px solid #73736c;*/
	/*border-bottom: 5px solid #73736c;*/
	}

/*	
#navigation {
	margin: 0 auto;
	width: 740px;
	}
*/	
#navigation {
	width: 770px;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	
	}
	
#navigation ul {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	/*border-left: 1px solid #a6a69d;*/
	width: 770px;
	font-size: 1em;
	/*background: url(../images/layout/bridge_navigation_bg.gif) no-repeat bottom center;*/
	}
	
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	}
	
#navigation a {
	float: left;
	padding: 13px 20px;
	border: none;
	/*border-right: 1px solid #a6a69d;*/
	font-size: 1.2em;
	font-weight: bold;
	color: #b31b1b;
	text-decoration: none;
	}
	
#navigation a:hover {
	/*background: #a6a69d;*/
	background: url(../images/layout/main_tab_rollover_bg.gif) repeat-x top left;
	}

/****************************************
 * Content Sections
 ****************************************/
/*
	The following set of rules controls the most general layout elements 
	used throughout the templates. Every page must have these elements, 
	with the exception of #section-navigation and #secondary, which are 
	only required on two-column pages.
	
	The #wrap element is used to apply the beige background color to the
	main body of the page. #content is used to specify that the page is 
	740px wide and centered. #main and #secondary are the right and left
	vertical columns of content, respectively (one-column pages only use
	#main, which occupies the entire width).
*/
#wrap {
	float: left;
	width: 100%;

	}
#secondarywrap {
	float: left;
	width: 100%;

	}
 
#content {
	margin: 0 auto;
	width: 770px;
	}
	
#main {
	float: right;
	padding: 6px 0 0 0;
	margin: 0 0 50px 0;
	width: 100%;
	}
	
/* two-column pages */

.twocolumn #wrap {
	/* see IE6/Win hack at bottom */
	background: #f0eee4 url(../images/layout/twocolumn_bg.gif) repeat-y top center;
	}
	
.twocolumn #main {
	float: right;
	width: 510px;
	}
	
#section-navigation, #secondary {
	float: right;
	width: 150px;
	position: relative;
	left: 2px;
	}
	
* html #section-navigation, #secondary{
 float: right;
	width: 140px;
	position: relative;
	left: 2px;
	height:100%
}

 
/****************************************
 * Section Navigation
 ****************************************/
/*
	The following set of rules controls the appearance of section navigation,
	which is used on two-column pages. Section navigation is displayed as a 
	vertical stack of links at the top of the left sidebar of a two-column page.
	
	For a detailed example of section navigation, see the two-column template.
*/
#section-navigation {
	margin-bottom: 50px;
	}
 
#section-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
#section-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: none;
	}
	
#section-navigation a {
	display: block;
	padding: 10px;
	border: none;	
	width: 140px;
	border-bottom: 2px solid #f4f4ef;
	background:#ffffff
	}
	
* html #section-navigation a {
	display: block;
	padding: 10px;
	border: none;	
	width: 125px;
	border-bottom: 2px solid #f4f4ef;
	background:#ffffff
	}	
	
#section-navigation a:visited {
	color: #b31b1b;
	}
		
#section-navigation a:hover {
	background: #f2f7fa;
	color: #f00;
	}
	
#section-navigation a:active {
	color: #b31b1b;
	background: none;
	}
 
/****************************************
 * Text Styles
 ****************************************/
/*
	The following rules control the appearance of the various textual elements
	that constitute the contents of a page, including font sizes, colors, and weights, 
	line spacing, margins, bullets, and borders. 
	
	For detailed examples, see the one-column and two-column templates.	
*/

/* first item on the page gets no top margin */
.first {
	margin-top: 0;
	}
 
/* 
	Headlines 
	-------------------------
	Headlines introduce sections of text, and they should be used in a 
	way that consistently represents the heirarchy of information on a page.
*/
 
h2 {
	margin: 0 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	}
	
h3 {
	clear: both;
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	}
	
h4 {
	margin: 15px 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
/* 
	Text
	-------------------------
	Paragraphs of text, extended quotations, and captions
*/

p {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
blockquote {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	}
	
/* captions */
	
.caption {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #666;
	}
	
/* 
	Lists 
	-------------------------
	Unordered lists (ul) represent a sequence of items in no particular
	order. They are displayed with a square bullet to the left of each 
	list item (li).
	
	Ordered lists (ol) represent an ordered sequence of items. They are 
	displayed with a number to the left of each list item (li).
	
	Definition lists (dl) represent a set of terms (dt) and definitions (dd).
	Each term should be followed by one or more definitions. Definition lists
	are very useful for marking up a series of links, each of which has an
	explanatory passage of text.

*/
	
ul, ol {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
ul ul, ul ol, ol ol, ol ul {
	font-size: 1.0em;
	}
	
ul li {
	margin: 5px 0;
	padding: 0 0 0 30px;
	list-style: none;
	background: url(../images/layout/bullet.gif) no-repeat 18px 0.65em;
	}
 
ol li {
	margin: 5px 0 5px 30px;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.4em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
/* 
	Links 
	-------------------------
	Links are displayed as dark red text. The underline is replaced by a 
	lighter bottom border. Visited links have less contrast than unvisited 
	links. Both visited and unvisited links turn bright red when moused over,
	and they return to their normal state when selected.
*/

a {
	color: #b31b1b;
	text-decoration: none;
	}
	
a:visited {
	color: #b31b1b;
	}

	
a:active {
	color: #b31b1b;
	}
	
/* 
	Secondary text 
	-------------------------
	The following rules control the ways in which secondary content 
	(displayed in the left sidebar of a two-column page) appears different
	from main content. Font sizes and margins are slightly smaller, and 
	colors have slightly less contrast.
	
	The .secondary-section class provides sections of secondary content
	with padding from the edges of the sidebar. Secondary content should be
	organized and grouped into .secondary-section divs.
	
	If the two-column page is used without a section navigation, the first
	.secondary-section div should have its ID attribute set to 
	secondary-section-first; i.e.
	<div class="secondary-section" id="secondary-section-first">. This 
	creates a margin between the top edge of the sidebar and the first section.
	
	For detailed examples of secondary text, see the two-column template.
*/

#secondary {
	color: #666;
	}

.secondary-section {
	margin: 0 0 50px 0;
	padding: 0 15px;
	}
	
#secondary-section-first {
	margin-top: 25px;
	}
	
#secondary h2 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: bold;
	}
	
#secondary p {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 1.5em;
	}
	
#secondary ul {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	}
	
#secondary ul li {
	padding-left: 12px;
	background-position: 0 0.65em;
	}
 
/****************************************
 * Images
 ****************************************/
/*
	The following set of rules controls the appearance of images.
	
	Examples of large photos, small photos, photo captions, and secondary
	photos can all be found in the two-column template. Examples of 
	thumbnails can be found in the hub and photo gallery templates.
*/
img {
	border: 0;
	}
 
/* 
	Large photos 
	-------------------------
	Large photos occupy the entire width of the main column of a two-column
	page. Text does not wrap around a large photo.
*/
 
.main-photo-large {
	margin: 20px 0;
	width: 510px;
	}
	
/* 
	Small photos 
	-------------------------
	Small photos are aligned with the right edge of the page, and text wraps 
	around them to the left.
*/

.main-photo-small {
	margin: 5px 0 15px 25px;
	width: 210px;
	float: right;
	}
	
/* 
	Photo captions 
	-------------------------
	Both large photos and small photos can have captions, which are displayed
	with a white background.
*/
	
.main-photo-large .caption, .main-photo-small .caption {
	margin: 0;
	padding: 5px 10px 8px 10px;
	background: #fff;
	}
	
/* 
	Secondary photos 
	-------------------------
	Secondary photos occupy the entire width of the secondary column (left sidebar) 
	of a two-column page. Secondary photos should not be placed within 
	.secondary-section divs.
*/

.secondary-photo {
	margin: 0 0 50px 0;
	}

#secondary .secondary-photo .caption {
	margin: 10px 15px 0 15px;
	}
	
/* 
	Thumbnails (dropshadows) 
	-------------------------
	Thumbnails, which are required on the hub template and the photo gallery template
	(and can be used anywhere throughout the site) are square (100x100px) images that
	have a soft shadow. The shadow subtly lifts the thumbnail to the foreground.
	
	Thumbnails are given some padding to make room for the shadow background image.
	They are then repositioned to where they would have been displayed without the 

	shadow and padding. This allows the thumbnail class to be used without concern 
	for accomodating the dimensions of the shadow image.
*/
 
.thumbnail {
	position: relative;
	
	/* padding makes room for the dropshadow, but offsets the image */
	padding: 6px 9px 9px 6px;
	background: url(../images/layout/shadow_tn.gif) no-repeat top left;
	
	/* position and margin fix the offset */
	top: -6px;
	left: -6px;
	margin: 0 0 -15px 0;
	}
 
/****************************************
 * Tables
 ****************************************/
/*
	The following rules control the appearance of tables, which are used only
	for tabular data. To create the appearance of alternating stripes of 
	background colors on rows of data, use the .row1 and .row2 classes on 
	<tr> elements.
	
	For a detailed example of how to mark up a table, see the 
	one-column or two-column template.
*/

table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	}
	
table {
	margin: 15px 0;
	border-bottom: 1px solid #e7e7e7;
	}
	
th {
	padding: 0 15px 5px 15px;
	font-weight: normal;
	text-align: left;
	color: #888;
	}
	
td, tbody th {
	padding: 10px 15px;
	border-top: 1px solid #e7e7e7;
	font-size: 1.1em;
	line-height: 1.5em;
	vertical-align: top;
	_padding: 0px 0px;

	}
	
tbody th {
	font-weight: bold;
	color: #222;
	text-align: right;
	}
	
.row1, .row1 td, .row1 th {
	background: #fff;
	} 
	
.row2, .row2 td, .row2 th {
	background: #fafaf7;
	}
	
tfoot td {
	font-weight: bold;
	}

caption {
	margin: 0 0 15px 0;
	text-align: left;
	color: #888;
	font-size: 1.1em;
	}
	 


	
fieldset {
	float: left;
	margin: 0;
	padding: 10px 0 15px 0;
	width: 510px;
	border: none;
	border-top: 1px solid #e7e7e7;
	}
		

	
	
.form-pair {
	display: inline;	
	float: left;
	margin: 5px 15px 0 15px;
	width: 480px;
	}
	
.form-item {
	float: left;
	margin-top: 5px;
	width: 165px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	}	
	
.form-value {
	float: right;
	margin-top: 5px;
	width: 300px;
	font-size: 1.1em;
	line-height: 1.5em;
	}

.checklist {
	margin: 0;
	font-size: 1em;
	}

.checklist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
	
.input-text, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}

.form-submit {
	border-top: none;
	background: #dbdbd2;
	}
	
.form-submit-buttons {
	text-align: right;
	padding-right: 15px;
	}
	
.form-submit-buttons .input-reset {
	margin-right: 5px;
	}
	
.input-submit, .input-reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {
	font-weight: bold;
	}
 
 

 
/****************************************
 * Bridge Page Elements
 ****************************************/
/* 
	The following rules control the appearance of the elements found
	on a bridge page. For more information about these elements, see the
	bridge template.
*/


/* 
	Background style 
	-------------------------
	The border of the main content region in bridge pages can be simulated by placing a background image
	in the #wrap element.  This technique is similar to the one used in the twocolumn template.  The same
	IE6/Win hack must also be used.
*/

.bridge #wrap {
	/* see IE6/Win hack at bottom */
	background: url(../images/layout/bridge_bg.gif) no-repeat top center;
	}
	
.bridge #secondarywrap {
	/* see IE6/Win hack at bottom */
	background: url(../images/layout/newbridge_bg2.gif) no-repeat top center;
	}
 
/* 
	Introductory pullquote 
	-------------------------
	The pullquote is a prominent piece of introductory text that appears
	on the bridge page at the top right. The text is bold, with generous 
	line spacing.
*/
 
.pullquote {
	float: right;
	width: 138px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	clear: both;
	}
	
.secondary-navigation {
	margin: 0 0 0 0;
	font-weight: bold;
	padding: 0 0 10px 0;
	background-repeat: no-repeat;
	

	}
	
.secondary-navigation h2 {
	margin: 0 0;
	padding: 0 0;
	width:100%;
	line-height:5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
	}


.blog-navigation {
	margin: 15px 0 0 0;
	font-weight: bold;
	padding: 0 0 10px 0;
	background:url(../images/about_us/nav_bar_body_bg.gif) no-repeat bottom left;
	}
	
.blog-navigation h2 {
	margin: 0 0;
	background: #fff url(../images/about_us/nav_bar_head_bg.gif) no-repeat top left;
	padding: 5px 5px 5px 10px;
	width:138px;
	font-size:12px;
	font-family:verdana;
	color:#73736f;
	text-align:left;
	
	}
	
.blog-navigation p {
	margin: 0 0;
	padding: 5px 15px 5px 10px;
	width:138px;
	font-size:11px;
	font-family:verdana;
	font-weight:normal;
	
	
	}





.secondary-navigation ul {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.2em;
	font-weight: normal;
	
	}
	
.secondary-navigation li {
	padding: 0;
	width: 100%;
	background: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	



	
	
	
.specialized-search {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	width: 138px;
	height: 52px;
	border:1px solid #b1afaf;
	background: url(../images/about_us/nav_search_bar_bg.gif) no-repeat top center;
	}
	
.specialized-search p {
	padding: 14px 0 0 0;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	font-size: 16px;
	color: #b31b1b;
	}
	
/* 
	Sections (rows)
	-------------------------
	Bridge sections (.bridge-section divs) span the entire width of the 
	page and clear any columns that may have been established. 
*/

.bridge-section {
	width: 700px;
	margin: 0;
	}
	
	
.bridge-section-content {
	width: 608px;
	margin: 20px 0 0 0;
	}
	
.bridge-section-content p {
	line-height:1.1em;

	}
	
.bridge-section-content table {
	width:100%;
	background: #fff url(../images/ask_a_librarian/rounded_box_body_bg.gif) no-repeat bottom left;
	margin:0 0;
	border:none;
	}


.bridge-section-content table tr {
	border:none;
	margin:0 0 0 0;
	}
	
.bridge-section-content table tr.first {
	border: none;
	margin:0 0;
	}
.bridge-section-content table tr.last {
	border: none;
	margin:0 0;
	}
	
.bridge-section-content table tr.first td.left {
	background: #fff url(../images/ask_a_librarian/rounded_box_head_bg.gif) no-repeat top left;
	height:6px;
	border:none;
	}
	
.bridge-section-content table tr.first td.right {
	background: #fff url(../images/ask_a_librarian/rounded_box_head_bg.gif) no-repeat top right;
	height:6px;
	border-left:1px solid #a3a2a2;
	border-top:none;
	}
	
.bridge-section-content table tr td.left {
	border-top: 1px solid #a3a2a2;
	width:120px;
	padding:10px 15px 10px 15px;
	}
	
.bridge-section-content table tr td.right {
	border-left: 1px solid #a3a2a2;
	border-top: 1px solid #a3a2a2;
	padding:10px 30px 10px 10px;
	}
	
.bridge-section-content table tr td p {
	font-size:12px;
	font-family:verdana;
	font-weight:normal;
	color:#000;
	margin:0 0;
	padding:0 0;
	line-height:15px;
	}
	
.bridge-section-content table tr td a {
	font-size:12px;
	font-family:verdana;
	font-weight:bold;
	}
	
.bridge-section-content table tr td p a {
	font-weight:normal;
	}
	
.bridge-section-content table tr td img {
	clear:none;
	float:left;
	padding-right:10px;
	}
	
.bridge-section-image {
	clear: left;
	float: left;
	width: 100px;
	margin: 0 20px 0 0;
	}
	
.bridge-section-links {
	float: left;
	clear:none;
	width: 475px;
	margin: 0 0 10px 0;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.bridge-section-links ul li {
	list-style-image:none;
	list-style-type:none;
	background:none;
	}
	
/* 
	Groups (columns) 
	-------------------------
	Bridge groups are displayed as left and right columns on the bridge page. 
	Groups may be used within sections.
*/

.bridge-group1 {
	clear: left;
	float: left;
	margin: 2px 17px 5px 1px;
	width:282px;
	}
	
.bridge-group2 {
	float: left;
	clear:none;
	width: 282px;
	margin: 2px 1px 5px 17px;
	}
	
.bridge-group3 {
	clear: left;
	float: left;
	margin: 0 17px 5px 1px;
	padding-bottom: 3px;
	width:282px;
	background: url(../images/about_us/giving_opportunities_body_bg.gif) no-repeat bottom left;
	}
	
.bridge-group4 {
	float: left;
	clear:none;
	width: 282px;
	margin: 0 1px 5px 17px;
	padding-bottom: 8px;
	background: url(../images/about_us/giving_opportunities_body_bg.gif) no-repeat bottom left;
	}
	
.bridge-group-image {
	clear: left;
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	}
	
.bridge-group-image2 {
	clear: left;
	float: left;
	width: 75px;
	margin: 0 10px 0 0;
	}
	
.bridge-group-links {
	float: right;
	clear:none;
	width: 165px;
	margin: 0 0;
	}
	
.bridge-group-links2 {
	float: right;
	clear:none;
	width: 175px;
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
	}

.bridge-group-links3 {
	float: left;
	clear:none;
	width: 100%;
	margin: 0 0 0 0;
	}
	
.bridge-group-links4 {
	float: left;
	clear:none;
	width: 100%;
	margin: 0 0 10px 0;
	}
	
.bridge-group-links ul, .bridge-group-links2 ul, .bridge-group-links3 ul {
	margin: 0 0;
	padding:0 0;
	}
	
.bridge-group-links li, .bridge-group-links2 li, .bridge-group-links3 li {
	margin:0 0;
	padding: 0 0;
	list-style:none;
	font-size:12px;
	font-family:arial;
	font-weight:normal;
	background:none;
	}

.bridge-group-links2 p {
	margin:0 0;
	padding: 0 0;
	list-style:none;
	font-size:11px;
	font-family:verdana;
	background:none;
	line-height:15px;
	color:#000;
	}
	
.bridge-group-links3 p {
	margin:0 0;
	padding: 0 15px 0 0;
	font-size:12px;
	font-family:verdana;
	background:none;
	line-height:15px;
	color:#000;
	}
	
.bridge-group-links4 p {
	margin:0 0;
	padding: 0 0 0 0;
	font-size:12px;
	font-family:verdana;
	background:none;
	line-height:15px;
	color:#000;
	}


/* 
	Headings 
	-------------------------
	Headings (h2) on bridge pages are displayed as gray banners with large, 
	dark text in the Georgia typeface.
*/

.bridge-group1 h2, .bridge-group2 h2, .bridge-section h2 {
	margin: 6px 0 5px 0;
	padding: 1px 0 1px 9px;
	font-family: georgia, "times new roman", times, serif;
	font-size: 2.1em;
	line-height: 1.4em;
	color: #666663;
	background: url(../images/about_us/subheading_bg.gif) no-repeat top right;
	
	}
	
.bridge-group3 h2, .bridge-group4 h2 {
	margin: 6px 0 5px 0;
	padding: 1px 0 1px 9px;
	font-family: georgia, "times new roman", times, serif;
	font-size: 2.1em;
	line-height: 1.4em;
	color: rgb(179, 27, 27);
	background: url(../images/about_us/giving_opportunities_head_bg.gif) no-repeat top left;
	
	}

.bridge-group-links3 h2 {
	margin:20px 0 1px 0;
	padding: 0 0;
	font-size:12px;
	font-family:verdana;
	font-weight:bold;
	background:none;
	color:#000;
	}
	
.bridge-group-links3 h2.my-contents {
	margin:20px 0 0 0;
	padding: 5px 0 5px 25px;
	background: url(../images/keeping_current/my_contents_icon.gif) no-repeat center left;
	color: rgb(179, 27, 27);
	}
	
.bridge-group-links3 h2.new-acquisitions {
	margin:20px 0 0 0;
	padding: 5px 0 5px 25px;
	background: url(../images/keeping_current/new_aquisitions_icon.gif) no-repeat center left;
	color: rgb(179, 27, 27);
	}
	
.bridge-group-links3 h2.alert-services {
	margin:20px 0 0 0;
	padding: 5px 0 5px 25px;
	background: url(../images/keeping_current/alert_services_icon.gif) no-repeat center left;
	color: rgb(179, 27, 27);
	}

.bridge-group-links3 h3 {
	margin:20px 0 1px 0;
	padding: 0 0;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	background:none;
	color:#000;
	}
	
.bridge-group-links4 h2 {
	margin:0 0 1px 0;
	padding: 0 0;
	font-size:12px;
	font-family:verdana;
	font-weight:bold;
	background:none;
	color:#000;
	}
	
/* 
	Text and images 
	-------------------------
	.bridge-photo and .bridge-links are specially formatted for use on 
	bridge pages (see the bridge template for examples).
*/

.bridge-photo {
	margin: 0 0 6px 3px;
	/*width:100px;*/
	}
	
.bridge-links {
	font-size: 1.1em;
	}
	
.bridge-links li {
	padding: 0;
	background: none;
	}
	
.bridge p.breadcrumbs {
	width: 580px;
	margin: 0 0 3px 0;
	font-size: 1.0em;
	line-height: 1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #383838;
	
	}
 
 .bridge-section div.banner {
	width: 778px;
	height: 149px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
 	}
	
 
 .bridge-section div.banner#secondary-banner {
	background-image: url(../images/layout/secondarybanners/rotate.php);
	background-repeat: repeat-x;
	background-position: left top;
 	}
	


 .bridge-section div.banner p {
 	color: #fff;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	font-size: 30px;
 	padding: 108px 0 0 4px;
 	letter-spacing: 2px;
 	}
	
 .bridge-section div.banner .rightsearch {
	width:140px;
	height:130px;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: normal;
	float:right;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	
	position: relative;
	left: -17px;
	top: 10px;
	line-height: 175%;
	background-image:url(../images/layout/toprightbox.png)
 	}
	
	 #content #main div.bridge-section div.banner div.rightsearch a {
	 top:10px;
	 position:relative;
	left:10px;
	 text-decoration:none;
	 }

	
/****************************************
 * Home Page Elements
 ****************************************/
/* 
	The following rules control the appearance of the elements found
	on a home page. For more information about these elements, see the
	home template.
*/

	
/* 
	Groups (columns) 
	-------------------------
	Bridge groups are displayed as left and right columns on the bridge page. 
	Groups may be used within sections.
*/

.bridge-home {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	}


/*
	Bubble Help
*/

#bubble_help {
	position:absolute;
	left:-500px;
	top:100px;
	z-index:2;
	border:0px solid #ccc;
	padding:0 0 0 12px;
	width:250px;
	}	
	


.bridge-bubble-head {
	margin: 0 0;
	width:100%;
	background:url(../images/layout/switched_left6.png) no-repeat top left;
	}

.bridge-bubble-left {
	float: left;
	width: 8px;
	padding: 0 0;
	margin:0 0;
	}
	
.bridge-bubble-right {
	float: left;
	width: 210px;
	margin: 0 0 0 15px;
	padding:8px 25px 0 0;
	background:url(../images/layout/switched_right6.png) no-repeat top right;
	}
	
.bridge-bubble-right p {
	font-size:11px;
	margin:0 0;
	}
	
.bridge-bubble-foot {
	margin: 0 0;
	width:100%;
	background:url(../images/layout/switched_left6.png) no-repeat bottom left;
	white-space:nowrap;
	}

.bridge-bubble-foot-left {
	float: left;
	width: 194px;
	margin: 0 0 0 15px;
	padding:5px 0 20px 0;
	background:url(../images/layout/switched_center6.png) no-repeat bottom right;
	}	
	
.bridge-bubble-foot-right {
	float: left;
	width: 16px;
	margin: 0 0 0 0;
	padding:5px 25px 20px 0;
	background:url(../images/layout/switched_right6.png) no-repeat bottom right;
	}	
	
.right .bridge-bubble-right {
	float: left;
	width: 210px;
	margin: 0 0 0 15px;
	padding:8px 10px 0 0;
	background:url(../images/layout/switched_right6.png) no-repeat top right;
	}
	
.right .bridge-bubble-right p {
	font-size:11px;
	margin:0 7px 0 0;
	padding:0 7px 0 0;
	}
	
.right .bridge-bubble-foot-left {
	float: left;
	width: 194px;
	margin: 0 0 0 15px;
	padding:5px 0 20px 0;
	background:url(../images/layout/switched_center6.png) no-repeat bottom left;
	}	
	
.right .bridge-bubble-foot-right {
	float: left;
	width: 16px;
	margin: 0 0 0 0;
	padding:5px 10px 20px 0;
	background:url(../images/layout/switched_right6.png) no-repeat bottom right;
	}
	
.right .bridge-bubble-foot-right {
	float: left;
	width: 16px;
	margin: 0 0 0 0;
	padding:5px 10px 20px 0;
	background:url(../images/layout/switched_right6.png) no-repeat bottom right;
	}	
	
/* "switched to" box */
/*#bubble_help div.bubble_head {
	background: url(../images/layout/switched_right.png) 100% 0 no-repeat;
	padding: 0 0;
	margin: 0 0;
	float: right;
	
}*/

/* hide from Mac IE5 \*/
/*html>body #bubble_help div.bubble_head {
	width: auto;
}*/
/* END hide from Mac IE5 */

/*#bubble_help div.bubble_head p {
	background: url(../images/layout/switched_left.gif) 0 0 no-repeat;
	border-width: 0 2px;
	margin: -10px 0 0 -10px;
	padding: 10px 10px 0;
	text-align: left;
	font-size:11px;
}

#bubble_help div.bubble_head div {
	background: #fff url(../images/layout/switched_left.gif) 0 100% no-repeat;
	margin: 0 0 0 -10px;
	padding: 0 0 0 9px;
	height:6px;
}

#bubble_help div.bubble_head div span {
	background: url(../images/layout/switched_right.gif) 100% 100% no-repeat;
	display: block;
	padding: 4px 12px 2px 0;
	text-align: right;
}

#bubble_help div.bubble_head a {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	display: block;
	font-size: 1.4em;
	line-height: 30px;
	padding-right: 35px;
}*/
/* END "switched to" box */


#banner {
 	width: 770px;
 	height: 330px;
 	/*background: url(../images/layout/home_banners/10.jpg) no-repeat top left;*/
 	margin: 0 0 6px 0;
 	}
 
  
 	
.home-section {
	float: left;
	width: 100%;
	margin: 4px 0 20px 0;
	background: url(../images/layout/rounded_corners_body_bg.gif) no-repeat bottom left;
	
	}

.home-group1 {
	clear: left;
	float: left;
	width: 504px;
	margin: 0 0 0 0;
	background: url(../images/layout/rounded_corners_head_bg.gif) no-repeat top left;
	}
	
.home-group2 {
	float: left;
	clear:none;
	width: 265px;
	margin: 0 0 0 0;
	}
	
.home-group-section-navigation {
	clear: left;
	float: left;
	width: 236px;
	margin: 0 0 0 0;
	}
	
.home-group-section-content {
	float: right;
	clear:none;
	width: 210px;
	margin: 0 0;
	padding: 20px 30px 15px 10px;
	font-weight: bold;
	font-family:Verdana;
	color: #605e5e;
	}
	
	
	
#course_help {
	display:block;
	}	
	
#search-by-course {
	width:100%;
	margin:0 0 10px 0;
	}

#search-by-course h2 {
	font-size: 12px;
	margin:0 0 2px 0;
	font-family:Verdana;
	color: #605e5e;
	background:none;
	padding:0 0;
	font-weight:bold;
	}
	
#search-by-course p {
	font-size: 10px;
	margin:0 0 2px 0;
	font-family:Verdana;
	color: #605e5e;
	background:none;
	padding:0 0;
	font-weight:bold;
	width:170px;
	text-align:center;
	}
	
#search-by-course input.course-search-box {
	width: 170px;
	background:#f1f1f1;
	margin: 0 0 15px 0;
 	padding: 2px 2px;
	font-size: 11px;
	font-family:Verdana;
	color: #acacac;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	}
	
#search-by-course input.go {
	padding: 2px 1px 2px 1px;
	margin: 0 0 2px 2px;
	border: 1px solid #ccc;
	font-family:Verdana;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	}
	
#browse-course-resources {
	width:100%;
	margin:0 0 0 0;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	
	}

#browse-course-resources h2 {
	font-size: 12px;
	margin:0 0;
	padding:0 0 0 0;
	background:none;
	}
		
#browse-course-resources span {
	font-family:Verdana;
	color:#000000;
	font-weight:normal;
	font-size:11px;
	}
	
#browse-course-resources a {
	font-family:Verdana;
	font-weight:bold;
	
	}
	
#tools-for-instructors {
	width:100%;
	margin:0 0 4px 0;
	padding-top:25px;
	}

#tools-for-instructors h2 {
	font-size: 12px;
	margin:0 0 0 0;
	font-family:Verdana;
	color: #000;
	background:none;
	padding:0 0;
	font-weight:bold;
	}
	
#tools-for-instructors a {
	font-family:Verdana;
	font-weight:normal;
	font-size:11px;
	}
	
	
#research_help {
	display:none;
	}
	
	
#research-help-links {
	width:100%;
	margin:0 0 0 0;
	}

#research-help-links ul {
	margin: 0 0 0 0;
	}
	
#research-help-links li {
	margin: 0 0;
	padding: 0 0 0 0;
	background: none;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0 0 15px 0;	
	}
	
	
	
#library_services {
	display:none;
	}
	
	
#library-services-links {
	width:100%;
	margin:0 0 0 0;
	}

#library-services-links ul {
	margin: 0 0 0 0;
	}
	
#library-services-links li {
	margin: 0 0;
	padding: 0 0 0 0;
	background: none;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	}
	
	
	
	
	
	
#requests {
	display:none;
	}
	
	
#requests-links {
	width:100%;
	margin:0 0 0 0;
	}

#requests-links ul {
	margin: 0 0 0 0;
	}
	
#requests-links li {
	margin: 0 0;
	padding: 0 0 0 0;
	background: none;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0 0 15px 0;	
	}

	
/* 
	Headings 
	-------------------------
	Headings (h2) on bridge pages are displayed as gray banners with large, 
	dark text in the Georgia typeface.
*/

.home-group1 h2, .home-group2 h2, .home-section h2 {
	margin: 6px 0 5px 0;
	padding: 1px 6px;
	font-family: georgia, "times new roman", times, serif;
	font-size: 2.1em;
	line-height: 1.3em;
	color: #666663;
	background: #ebede4;
	}
	
/* 
	Text and images 
	-------------------------
	.bridge-photo and .bridge-links are specially formatted for use on 
	bridge pages (see the bridge template for examples).
*/

.home-photo {
	margin: 0 0 20px 0;
	width:100px;
	}
	
.home-links {
	font-size: 1.1em;
	}
	
.home-links li {
	padding: 0;
	background: none;
	}
	
	
div.rounded-box#news-and-events {
	width: 100%;
	background: url(../images/layout/rounded_corners_body_bg.gif) no-repeat bottom right;
	margin: 0 0 4px 0;
	}
	

	
div.rounded-box#we-recommend {
	width: 100%;
	background: url(../images/layout/rounded_corners_body_bg.gif) no-repeat bottom right;
	padding: 0 0 4px 0;
	}
 
.rounded-box div.header {
	margin: 0;
	padding: 5px 3px 3px 10px;
	border-bottom: 0px solid #666;
	background: url(../images/layout/rounded_corners_head_bg.gif) no-repeat top right;

	text-align: left;
	vertical-align: middle;
	}

.rounded-box div.header h2 {
	font-family:verdana;
	font-size: 18px;
	font-weight: bold;
	color: #99998C;
	/*white-space:nowrap;*/
	letter-spacing: 0.5px;
	background-color: #fff;
	padding:0 0;
	margin: 2px 0 4px 0;
	}
	
.rounded-box div.header p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	background-color: #fff;
	margin:0 0 4px 0;
	}
	
h2 span.more {
	padding: 0 0 0 3px;
	font-size: 0.7em;
	font-style: italic;
	color: #B31B1B;
	}
	
.body span.more {
	float:right;
	
	
	}
	
.rounded-box div.body {
	color: #333;
	text-align:left;
	height:6px;
	margin: 0 8px 0 0;
	clear:both;
	padding: 2px 2px 2px 10px;
	font-size:11px;
	}
	
.rounded-box div.body img {
	float: left;
	margin: 0 5px 0 0;

	} 
 

 
/****************************************
 * Home Page Section Navigation Tabs
 ****************************************/
/*
	The following set of rules controls the appearance of section navigation,
	which is used on two-column pages. Section navigation is displayed as a 
	vertical stack of links at the top of the left sidebar of a two-column page.
	
	For a detailed example of section navigation, see the two-column template.
*/

 #section-navigation-tab {
	float: left;
	clear: left;
	width: 241px;
	}
 
#section-navigation-tab ul {
	margin: 0;
	padding: 0;
	font-size: 2.0em;
	font-weight: normal;
	}
	
#section-navigation-tab li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	width: 100%;
	background: none;
	vertical-align: middle;
	}
	
/*#section-navigation-tab li.active {
	background: url(../images/layout/home_sectionnav_tab_active_bg.gif) no-repeat top left;
	}*/
	
#section-navigation-tab a {
	font-family: "arial black", verdana, helvetica, sans-serif;
	display: block;
	padding: 20px 0 16px 12px;
	border: none;	
	width: 100%;
	vertical-align: bottom;
	letter-spacing: 1px;
	color: #99998c;
	}
		
#section-navigation-tab a:hover {
	color: #b31b1b;
	background: url(../images/layout/tab_anchor_bg_hover.gif) no-repeat top left;
	/*background: url(../images/layout/home_sectionnav_tab_active_bg.gif) no-repeat top left;*/
	}
	

	
#section-navigation-tab a:active {
	color: #b31b1b;
	background: none;
	}

li#course_help_tab {	
	background: url(../images/layout/tab_bg.gif) no-repeat bottom left;
	color: #99998c;

	}
	
li#course_help_tab:hover {	
	background: url(../images/layout/tab_bg_hover.gif) no-repeat bottom left;
	cursor:pointer;
	color: #b31b1b;
	}
	
li#course_help_tab:hover a {	
	color: #b31b1b;
	}

li#research_help_tab {	
	background: url(../images/layout/tab_bg.gif) no-repeat bottom left;
	margin-top: 3px;
	color: #99998c;
}

li#research_help_tab:hover {	
	background: url(../images/layout/tab_bg_hover.gif) no-repeat bottom left;
	margin-top: 3px;
	cursor:pointer;
	color: #b31b1b;
}

li#research_help_tab:hover a {	
	color: #b31b1b;
	}

li#library_services_tab {	
	background: url(../images/layout/tab_bg.gif) no-repeat bottom left;
	margin-top: 3px;
	color: #99998c;
}

li#library_services_tab:hover {	
	background: url(../images/layout/tab_bg_hover.gif) no-repeat bottom left;
	margin-top: 3px;
	cursor:pointer;
	color: #b31b1b;
}

li#library_services_tab:hover a {	
	color: #b31b1b;
	}

li#requests_tab {	
	background: url(../images/layout/tab_bg.gif) no-repeat bottom left;
	margin-top: 3px;
	color: #99998c;
}

li#requests_tab:hover {	
	background: url(../images/layout/tab_bg_hover.gif) no-repeat bottom left;
	margin-top: 3px;
	cursor:pointer;
	color: #b31b1b;
}

li#requests_tab:hover a {	
	color: #b31b1b;
	}

li#course_help_tab a {	
	background: url(../images/layout/tab_anchor_bg.gif) no-repeat top left;
	}

li#research_help_tab a {	
	background: url(../images/layout/tab_anchor_bg.gif) no-repeat top left;
}

li#library_services_tab a {	
	background: url(../images/layout/tab_anchor_bg.gif) no-repeat top left;
}

li#requests_tab a {	
	background: url(../images/layout/tab_anchor_bg.gif) no-repeat top left;
}





li.active#course_help_tab {	
	background: url(../images/layout/course_help_tab_active_bg.gif) no-repeat bottom left;
	}

li.active#research_help_tab {	
	background: url(../images/layout/research_help_tab_active_bg.gif) no-repeat bottom left;
}

li.active#library_services_tab {	
	background: url(../images/layout/library_services_tab_active_bg.gif) no-repeat bottom left;
}

li.active#requests_tab {	
	background: url(../images/layout/requests_tab_active_bg.gif) no-repeat bottom left;
}

li.active#course_help_tab a {	
	background: url(../images/layout/course_help_tab_active_bg.gif) no-repeat top left;
	}

li.active#research_help_tab a {	
	background: url(../images/layout/research_help_tab_active_bg.gif) no-repeat top left;
}

li.active#library_services_tab a {	
	background: url(../images/layout/library_services_tab_active_bg.gif) no-repeat top left;
}

li.active#requests_tab a {	
	background: url(../images/layout/requests_tab_active_bg.gif) no-repeat top left;
}




li.active#course_help_tab a:hover {	
	color: #99998c;
	}

li.active#research_help_tab a:hover {	
	color: #99998c;
}

li.active#library_services_tab a:hover {	
	color: #99998c;
}

li.active#requests_tab a:hover {	
	color: #99998c;
	
}

li.active#course_help_tab:hover a {	
	color: #99998c;
	}

li.active#research_help_tab:hover a {	
	color: #99998c;
}

li.active#library_services_tab:hover a {	
	color: #99998c;
}

li.active#requests_tab:hover a {	
	color: #99998c;
	
}





/*
li.active#course_help {	
	background: url(../images/layout/course_help_tab_active_bg.gif) no-repeat top left;
}

li.active#research_help {	
	background: url(../images/layout/research_help_tab_active_bg.gif) no-repeat top left;
	margin-top: 3px;
}

li.active#library_services {	
	background: url(../images/layout/library_services_tab_active_bg.gif) no-repeat top left;
	margin-top: 3px;
}

li.active#requests {	
	background: url(../images/layout/requests_tab_active_bg.gif) no-repeat bottom left;
	margin-top: 4px;
}


*/

	
/****************************************
 * Footer
 ****************************************/
/* 
	The following rules control the appearance of the footer found at the 
	bottom of every page. The footer contains the Cornell University copyright,
	which is displayed in a small font size. The color of the bottom border
	of the link in the footer is darker than most links to provide adequate 
	contrast with the background color of the footer.
*/
 
#footer {
	float: left;
	width: 100%;
	
	}
	
#footer-content {
	margin: 0 auto;
	padding: 15px 0 25px 0;
	width: 740px;
	font-size: 1.0em;
	color: #333;
	}
	
/* links */

#footer a {
	border-bottom: 1px solid #ccadad;
	}
	
#footer a:active {
	border-color: #ccadad;	
	}
 
/****************************************
 * Miscellaneous
 ****************************************/

/* 
	Hide "skip to content" link from general users. 
	Do not use display: none, as that will also hide it from some screen readers.
*/
#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
/* 
	To display the "skip to content" link to general users, uncomment
	the following rules (this usually is not necessary).
#cu-logo {
	top: 25px;
	}
#skipnav {
	position: static;
	height: 25px;
	line-height: 25px;
	background: #fff;
	}
#skipnav a {
	display: block;
	margin: 0 auto;
	width: 740px;
	border: none;
	}
#search-navigation {
	top: 62px;
	}
#search-form {
	top: 43px;
	}
*/
	
/* 
	Hide horizontal rules (hr) that are found throughout the site.
	The rules are semantic separations of content, and they are useful for 
	browsers that cannot utilize the stylesheet.
*/	
hr {
	display: none;
	}
 
/****************************************
 * IE6/Windows Hacks
 ****************************************/
 
/*
	Shifting Background Bug:
	IE/Windows calculates "center" (for a background image position) differently
	than it does "50%" or "margin: 0 auto" (for foreground content) when the 
	page is an odd number of pixels wide.
*/
 
.twocolumn #content {
	background: #f0eee4 url(../images/layout/twocolumn_bg.gif) repeat-y top center;
	}
 
.twocolumn #wrap {
	background: #f0eee4;
	}
	
/* unhack for other browsers */
.twocolumn>#wrap {
	background: #f0eee4 url(../images/layout/twocolumn_bg.gif) repeat-y top center;
	}
	


	
/*
	Shifting Background Bug for bridge templates
	---------------------------------------------
*/	
	
	
.bridge #content {
	}
 
.bridge #wrap {
	background: #ffffff url(../images/layout/bridge_bg.gif) no-repeat top center;
	}
	
/* unhack for other browsers */
.bridge>#wrap {
	background-color: #ffffff;
	background-image: url(../images/layout/bridge_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	
.bridge #secondarywrap {
	background: #ffffff url(../images/layout/newbridge_bg2.gif) no-repeat top center;
	}
	
/* unhack for other browsers */
.bridge>#secondarywrap {
	background-color: #ffffff;
	background-image: url(../images/layout/newbridge_bg2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
.bridge #colorstripe {background-color:#f4f4ed}


.swoosh a {
	border-bottom: 1px solid #e5cfcf;
	color: #b31b1b;
	text-decoration: none;
	}
	
.swoosh a:visited {
	border-bottom: 1px solid #e5cfcf;
	color: #b31b1b;
	text-decoration: none;
	}
	
.swoosh a:hover {
	color: #f00;
	border-color: #f00;
	}
	
.swoosh a:active {
	color: #b31b1b;
	border-color: #e5cfcf;	
	}
	

#banner {
 	width: 770px;
 	height: 330px;
 	/*background: url(../images/layout/home_banners/10.jpg) no-repeat top left;*/
 	margin: 0 0 6px 0;
 	}
 

 
div.swoosh#research {
 margin: 25px 0 0 0;
 float: left;
 width: 100%;
 padding: 0 0 0 0;
 height:250px;
 background: url(../images/layout/search_gradient_bg8.png) no-repeat center top;
 
 }
 



 
 div#quick-search {
 	float: left;
 	width: 500px;
 	margin: 50px 0 0 20px;
	height: 210px;
 	font-family: georgia, "times new roman", times, serif;
	display:block;
 	}
	
 div#quick-search h2 {
	margin: 10px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	/*color: rgb(172,172,172);*/
	color:rgb(153, 153, 153);
	font-family:arial;
	height:30px;
 	}
 	
 div#quick-search input.searchbox {
 	width: 440px;
 	background-color: #f1f1f1;
 	margin: 10px 0 5px 10px;
 	line-height: 16px;
 	font-size: 12px;
 	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}

 div#quick-search input.go {
	padding: 2px 1px 2px 1px;
	margin: 10px 0 0 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	float:right;
	cursor:pointer;
	}




	
	
#article-search {
 	float: left;
 	width: 500px;
 	height: 210px;
 	margin: 50px 0 0 20px;
 	font-family: georgia, "times new roman", times, serif;
	display:none;
	}

 div#article-search h2 {
 	margin: 10px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	/*color: rgb(172,172,172);*/
	color: rgb(153, 153, 153);
	font-family:arial;
	height:30px;
 	}
	
 div#article-search input.searchbox {
 	width: 280px;
 	background-color: #f1f1f1;
 	margin: 10px 0 5px 10px;
 	font-size: 12px;
	line-height: 16px;
 	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}
	
 /*div#article-search select.subjectmenu {
 	width: 140px;
	background:url(../images/layout/arrows/down_red.gif) no-repeat center right #f1f1f1;
 	margin: 50px 0 0 10px;
 	line-height: 16px;
 	font-size: 12px;
 	padding: 4px 2px 2px 4px;
	color: #acacac;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
 	}*/
	
 div#article-search select.subjectmenu {
 	width: 148px;
	/*background:url(../images/layout/arrows/down_red.gif) no-repeat center right #f1f1f1;*/
	background-color:#f1f1f1;
 	margin: 10px 0 3px 13px;
 	font-size: 12px;
 	padding: 2px 0 0 0;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*border:1px solid #666;*/
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}
 	
 div#article-search input.go {
	padding: 2px 1px 2px 1px;
	margin: 10px 0 0 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	float:right;
	cursor:pointer;
	}
	
	
	
#database-search {
 	float: left;
 	width: 500px;
 	height: 210px;
 	margin: 50px 0 0 20px;
 	font-family: georgia, "times new roman", times, serif;
	display:none;
	}
	
 div#database-search h2 {
 	margin: 10px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	/*color: rgb(172,172,172);*/
	color: rgb(153, 153, 153);
	font-family:arial;
	height:30px;
 	}

 div#database-search input.searchbox {
 	width: 440px;
 	background-color: #f1f1f1;
 	margin: 10px 0 5px 10px;
 	line-height: 16px;
 	font-size: 12px;
 	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}
 	
  div#database-search input.go {
	padding: 2px 1px 2px 1px;
	margin: 10px 0 0 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	float:right;
	cursor:pointer;
	}
	
	
#ejournal-search {
 	float: left;
 	width: 500px;
 	height: 210px;
 	margin: 50px 0 0 20px;
 	font-family: georgia, "times new roman", times, serif;
	display:none;
	}
	
 div#ejournal-search h2 {
 	margin: 10px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	/*color: rgb(172,172,172);*/
	color: rgb(153, 153, 153);
	font-family:arial;
	height:30px;
 	}

 div#ejournal-search input.searchbox {
 	width: 440px;
 	background-color: #f1f1f1;
 	margin: 10px 0 5px 10px;
 	line-height: 16px;
 	font-size: 12px;
 	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}
 	
 div#ejournal-search input.go {
	padding: 2px 1px 2px 1px;
	margin: 10px 0 0 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	float:right;
	cursor:pointer;
	}
	
	
#image-search {
 	float: left;
 	width: 500px;
 	height: 210px;
 	margin: 50px 0 0 20px;
 	font-family: georgia, "times new roman", times, serif;
	display:none;
	}
	
 div#image-search h2 {
 	margin: 10px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	/*color: rgb(172,172,172);*/
	color: rgb(153, 153, 153);
	font-family:arial;
	height:30px;
 	}

 div#image-search input.searchbox {
 	width: 440px;
 	background-color: #f1f1f1;
 	margin: 10px 0 5px 10px;
 	line-height: 16px;
 	font-size: 12px;
 	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}
 	
 div#image-search input.go {
	padding: 2px 1px 2px 1px;
	margin: 10px 0 0 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	float:right;
	cursor:pointer;
	}
	
	
#expert-search {
 	float: left;
 	width: 500px;
 	height: 210px;
 	margin: 50px 0 0 20px;
 	font-family: georgia, "times new roman", times, serif;
	display:none;
	}
	
 div#expert-search h2 {
 	margin: 10px 0 0 10px;
	font-size:20px;
	font-weight:bold;
	/*color: rgb(172,172,172);*/
	color: rgb(153, 153, 153);
	font-family:arial;
	height:30px;
 	}

 div#expert-search input.searchbox {
 	width: 440px;
 	background-color: #f1f1f1;
 	margin: 10px 0 5px 10px;
 	line-height: 16px;
 	font-size: 12px;
 	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	float:left;
 	}
 	
 div#expert-search input.go {
	padding: 2px 1px 2px 1px;
	margin: 10px 0 0 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #b31b1b;
	background: #ededed;
	vertical-align: middle;
	float:right;
	cursor:pointer;
	}

	
.classic-catalog {
 	float: right;
	clear:both;
	margin:10px 45px 0 0;
	padding:15px 0 35px 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	/* background: url(../images/layout/world_search_icon_bg.png) no-repeat top left; */
 	}
	
.advanced-search {
 	float: right;
	margin:5px 45px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	clear:both;
 
 	}
	
.search-tips {
 	float: right;
	clear:both;
	margin:5px 45px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
 
 	}	

	
	
	
#research_tabs {
	margin: 0 0;
	width: 180px;
	padding: 5px 0 0 15px;
	float:left;
	
	}
	
#research_tabs ul {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	font-size: 1em;
	line-height:1.2em;
	/*background: url(../images/layout/bridge_navigation_bg.gif) no-repeat bottom center;*/
	}







#research_tabs li.active_search {
	margin: 0 3px 0 40px;
	padding: 0 0 0 0;
	float: left;
	width:100%;
	background: url(http://library.cornell.edu/sites/all/themes/webvision/images/layout/newcurrentreasearch.gif) no-repeat top left;
	}
	
#research_tabs li.active_search.hover {
	margin: 0 3px 0 40px;
	padding: 0 0 0 0;
	float: left;
	width:100%;
	background: url(http://library.cornell.edu/sites/all/themes/webvision/images/layout/newcurrentreasearch.gif) no-repeat top left;
	}
	
#research_tabs li.active_search a {
	float: left;
	padding: 9px 10px 9px 10px;
	border: none;
	font-size: 12px;
	font-family:arial;
	font-weight: bold;
	color: rgb(153, 153, 140);
	background: url(http://library.cornell.edu/sites/all/themes/webvision/images/layout/arrows/right_red.gif) no-repeat center right;
	text-decoration:none;
	width:125px;
	}
	
#research_tabs li.active_search a:hover {
	color:rgb(153, 153, 153);
	}
	
	
	
	
	
#research_tabs li {
	margin: 0 3px 0 40px;
	padding: 0 0 0 0;
	float: left;
	width:100%;
	background: url(http://library.cornell.edu/sites/all/themes/webvision/images/layout/newsearchtabbg.gif) no-repeat top left;
	}
	
#research_tabs li:hover {
	margin: 0 3px 0 40px;
	padding: 0 0 0 0;
	float: left;
	width:100%;
	background: url(../images/layout/newcurrentreasearch.gif) no-repeat top left;
	}
	
#research_tabs li a {
	float: left;
	padding: 9px 10px 9px 10px;
	border: none;
	font-size: 12px;
	font-family:arial;
	font-weight:bold;
	color: #b31b1b;
	/*background: url(../images/layout/qk_search_tabs_bg.gif) no-repeat top left;*/
	text-decoration:none;
	width:125px;
	}
	
	
#research_tabs li a span {
	border-bottom: 1px solid #e5cfcf;
	}
	
#research_tabs li a:hover span {
	border-bottom: 1px solid #f00;
	}
	
#research_tabs li a:hover {
	color:#f00;
	}






#research_tabs li.search_label {
	margin: 6px 3px 0 0;
	padding: 0 0 0 0;
	float: left;
	width:100%;
	background: none;
	}
	
#research_tabs li.search_label span {
	float: left;
	padding: 6px 0 10px 0;
	border: none;
	font-size: 18px;
	font-family:arial;
	font-weight: bold;
	color:rgb(153, 153, 153);
	/*background: url(../images/layout/qk_search_tabs_active_bg.gif) no-repeat top left;*/
	text-decoration:none;
	width:130px;
	}
	
	


