/****************************************
 * General Formatting
 ****************************************/
 
body {
 	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
 	}
 
/****************************************
 * 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.
	
	The "Search Cornell" link is aligned with the right edge of the page.
*/
#cu-identity {
	height: 45px;
	background: #b31b1b;
	}


#cu-logo {
	margin: 0 auto;
	width: 650px;
	background: url(../images/layout/cu_logo.gif) no-repeat top left;
	}
	
#cu-logo a {
	border: none;
	display: block;
	width: 180px;
	height: 45px;
	background: url(../images/layout/cu_logo.gif) no-repeat top left;
	}
	
#cu-logo img {
	display: none;
	}
	
#cu-search {
	position: absolute;
	top: 11px; 
	right: 50%;
	width: 200px;
	margin-right: -335px;
	}

	
#cu-search a {
	float: right;
	padding: 5px 15px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	border: none;
	}
	
#cu-search a:hover {
	background: #990f26;
	}
/****************************************
 * CHS Header
 ****************************************/
#chs-header {
	border-bottom: 3px solid #AEAEA6;
	border-top: 3px solid #AEAEA6;
}
#chs-logo {
	margin: 0 auto;
	width: 650px;
	background: url(/images/chslogo.gif) no-repeat top left;
	}
	
#chs-logo a {
	border: none;
	display: block;
	width: 453px;
	height: 68px;
	background: url(/images/chslogo.gif) no-repeat top left;
	}
	
#chs-logo img {
	display: none;
	}
#sitename {
	position: absolute;
	top: 48px; 
	right: 50%;
	width: 275px;
	margin-right: -385px;
	font-family: Georgia;
	font-size: 3em;
	color: #73736C;
	line-height: 65px;
}
 
/****************************************
 * Miscellaneous
 ****************************************/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}	
hr.banner-separator {
	display: none;
	}
/****************************************
 * 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%;
	background: #fff;
	}
 
#content {
	margin: 0 auto;
	width: 650px;
	}
	
#main {
	float: left;
	padding: 20px 0;
	width: 100%;
	}
/* two-column pages */

.twocolumn #wrap {
	/* see IE6/Win hack at bottom */

	}
	
.twocolumn #main {
	float: left;
	width: 610px;
	}
	
#section-navigation, #secondary {
	display: none;
	}
/****************************************
 * 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: 25px;
	}
 
#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: 180px;
	border-bottom: 2px solid #f4f4ef;
	}
	
#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: 0 30px;
	}
	
/* 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;
	}
	
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 {
	border-bottom: 1px solid #e5cfcf;
	color: #b31b1b;
	text-decoration: none;
	}
	
a:visited {
	color: #b37474;
	}
	
a:hover {
	color: #f00;
	border-color: #f00;
	}
	
a:active {
	color: #b31b1b;
	border-color: #e5cfcf;	
	}
	
/* 
	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-section-nav {
	padding: 0 15px;
}
.secondary-section-nav ul {
	border: 1px dotted #AEAEA6;
}
.secondary-section-nav ul li {
	background: none;
}
#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;
	}	
/****************************************
 * Footer
 ***************************************/

#chsfooter {
	clear: both;
	display: none;
}
#chsfooter-grey {
	background: #F0EEE4;
}
#chsfooter-red {
	background: #b31b1b;
}
#copyright {
	position: absolute;
	top: -10px;
	right: 50%;
	width: 100px;
	margin-right: -385px;
	color: white;
} 
#chsfooter-grey-img {
	display: none;
	}
	
#chsfooter-grey-img a {
	border: none;
	display: block;
	width: 200px;
	height: 64px;
	background: url(/images/chslogo-seal-top.gif) no-repeat top left;
	}
	
#chsfooter-grey-img img {
	display: none;
	}
#chsfooter-red-img {
	display: none;
	}
	
#chsfooter-red-img a {
	border: none;
	display: block;
	width: 200px;
	height: 64px;
	background: url(/images/chslogo-seal-bottom.gif) no-repeat top left;
	}
	
#chsfooter-red-img img {
	display: none;
	}