/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */

#leaves {
		margin: 0 auto;	
		min-height: 592px;
		height:100%;
}


#background {
	background: url('../img/content-bg.png');
	padding: 20px 27px 10px 27px;
	width: 930px;
	min-height: 562px;
	height:100%;
}

#main {
	float:right;
}

/* ------ Header Styles ------- */

#header h1 {
	float:left;
	border-bottom: 0px;
	position:absolute;
	z-index:-1;
	margin-left: -113px;
}

#header .container {
	background: url('../img/top-shadow.png') no-repeat bottom center;
}

#nav {
	float:right;
	padding-top: 15px;
	margin-right: 15px;
}

#nav-links {
	text-align:right;
	font-size: .92em;
	padding-bottom: 10px;
	margin-right: 6px;
}

#nav-links a.arrow {	
	background: url('../img/link-arrow.png') no-repeat top left;
	padding-left:15px;
	padding-right: 5px;
	color: #d24100;
}

#nav-links a.arrow:hover, #nav-links a.arrow:focus {
	color: #9a2001;
}

#nav-links a {
	color: #AF9983;
	padding-left:5px;
}

#nav-links a:hover, #nav-links a:focus {
	color: #9a2001;
}

/* ------- Sidebar styles ------- */

#sidebar p {
	color: #CF8181;
	font-size: .92em;
	line-height: 1.75em;
}


ul#relatedSectionLinks li a {
	color:#CF8181;
	font-family: Georgia, 'Times New Roman', times, serif;
	font-size: 1.2em;
}

ul#relatedSectionLinks li {
	background: url(../img/bullet.gif) no-repeat 0 11px;
	padding-left: 20px;
	list-style:none;
}


ul#relatedSectionLinks li a:focus, ul#relatedSectionLinks li a:hover {
	color:#9A2001;
	text-decoration:none;
}

.sidebar-thumb {
	margin-bottom: 30px;
}

/* ------ Footer Styles --------- */

#footer .last {
	text-align:right;
}

#footer .container {
	padding: 15px 18px;
	background: url('../img/bottom-shadow.png') no-repeat top center;
	color: #9F8963;
	font-size: .85em;
	width: 936px;
}

#footer a {
	color: #9F8963;
}

#footer a:hover, #footer a:focus {
	color: #d24100;
}


/* ------ Home Div Styles ------- */


#red-banner {
	background: url('../img/red-banner.png') no-repeat bottom center;
	float:left;
	width:535px;
	margin: 18px 30px 0px -56px;
	height: 179px;
	padding: 25px 30px;
	color: #ffe4a0;
	font-family: Georgia, 'Times New Roman', times, serif;
	position:relative;
}

#red-banner p {
	font-size: 1.07em;
	line-height: 1.7em;
}

#red-banner h2 {
	color: #fff;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 1.2em;
	border-bottom: 1px solid #d27a52;
	margin-bottom: .65em;
	font-size: 2.15em;
}

#news-box {
	float:left;
	width: 355px;
	position:relative;
	margin-top: 31px;
}

#news-box h2 {
	font-size:1.85em;margin-bottom:0.6em;line-height:1.4em;color; #3d5913;	font-family: Georgia, 'Times New Roman', times, serif;border-bottom: 1px solid #e1e1e1;
}


#news-box p {
	line-height: 1.8em;
}

#news-box a {
	text-transform:uppercase;	
	font-family:Helvetica, Arial, sans-serif;
	font-size: .69em;
	color: #58752b;
}

#home-about {
	position:relative;
	clear:both;
	margin-top: 10px;
	padding: 0 20px;
}

.quick-link {
	position:absolute;
	text-transform:uppercase;	
	font-family:Helvetica, Arial, sans-serif;
	font-size: .69em;
}

#red-banner a.quick-link  {
	color: #fff;
	top: 39px;
	right: 30px;
}

#red-banner a.quick-link:hover, #red-banner a.quick-link:focus {
	color: #FFE4A0;
}

#news-box a.quick-link   {
	color: #58752b;
	top: 14px;
	right: 8px;
}

#news-box a:hover, #news-box a:focus {
	color: #d24100;
}

#home-about a.quick-link {
	right: 28px;
	top:16px;
	color: #58752b;
}

#home-about a:hover, #home-about a:focus {
	color: #d24100;
}

#home-about h2 {
	font-size:1.85em;margin-bottom:0.6em;line-height:1.4em;color; #3d5913;	font-family: Georgia, 'Times New Roman', times, serif;border-bottom: 1px solid #e1e1e1;
}


/* ------ Photo & File Styles ------- */

#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0;
	padding:0 0.3em 0 0;
}

#attachedFiles li {
	list-style: none;
	background-image:none !important;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb {
	float:left;
	width:100px;
	margin-right:1em;
}

.contentThumb img {
	width:100px;
	height:100px;
}

.staffThumb img {
	height: 60px;
	width: 60px;
	margin: 10px 0pt;
	border: 2px solid #1EA7FD;
}

.imageThumb {
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border: 2px solid #1EA7FD;
}

.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:150px;
}

#picWrapper {
	height:446px;
	width:446px;
	padding:20px;
	background:url(../../img/awp_project_image_box.gif) no-repeat 10px 10px;
}
.relatedPics {  
    height:  446px;  
    width:   446px;  
    padding: 0;  
    margin:  0;  
} 
 
.relatedPics .previewImage {  
    width:  446px; 
    height: 446px;
    top:  0; 
    left: 0;
    padding:0;
}

#picNav {
	letter-spacing:.5em;
	padding:0.25em 0;
	text-align:right;
}

.relatedPics .imageCaption {
	background:transparent url(../img/overlay.png) repeat scroll 0 0;
	color:#EEEEEE;
	padding:10px;
	position:relative;
	top:210px;
	width:210px;
}

#related_image_slideshow_link {
background:#EEEEEE url(../img/slideshow.jpg) no-repeat scroll 8px 8px;
float:right;
margin-left:10px;
padding:14px 12px 14px 37px;
text-align:right;
width:120px;
font-size: 13px;
line-height: 20px;

	font-family: Georgia, 'Times New Roman', times, serif;
	color: #8E8986;
	letter-spacing:normal;
}


/* ------ Minor Div Styles begin here ------ */

.caption {
	color: #b5b1af;
	font-size: .85em;
	line-height:1.65em;
}

#main li, #sidebar li {
	background: url(../img/bullet.gif) no-repeat 0 8px;
	padding-left: 20px;
	list-style:none;
}




.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:1.5em;
}

.paginatorControl .disabled {
	color:#ddd;
}

.bg1, .bg2 {
	padding:1em 1.5em;
}
.bg1 {
clear:both;

}
.bg1, .bg2 {
border-bottom:0 none;
border-top:0 none;
display:block;
}

.events.all .bg1, .events.all .bg2 {
	width: 560px;
}

.last {
	border-bottom: 0px;
}

.catDesc {
	color: #b5b1af;
	font-family: Georgia, 'Times New Roman', times, serif;
	font-size: 1.23em;
	line-height: 1.65em;
	letter-spacing:normal;
	margin-bottom: 5px;
}

#breadcrumbs {
	font-size: .85em;
	margin-bottom: 20px;
	margin-top: -6px;
}

.teaser {
	line-height: 1.75em;
	font-size: .85em;
}

.childdate {
	color: #d2cecc;
	text-transform:uppercase;
	font-weight:bold;
		font-size: .85em;
		margin-bottom: 10px;
		line-height: 17px;
}

#main h2 {
	border-bottom:none;
}

.underline {
	border-bottom: 1px solid #e1e1e1 !important;
}

h4.date {
	border-bottom: 0px;
}

.event-cat {
	font-style:italic;
	margin-top: 10px;
	font-size: .92em;
}

.monthBanner {
	clear:both;
}




/* ------ WebTree Styles ------ */
#flashMessage {
	background-color:yellow;
} 


 /****************************************
 * 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 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	height: 75px;
	background: #68645b;
	}

#cu-logo {
	margin: 0 auto;
	width: 986px;
	position:relative;
	}
	

	

	
#cu-search {
	position: absolute;
	top: 20px; 
	right: 50%;
	width: 200px;
	margin-right: -500px;
	}
	
#cu-search a {
	float: right;
	padding: 5px 15px;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
	border: none;
	font-weight:normal;
	}
	
#cu-search a:hover {
	color: #444;
	background: #eee;
	}
 
 .sidebar {
 	clear:both;
 }