o/****************************************
 * 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 f
	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.	
*/ 
html{
height: 100%; 	
}

body {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	height: 100%;
	background-color:white;
 	}

 * 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.
*/
#topcontainer {
	float: left;
	height: 75px;
	padding: 0;
	width: 1000px;
	background: #000;
	
	
}
#cu-identity {
	position: relative;
	margin:0 auto;
	height: 75px;
	width: 1000px;
	
	background: #000 url no-repeat top center;
	}

#cu-logo {
	position: relative;
	margin:0 auto;
	top: 0;
	float:left;
	min-width: 1000px;
	height: 75px;
	background: url(../images/layout/CTE-logo.gif) no-repeat;
	}
	
#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em; 
	}
	
#insignia-link {
	width: 75px;
	height: 75px;
	}

#unit-signature-links a {
	left: 75px;
	width: 270px;
	}

#cornell-link {
	height: 35px;
	}
	
#unit-link {
	top: 35px;
	height: 35px;
	}
	
#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: relative;
	top: 22px;
	left: 90px;
	margin-right: -10px;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: 400;
	}
	
#search-form form {
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#search-form label {
	color: #fff;
	}
	
#search-form-query {
	padding: 3px;
	width: 100px;
	border: none;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	background: #5e5e5e 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 #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	font-weight: 400;
	color: #fff;
	background: #5e5e5e;
	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 #fff;
	text-decoration: none;
	}
	
#search-form a:hover {
	border-bottom: 1px solid #ccc;
	}
 
/*	
	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: -470px;
	}
	
#search-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
	
#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
 ****************************************/
 
 
#identity {
	/*THIS IS THE CONTAINER FOR THE GLOBAL NAVIGATION (HORIZONTAL BAR AT THE TOP OF THE PAGE) WHERE THE BACKGROUND COLOR IS DEFINED*/
	float:left;
	height:60px;
	padding:0;
	min-width: 1000px;
	width: 100%;
	} 
#topnav {
	/*THIS IS THE CONTAINER THAT FITS THE WIDTH OF THE ACTUAL PAGE CONTENT & HOLDS THE ACTUAL LINKS FOR THE GLOBAL NAGIVATION*/
	position: relative;
	margin:0 auto;
	width:1000px;
	z-index:597;
}

/****************************************
	Global Navigation (Drop-down menu) The main horizontal navigation.
 ****************************************/

.globalnav{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;	
	font-weight:700;
	}
.globalnav ul{
	/*background:#2580a2*/;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.globalnav li{
		float:left;
		padding:0px;
		list-style:none;
		}
	.globalnav li a{
		background:url("../styles/images/seperator.gif") bottom right no-repeat;
		color:#000;
		display:block;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;	
		font-weight:700;
		line-height:40px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.globalnav li a:hover, .globalnav ul li:hover a{
			background: #666 url("../styles/images/hover.gif") bottom center no-repeat;
			color:#fff;
			text-decoration:none;
			}
	.globalnav li ul{
		background:#333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:208px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.globalnav li:hover ul{
		display:block;
		
		}
	.globalnav li li {
		background:url('../styles/images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
	.globalnav li:hover li a{
		background:none;
		
		}
	.globalnav li ul a{
		display:block;
		height:40px;
		font-family: 'Raleway', sans-serif;
		font-size:11px;
		font-weight:400;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.globalnav li ul a:hover, .globalnav li ul li:hover a{
	background: #99CCCC url('../styles/images/hover_sub.gif') center left no-repeat;
	border: 0px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
			}
	.globalnav p{
		clear:left;
		}	




/****************************
	Image Banner
*****************************/

#banner {
	width: 1005px;
	padding: 0;
	margin: 0 auto;
	
	}



/***************************
	Homepage Image Slider	
****************************/


#slider-wrapper {
    width:1000px;
    height:430px;
    margin:0 auto;
}

#slider-wrapper2 {
    width:460px;
    height:360px;
    margin:0 auto;
}
#slider-wrapper3 {
    width:1000px;
    height:430px;
    margin:0 auto;

}

#slider-wrapper4 {
    width:480px;
    height:410px;
	margin:0 auto;}
#slider {
	width:1000px;
	height:360px;
	
}
ul#slider, ul#slider li {
    width: 430px;
    height: 300px;
    list-style: none;
}

#slider2 {
	width:1000px;
	height:430px;
	float:left;
	background-color: #3A3A3A;
	background-image: url(../images/icon_loading2.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#slider3 {
	width:1000px;
	height:860px;
	float:left;
	background-color: #3A3A3A;
	background-image: url(../images/icon_loading2.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#slider4 {
	width:480px;
	height:410px;
	float:left;
	background-color: #3A3A3A;
	background-image: url(../images/icon_loading2.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#slider img {
	/*position:absolute;*/
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#slider a {
	border:0;
	display:block;
}
#slider img {
	/*position:absolute;*/
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}



#slider a {
	border:0;
	display:block;
}
#slider3 a {
	border:0;
	display:block;
}
.nivo-controlNav {
	/*THIS IS THE LOCATION OF THE BUTTONS THAT NAVIGATE BETWEEN THE DIFFERENT SLIDES*/
	/*position:absolute;
	bottom:13px;
	right: 13px;*/
	/*margin:0 auto;*/
	position:absolute;
	left:26px;
	bottom:3px;
}
.nivo-controlNav a {
	/*THIS DESCRIBES THE BUTTONS THAT NAVIGATE BETWEEN THE DIFFERENT SLIDES*/
	display:block;
	width:22px;
	height:22px;
	background:url(../images/icon_bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	/*THIS IS THE ARROWS THAT NAVIGATE TO THE "PREVIOUS" & "NEXT" SLIDES*/
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	/*THIS IS THE NEXT ARROW POSITION*/
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	/*THIS IS THE PREVIOUS ARROW POSITION*/
	left:15px;
}

.nivo-caption {
	/*THIS IS THE TEXT BOX THAT FLOATS OVER THE SLIDE IMAGES*/
    text-shadow:none;
    font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:normal;
	width:450px;
	opacity:.75;
}

.nivo-caption a {
	/*THIS IS THE APPEARANCE OF A LINK IN THE SLIDER TEXT BOX AREA*/
	color:#b31b1b;
	text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	float:left;
}
.nivoSlider img {
	position: absolute;
	top: 1px;
	left: 0px;
}
.nivoSlider3 {
	position:relative;
	float:left;
}
.nivoSlider3 img {
	position: absolute;
	top: 1px;
	left: 0px;
	max-width: 500px
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}


/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:7px;
	bottom:10px;
	background-color:#000;
	color:#fff;
	opacity:0.5;  /*Overridden by captionOpacity setting */
	width:635px;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	font-size:14px;
	line-height:30px
}
.nivo-caption h4 {
	padding:1px;
	margin:0;
	font-size:30px;
	line-height:30px;
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
	color:#FFF;
	font-weight:normal;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* 
	Page Title 
	-------------------------
	The following rules control the formatting of the section title, including
	padding, font family, size, weight, color.
*/
 
 
#pagetitle {
	float: left;
	width: 100%;
	}
 
#pagetitle h1 {
	margin: 5px 0px 5px 0px;
	width: 100%;
	font-size: 24px;
	font-weight: 400;
	color: #b31b1b;
	font-family: 'Montserrat', sans-serif;
	} 
	



/****************************************
 * Content Sections
 ****************************************/
/*
	The following set of rules controls the most general layout elements 
	used throughout the templates. Every page must have these elements.
	
	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 
	1200px wide and centered. 
*/

 

#wrap {
	/* see IE6/Win hack at bottom */
	float: left;
	width: 100%;
	min-width: 1200px;
	padding:0;
	margin: 0 auto;
	color:#FFFFFF
	}
	
#content {
	width: 1200px;	/*this image provides the subtle light grey background on the left (for the navigation column) with a gradient to white on the right (for the main content area).*/
	background:#FFFFFF
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
		


 
/****************************************
  LEFT COLUMN Navigation
 ****************************************/


.leftcolumn{
	border:none;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	width:200px;
	font-weight:normal;
	padding-top: 15px;
	float: left;
	padding-bottom: 15px;
	}

.leftcolumn .headerbar{
	font-family: 'Raleway', sans-serif;
	color: #000;
	background: #99cccc url('../styles/images/leftsub_sep.gif') bottom left no-repeat;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	padding: 8px 0 8px 7px; /*top, right, bottom, left*/
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
}

.leftcolumn .headerbar a{
	text-decoration:none;
	color:black;
	display:block;
}

.leftcolumn .headerbar a:hover{ /*hover state CSS*/
/*color: white;*/ 
/*background: #99cccc; url("../styles/images/hover_sub.gif") center left no-repeat;*/
}

.leftcolumn ul{
	list-style:none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
	font-size: 12px;
	font-weight: normal;
}

.leftcolumn ul li{
list-style:none;
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.leftcolumn ul li a{
list-style:none;
font: normal 12px;
font-family: 'Raleway', sans-serif;
color: #000;
background: /*#E9E9E9*/ url('../styles/images/leftsub_sep.gif') bottom left no-repeat;
display: block;
padding: 5px 0;
line-height: 16px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

/*.leftcolumn ul li a:visited{
color: black;
}*/

.leftcolumn ul li a:hover{ /*hover state CSS*/
color: white;
background: #666;
}






	
	
/*****************
MAIN CONTENT SECTION 
******************/
	
#content-ctr {
	float: right;
	width: 965px;

	height: auto;

	
	}
#content-ctr p{
	display: block;
	margin-top: 0;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color:#000;
	}
#content-ctr a {
	border: none;
	text-decoration: none;
	}	
#content-ctr a:visited {
	color: #4747A3;
	}	
#content-ctr a:hover, #content-ctr a.active {
	color: #B31B1B;
	text-decoration:underline;
	}
#content-ctr ul {
	margin:0 0 0 12px;
}

/*
=========================================
Homepage
=========================================
*/

#content-home {
	float: left;
	min-width: 1200px;
	text-align: left;
	height: auto;
	padding-top: auto;
	padding-right: auto;
	padding-left: auto;
	padding-bottom: auto;
	background-color: #FFFFFF
	}
#content-home p{
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	line-height:16px;
	color:#000;
	}
#content-home a {
	border: none;
	
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	line-height:16px;
	text-decoration: none;
	}	
#content-home a:visited {
	;
	}	
#content-home a:hover, #content-ctr a.active{
	color: #B31B1B;
	text-decoration:underline;
	}
#content-home ul {
	margin:0 0 0 10px;
}


#breadcrumb{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	}	
#breadcrumb a{
	color:#555;
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	}	
#breadcrumb a:hover{
	color:#b31b1b ;
	text-decoration:underline;
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	}
#breadcrumb a:current{
	color:#b31b1b;
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	}


#ftn {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	}

/* 
	Spotlight Links
	-------------------------
	The following set of rules controls the appearance of news links,
	which is used on two-column pages. News links are displayed as a 
	vertical stack of links at the top of the right sidebar of a two-column page.
*/


.spotlight {
	width: 255px;
	float: right;
	background: #fff;
	vertical-align:top;
	border-left: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.spotlight h2 {
	margin-bottom: 13px;
	font-size: 16px;
	font-weight: 700;
	color: #b31b1b;
	font-family: 'Raleway', sans-serif;
	}

.spotlight ul{
	background: #fff;
	}

.spotlight li{
	float: right;
	background: #fff;
	}
	
.sidebar {
	width: 255px;
	float:right;
	margin-left:20px;
	background:#fff;
	vertical-align:top;
	border-left: 1px solid #ccc;
}

.sidebar>* { margin-left: 10px; }

.sidebar h2 {
	margin:10px 10px 0 10px;
}
.top { margin-top:0 !important; }

.sidebar ul {
	/*margin-left:0 !important;*/
}

.sidebar ul li {
	margin: 5px 0 0 0px;
	padding: 0 0 0 10;
	list-style: 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: 15px 0px 10px 0px;
	font-size: 24px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	line-height: 21px;
	color: #b31b1b;
	font-style: normal;
	}

h2 a, h2 a:link {
	margin: 16px 0px 10px 0px;
	font-size: 100%;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	line-height:21px;
	color:#b31b1b;
	}
	
.CS_Textblock_Caption, h3 {
	font-size: 1.6em;
	font-family: 'Montserrat', sans-serif;
	margin: 10px 0 10px 0;
	font-weight: bold;

	}
	
h3 {
	/*clear: both;*/
	margin: 12px 0 8px 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	
h4 {
	margin: 6px 0 6px 0;
	font-family: raleway;
	font-size: 100%;
	line-height: 16px;
	font-weight: 400;
	font-style: normal;
	}
	
/* 
	Text
	-------------------------
	Paragraphs of text, extended quotations, and captions
*/

p {
	display: block;
	margin-top: 0;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font: 400
	}
	
blockquote {
	margin: 5px 0px 5px 30px;
	}

strong {
	font-weight: bold;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	}

em {
	font-style: italic;
	}


/* captions */
	
.caption, .CS_Image_Caption {
	font-family: 'Raleway', sans-serif;
	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 0 0px;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 18px;
	}
	
ul ul, ul ol, ol ol, ol ul {
	font-size: 14px;
	line-height: 18px;
	}
	
ul li {
	margin: 5px 0 0 0px;
	padding: 0 0 0 0px;
	list-style: disc;
	/*background: url(../images/layout/bullet.gif) no-repeat 19px 0.5em;*/
	}
ul.multicolumn {
width: 460px !important;
left: 300px;
margin-bottom: 20px;
overflow: hidden;
}

ul.multicolumn li {
float: left;
display: inline;
}

ul.multicolumn li {
	width: 50%;}
 
ol li {
	margin: 5px 0 5px 30px;
	list-style: decimal;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.8em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-family: 'Raleway', sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
/* 
	Links 
	-------------------------
	Links are displayed as dark blue text. Both visited and unvisited links turn bright red and are underlined 
	when moused over, and they return to their normal state when selected.
*/

a {
	color: #4747A3;
	}
	
a:visited {
	color: #4747A3;
	}
	
a:hover {
	color: #f00;
	text-decoration: underline;
	}
	
a:active {
	color: #4747A3;
	}
	
.read-more {
	padding-right: 8px;
}	
	



/***********************************************************************************************************************
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#accordionWrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {
	width: 800px;
	float: left;
	_float: none;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #666;
	}
	
.accordionContent {
	width: 800px;
	float: left;
	_float: none;
	background-color: #E0E0E0;
	}

	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background-color: #9CC;
	}
	
.over {
	background: #CCCCCC;
	}
	
	
 
 
/****************************************
 * 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: I;
	font-weight: lighter;
	}
 
/* 
	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 {
	width: 250px;
	float: left;
	background: #fff;
	}
	
.main-photo-small a{
	color:#4747A3;
	}
	

.main-photo-small .caption ul{
	margin: 5px 0 5px 5px;
	width: 210px;
	float: right;
	background: #fff;
	}

.main-photo-small .caption li{
	margin: 5px 0 5px 5px;
	width: 210px;
	float: right
	background: #fff;
	}	
/* 
	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;

	/* 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: 0px;
	border: thin none #666;
	font-size: 1em;

	}
	
table {

	/*border-bottom: 1px solid #e7e7e7;*/
	caption-side: bottom;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000;
		
	background:#FFFFFF
	}
	
th {
	
	font-weight: normal;
	text-align: left;
	color: #888;
	}
	
td, tbody th {
	/*
	border-top: 1px solid #e7e7e7;
	font-size: 1.1em;
	line-height: 1.5em;*/
	vertical-align: top;
	;
	font-weight: I;
	}
	
tbody th {
	font-weight: bold;
	color: #222;
	text-align: right;
	}
	
.row1, .row1 td, .row1 th {
	background: #ececec;
	} 
	
.row2, .row2 td, .row2 th {
	background: #d3d3d3;
	}
	
tfoot td {
	font-weight: bold;
	}

caption {
	margin: 0 0 15px 0;
	text-align: left;
	color: #888;
	font-size: 1.1em;
	}
	
table.invisible {
	margin: 0px 0;
	caption-side: bottom;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	font-style: normal;
	color: #000;
	border: 0;
	}
	
table.invisible, tr.invisible, th.invisible, td.invisible {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 1.2em;
	}
	 
/****************************************
 * Forms
 ****************************************/
/*
	The following rules control the appearance of forms.
	
	Related sections of form inputs should be organized in fieldsets. 
	Each fieldset should contain a series of .form-pair divs. Each
	.form-pair should contain a .form-item div and a .form-value div. The 
	.form-item should contain a <label> for the <input> or <select> 
	found in the .form-value.
	
	For a detailed example of how to mark up a form, see the 
	one-column or two-column template.
*/
form {
	float: left;
	margin: 5px 0 15px 0;
	padding: 0;
	width: 510px;
	}
	
fieldset {
	float: left;
	margin: 0;
	padding: 10px 0 15px 0;
	width: 510px;
	border: none;
	border-top: 1px solid #e7e7e7;
	}
		
form h3 {
	margin: 0 15px 5px 15px;
	}		
	
.form-pair {
	display: inline;	/* prevent ie6/win from doubling margins */
	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: 'Raleway', 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: 'Raleway', sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {
	font-weight: bold;
	}
 

 

 
/****************************************
 * Photo Gallery
 ****************************************/
/* 
	The following rules control the appearance of the elements found
	on the photo gallery and photo pages. For more information about 
	these elements, see the photo gallery and photo templates.
*/
 
/* 
	Thumbnail index
	-------------------------
	The photo gallery page contains a #gallery div, which is an index 
	of the photos in the gallery. The index consists of thumbnails and 
	descriptive text linked to the photos. See the photo gallery template.
*/
 
#gallery {
	float: left;
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
	}
 
.gallery-thumbnail {
	float: left;
	margin-top: 0;
	margin-right: 15px;
	margin-left: 0;
	margin-bottom: 30px;
	width: 300px;
	}
	
.gallery-thumbnail .thumbnail {
	float: left;
	}

#gallery2 {
	float: left;
	margin-top: 15px;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 15px;
	width: 675px;
	}
 
.gallery2-thumbnail {
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
	height: 100px
	}

.gallery3-thumbnail {
	float: left;
	margin: 0 10px 0 0;
	width: 150px;
	height: 175px
	}
	
.gallery4-thumbnail {
	float: right;
	margin: 0 0 10px 10px;
	width: 100px;
	height: 110px
	}
	
	.gallery5-thumbnail {
	float: left;
	margin: 0 0 0 0;
	width: 70px;
	height: 150px
	}
	
	.gallery7-thumbnail {
	float: left;
	margin: 0 8px 10px 0;
	width: 110px;
	height: 125px
	}
	
/* 
	Photo 
	-------------------------
	The photo page consists of a large photo in the left column and
	a webring, caption, and photo credit in the right column. See the 
	photo template.
*/

#photo {
	float: left;
	}

#photo-meta {
	float: right;
	width: 200px;
	}	
	
#photo-meta .caption {
	margin: 10px 0;
	}
	
#photo-credit {
	color: #999;
	}
	
/* webring */
	
#webring {
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
#webring .prev  {
	padding-left: 11px;
	background: url(../images/layout/arrows/left_red.gif) no-repeat 0 0.4em;
	}
	
#webring .sep {
	padding: 0 3px;
	color: #ccc;
	}
	
#webring .next  {
	padding-right: 11px;
	background: url(../images/layout/arrows/right_red.gif) no-repeat 100% 0.4em;
	}
 
/****************************************
 * 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;
	min-width: 1000px;
	background-color:white
	}
	
#footer-content {
	width: 1000px;
	font-size: 12px;
	color: #000;
	padding: 20px;
	}

.footerlinks {
	width:140px;
	height:200px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#000;
	font-size:12px;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	list-style-type: none;
	line-height: 14px;
}

.footerlinks ul {
	list-style:none;
}

.footerlinks ul li {
	list-style:none;
}

.footerlinks a{
	font-family: 'Raleway', sans-serif;
	color:#000;
	font-size:12px;
	text-decoration:none;
	list-style-type: none;
	line-height: 15px;
}
.footerlinks a:hover{
	color: #B31B1B;
	font-size: 12px;
	text-decoration: underline;
	font-family: Raleway, sans-serif;
}

/* links */



#cornell-rights {
	float: right;
	padding: 10px 5px 10px 0;
	color:#FFF;
}

#copyright{
	float: left;
	width: 1000px;
	background-color:#000;
	}
#copyright a {
	color:#FFF;
	}	
	
#copyright-content {
	margin: 0 auto;
	padding: 15px 0 25px 0;
	width: 1000px;
	font-size: 9px;
	color: #333;
	}
.footer-logo {
	width:220px;
	float:left;
	color: #FFF;
	font-size: 10px;
}
.footer-copybox {
	width:760px;
	float:left;
	text-align:justify;
	font-family: 'Raleway', sans-serif;
	color:#FFF;
	font-size:10px;
	line-height:13px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
 
/****************************************
 * 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
{ 


	align-self:center
	
}