@charset "UTF-8";

body {
	background-color: #5e0501;
	text-align: center;
	margin: 0;
}
#container {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	background: #fff url(../images/mainContent_home_bg.jpg) repeat-y;
}

/*------------------------------------------*/
/*----------------- HEADER -----------------*/
/*------------------------------------------*/
#header {
	clear: both;
	height: 72px; /* account for the IE6 hasLayout position bug */
	position: relative;
	z-index: 9999;
}
/*--------- Nameplate ---------*/
#nameplate {
	background: #9b9089 url(../../global_assets/2005/images/header_bg.jpg) no-repeat;
	height: 72px;
}
#nameplate h1 {
	margin: 0;
}
#nameplate h1 a {
	background: url(../../global_assets/2005/images/header_reed.gif) no-repeat;
	display: block;
	width: 265px;
	height: 30px;
	height/**/:/**/ 0;
	padding-top: 30px;
	overflow: hidden;
	font-size: 1px;
	position: absolute;
	top: 32px;
	left: 45px;
}
/*--------- Reed Nav ---------*/
#reedNav {
	background: #434343 url(../images/reedNav_home_sprite.gif) no-repeat;
	height: 301px;
	width: 144px;
	position: absolute;
	top: 72px;
	left: 0;
	line-height: normal;
}
#reedNav ul {
	list-style: none;
	padding: 23px 0 0 0;
	margin: 0;
}
#reedNav li#reedNav_for strong {
	display: block;
	height: 27px;
	overflow: hidden;
	text-indent: -999em;
}
#reedNav li#reedNav_for ul {padding: 0;}
#reedNav li a {
	display: block;
	background: url(../images/reedNav_home_sprite.gif) no-repeat;
	height: 18px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 18px;
}
li#reedNav_about a {background-position: 0 -23px;}
li#reedNav_admission a {background-position: 0 -41px;}
li#reedNav_academics a {background-position: 0 -59px;}
li#reedNav_studentlife a {background-position: 0 -77px;}
li#reedNav_collegeoffices a {background-position: 0 -95px;}
li#reedNav_officers a {background-position: 0 -113px;}
li#reedNav_giving a {background-position: 0 -131px;}
li#reedNav_forStudents a {background-position: 0 -176px;}
li#reedNav_forParents a {background-position: 0 -194px;}
li#reedNav_forFacStaff a {background-position: 0 -212px;}
li#reedNav_forAlumni a {background-position: 0 -230px;}

li#reedNav_about a:hover {background-position: -144px -23px;}
li#reedNav_admission a:hover {background-position: -144px -41px;}
li#reedNav_academics a:hover {background-position: -144px -59px;}
li#reedNav_studentlife a:hover {background-position: -144px -77px;}
li#reedNav_collegeoffices a:hover {background-position: -144px -95px;}
li#reedNav_officers a:hover {background-position: -144px -113px;}
li#reedNav_giving a:hover {background-position: -144px -131px;}
li#reedNav_forStudents a:hover {background-position: -144px -176px;}
li#reedNav_forParents a:hover {background-position: -144px -194px;}
li#reedNav_forFacStaff a:hover {background-position: -144px -212px;}
li#reedNav_forAlumni a:hover {background-position: -144px -230px;}

li#reedNav_quickLinks {
	margin-top: 9px;
	position: relative;
}
li#reedNav_quickLinks a {
	background-position: 0 -257px;
	padding-top: 28px
}
/* The class .hover is for IE6, which doesn't respect :hover state on li. It gets applied by javascript. */
li#reedNav_quickLinks.hover a,
li#reedNav_quickLinks:hover a {background-position: -144px -257px;}
li#reedNav_quickLinks:hover ul,
li#reedNav_quickLinks.hover ul {display: block;}
li#reedNav_quickLinks ul {
	display: none;
	background: #434343;
	opacity: .9;
	filter: alpha(opacity=90); /* for IE */
	position: absolute;
	top: -75px;
	left: 97px;
	z-index: 999;
	width: 13em;
	padding: 5px 10px;
	border: 2px solid #e0dfda;
	font-size: .9em;
}
li#reedNav_quickLinks li {margin: .25em 0;}
li#reedNav_quickLinks ul a {
	display: inline;
	background: none;
	color: #e8ccb8;
	height: auto;
	overflow: visible;
	padding-top: 0;
}
li#reedNav_quickLinks ul a:hover {
	color: #fff;
	text-decoration: none;
}

/*--------- Utility Nav ---------*/
#utilityNav {
	position: absolute;
	top: 8px;
	right: 10px;
}
#utilityNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#utilityNav li {
	float: left;
	font-size: 1px;
	padding: 0;
}
li#utilityNav_iris {padding-right: 24px;}
li#utilityNav_calendar {padding-right: 24px;}
li#utilityNav_directory {padding-right: 22px;}
li#utilityNav_sitemap {padding-right: 1px;}

#utilityNav li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 2px;
	height: 14px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 14px;
}
#utilityNav_iris a {width: 19px; background-image: url(../../global_assets/2005/images/utilityNav_iris.gif);}
#utilityNav_calendar a {width: 49px; background-image: url(../../global_assets/2005/images/utilityNav_calendar.gif);}
#utilityNav_directory a {width: 54px; background-image: url(../../global_assets/2005/images/utilityNav_directory.gif);}
#utilityNav_sitemap a {width: 46px; background-image: url(../../global_assets/2005/images/utilityNav_sitemap.gif);}

#utilityNav li a:hover {background-position: 0 -18px;}

/*--------- Reed Search ---------*/
#reedSearch {
	position: absolute;
	right: 15px;
	bottom: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#reedSearch form {
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
#reedSearch form p {margin: 0;}
#reedSearch label {
	position: absolute;
	top: -9999px;
}
#reedSearch input#reedSearchBox {
	font-size: 9px;
	background-color: #C1B8B1;
	width: 112px;
	padding: 3px 3px 3px 5px;
	border: 1px inset #92867F;
	margin: 0;
	vertical-align: middle;
}
#reedSearch input#reedSearchButton {
	vertical-align: middle;
	width: 19px;
	height: 19px;
}

/*--------------------------------------------*/
/*----------------- PAGEBODY -----------------*/
/*--------------------------------------------*/
#pageBody {
	padding: 0;
	clear: both;
}
#mainImage {
	height: 301px;
	margin-left: 144px;
	background: #434343;
}
#mainContent h2#newsEventsHeader {
	background: #434343 url(../images/news_and_events.gif) no-repeat;
	height: 20px;
	height/**/:/**/ 0;
	padding-top: 20px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	left: -9999em;
}
#mainContent #newsEvents {
	float: left;
	width: 474px;
	width/**/:/**/ 434px;
	padding: 12px 24px 0 16px;
	margin-left: 144px;
}
* html #mainContent #newsEvents {display: inline;}
#mainContent #feature1 {
	float: left;
	width: 144px;
	padding-top: 12px;
	margin-left: -618px;
}
#mainContent #feature2 {
	float: left;
	width: 142px;
	padding-top: 12px;
}
#mainContent .featureText {
	margin-left: 15px;
	margin-right: 10px;
}

/*------------------------------------------*/
/*----------------- FOOTER -----------------*/
/*------------------------------------------*/
#footer {
	clear: both;
	background: #5e0501 url(../../global_assets/2005/images/footer.gif) no-repeat;
	color: #5e0501;
	width: 760px;
	height: 30px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 30px;
}

/*----------------------------------------*/
/*----------------- MISC -----------------*/
/*----------------------------------------*/
.accessHide {
	display: block;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#accessLinks {
	position: absolute;
	top: -999px;
	left: 0;
	width: 80%;
	z-index: 999;
}
#accessLinks a {
	position: absolute;
	top: 0;
	left: 0;
}
.crazyIEfix:active, #accessLinks a:focus, #accessLinks a:active {
	top: 999px;
	background-color: #434343;
	color: #f0e4d4;
	padding: 2px 4px;
	border: 1px solid #000;
	margin: 5px;
	white-space: nowrap;
}

/* BEGIN NEW SLIDESHOW 2010 */

ul.slideshow {
list-style:none;
width:616px;
height:301px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size:12px;
}	

ul.slideshow li {
position:absolute;
left:0;
right:0;
}

ul.slideshow li.show {z-index:500;}

ul.slideshow img {border:none;}

#slideshow-caption {
width:616px;
position:absolute;
bottom:0;
left:0;	
color:#f8ebaf;
background:#666 url(http://www.reed.edu/images_home/right_shadow_trans.png) repeat-y top right;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
	padding:5px 13px 7px 15px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:4px 0 0 0;
	padding:0 7px 0 0;	
	font-size:1em;
	font-weight:bold;
	float:left;
	line-height:.9em;
	border-bottom:0px;
	color:#F8EBAF;
}

#slideshow-caption p {
	margin:0 0 0 0;
	padding:1px 54px 0 0;
	font-size:1em;
	font-style:italic;
}

/* END NEW SLIDESHOW */