/*
This is the style sheet for the Reed College website.
Please do not make any changes to these styles without first contacting Web Services.
Thanks.
*/

/* ------------------------------------------------------------------------ */
/* ----------------------------Layout Definitions-------------------------- */
/* ------------------------------------------------------------------------ */

body {
	text-align: center;
	background-color: #5e0501;
	margin: 0;
	padding: 0;
}

#container {
	background-image:  url(../images_home/main_content_bgnd.jpg);
	background-repeat: repeat-y;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#footer {
	background-color: #5e0501;
	width: 760px;
	margin: 0;
	clear: both;
}
/*---------------------------- HEADER ----------------------------*/

#header {
	background-image: url(../images_home/header_blank.jpg);
	background-repeat: no-repeat;
	background-color: #9B9089;
	height: 72px;
	margin: 0;
	padding: 0;
}
#reedLogo {
	height: 72px;
	float: left;
}
#reedLogo img {
	margin: 32px 0 10px 45px;
}
#searchArea {
	float: left;
	text-align: right;
	width: 438px;
	padding: 8px 0 0 0;
}
#searchArea .searchAreaLinks {
	clear: both;
}
#searchArea .imageLinkMargin {
	margin: 0 0 0 20px;
}
#searchArea .searchForm {
	clear: both;
	padding: 24px 0 0 0;
}
#searchArea form {
	margin: 0;
	padding: 0;
}
#navTop {
	background-image:  url(../images_home/navTop_bg.jpg);
	clear: both;
	background-repeat: no-repeat;
	 height: 22px
}
#navTopShadow {
	background-image:  url(../images_home/navTop_shadow.jpg);
	background-repeat: no-repeat;
	clear: both;
}

/*---------------------------- PAGE BODY ----------------------------*/

/*#pageBody {
	background-image:  url(../images_home/main_content_bgnd.jpg);
	background-repeat: no-repeat;
	width: 760px;
	clear: both;
	min-height: 400px;
}*/
#pageBody {
	background-image:  url(../images_home/main_content_bgnd.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 400px; /* This is only for IE/Mac - others get the definitions below */
	/* Begin Hide from IE5/Mac \*/
	height: auto;
	min-height: 400px;/* Setting this height allows the bg "R" image to show up; increased this to make image show better */
	/* End Hide */
	clear: both;
}


/* removed opera 5 hack (tm) */
#navLeft {
	float: left;
	width: 144px;
	padding: 0;
	margin: 0;
}

#caption {
	width: 115px;
	margin-bottom: 15px;
}

#navLeft hr {
	border: none 0; 
	border-top: 1px solid #000000;
	height: 1px;
	margin-top: 0;
}
#navLeft img {
	display: block;
	margin-bottom: 0px;
}
#navLeft .caption {
	width: 115px;
	margin-bottom: 15px;
}
/*----  added sidebar text (tm) -----------*/
#SideBarText{
	width: 120px;
	margin-left: 15px;
}
.SideBarText2{
	width: 120px;
	margin-left: 15px;
}
.SideBarRightText{
	width: 120px;
	margin: 5px 0 10px 0;
        font-size: .94em;
}
.SideBarRightTextWide{
/* widened width and removed left margin for use of wider images (rr) */
        width: 142px;
        margin: 12px 0 0 0;
}


#mainContent {
/*----  removed box hack as margins are zeroed (tm) -----------*/
width: 616px;
	margin: 0;
	float: left;
}
/* Added this for main news area (tm) */

#news {
	width: 474px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 0;
}
/* added news p tag to indent(tm) */
#news p{
	margin: 12px 16px 0px 16px;
}
/* Added this for column on right (tm) */
#right_nav {
	width: 142px;
	float: right;
}

/* ------------------------------------------------------------------------ */
/* ------------------------------Font Definitions-------------------------- */
/* ------------------------------------------------------------------------ */

/*---------------------------- HEADER ----------------------------*/

#searchArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#searchArea input#searchBox {
	font-size: 9px;
	background-color: #C1B8B1;
	border: 1px inset #92867F;
	padding: 3px 3px 3px 5px;
	margin: 0;
}
#searchArea a {
	font-weight: bold;
	color: #F0E4D4;
	text-decoration: none;
}
#searchArea a:hover {
	color: #ffffff;
}

/*------------------------ LEFT NAVIGATION ------------------------*/

#navLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	/*------------------------ added line height for navLeft (tm) ------------------------*/
	line-height: 150%;
}
#navLeft a {
	text-decoration: none;
	color: #5e0501;
	font-weight: bold;
}
#navLeft a:hover {
	text-decoration: underline;
}
#navLeft ul {
	list-style: none;
	margin: 0;
	padding: 0 0 25px 0;
}
#navLeft ul li {
	margin: 0;
	padding: 0 0 8px 0;
}
#navLeft ul li a {
	font-weight: bold;
}
#navLeft .sectionLinksHeading {
	display: block;
	border-bottom: 1px solid #999;
	margin-bottom: 8px;
}

/*-------------------------- MAIN CONTENT --------------------------*/

#mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 150%;
	float: left;
}
/*------------------------ main content p, h1s removed (tm) ------------------------*/

#mainContent a {
	color: #5e0501;
	text-decoration: none;
	font-weight: bold;
}
#mainContent a:hover {
	text-decoration: underline;
}


#breadcrumbs {
	font-size: .7em;
	color: #666666;
	line-height: normal;
	margin: 0 0 10px 0;
}

/*------------------------------ MISC ------------------------------*/

.underline {
	border-bottom: 1px solid #999;
}


/*---------- Little Reel Image to announce HOWL ----- by Raymond ---*/

#reelBox {
width:144px;
height:100px;
background:#bfaf9f url(/web_reed_edu_server/images_home/news_items/reelimage.jpg) no-repeat bottom left;
margin:0;
}

#reelBox p {
padding: 25px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
}


/*---EMERGENCY ALERT---*/

#emergencyBox {
padding:5px 5px 15px 5px;
background-color:#fff;
margin: 20px auto;
width:35em;
border: 6px solid #ddd;
text-align:center;
}

#emergencyBox h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
text-align:center;
font-weight:bold;
color:#5e0501;
font-style:italic;
margin-top:10px;
}

#emergencyBox p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
magin:0 auto;
}

#emergencyBox ol {
padding-left:55px;
width: 400px;
}
#emergencyBox li {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
margin-bottom:10px;
}

.ticker {
height:10px;
background: #fff url(http://web.reed.edu/images_home/emergency.gif) repeat-x top left;
margin: 15px 0;
}


/*---END EMERGENCY ALERT---*/


/* 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 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 25px 7px 15px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:3px 0 0 0;
	padding:0 7px 0 0;	
	font-size:1em;
	font-weight:bold;
	float:left;
	line-height:.9em;
}

#slideshow-caption p {
	margin:1px 0 0 0;
	padding:0 35px 0 0;
	font-size:1em;
	font-style:italic;
}

/* END NEW SLIDESHOW */