ul.nostyle {list-style:none; padding:0 0 8px 0;}
ul.nostyle li {padding:0 0 1px 0; margin:0;}

.SubheadCaps {
	
	font-size: .90ems;
	line-height: 110%;
	color: #745D51;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #745d51}
.Caption {
	font-size: .95ems;
	color: #993300;
	line-height: 110%;
}
.small {
	font-size: .95ems;
	line-height: 110%;
}
#mainContent h2 
{	

margin: 10px 0 20px 0;
}
#navLeft p {
line-height: 110%;
margin:0; padding:0
}
#navLeft ul ul {
margin: 0;
padding: 0 0 0 15px;
}
#navLeft img {	
margin-bottom: 0px;
margin-top: 10px;
display:inline
}

.PageOn{background-image: url(../images/info-icon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 15px;}
#PageOnNav{background-image: url(../images/info-icon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 15px;}
	
/*-------
The CSS below is for the givingtoreed/webcy.html page only and should be removed after the campaign (12.07).

----------------------------*/
#challengePull {float: right; margin-left: 15px; margin-bottom: 20px;

/*-------
this css removed
margin-right: -20px; 

----------------------------*/

padding-right: 0; width: 170px; border-left: solid 1px #3E0501; background: url(images/WEBCY/reedFund_100gryphon.gif) 0 140px no-repeat;}
	
#challengePull p {margin-left: 15px; margin-bottom: 0; font-family:'Times New Roman', Times, serif;font-size: 13px; line-height: 23px;}
	
#challengePull p a {font-family:Verdana, Helvetica, Arial, sans-serif;font-size: 12px;}



/* LIGHTBOX BEGINS HERE */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.reed.edu/givingtoreed/annual_giving/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.reed.edu/givingtoreed/annual_giving/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* END LIGHTBOX */


/* RAY'S PHOTO BOX */

#boxPhotos {
width:620px;
margin: 20px 0 80px 0;
}

#boxPhotos img {
background-color:#fff;
border:none;
}

#boxPhotos ul {
list-style:none;
margin:0;
padding:0;
}

#boxPhotos li {
display: inline;
float:left;
margin: 0 0 20px 20px;
padding:0;
}

.clearing {
clear:both;
}

/* END RAY'S PHOTO BOX */


/* BEGIN GIVING TO REED BOX */

#giftBox {
height:38px;
width: 490px;
background: #fff url(images/giving2.gif) no-repeat top left;
margin:20px auto;
}

#giftBox a:link, #giftBox a:visited {
height:38px;
display:block;
text-indent:-9999px;
}

#giftBox a:hover {
height:38px;
display:block;
background: #fff url(images/giving2.gif) no-repeat bottom left;
}

/* END GIVING TO REED BOX */

/* BEGIN GIVING NEWS LIST OF PHOTOS */

#givingNewsBox {
width:490px;
margin: 20px 0 20px 0;
}

#givingNewsBox ul {
list-style:none;
margin:0;
padding:0;
}

#givingNewsBox li {
display: inline;
float:left;
margin: 0 0 28px 10px;
padding:0;
}

#givingNewsBox img {
background-color:#fff;
border:none;
float:left;
margin:0 10px 0 0;
}

#givingNewsBox p {
background-color:#fff;
border:none;
width:136px;
float:left;
margin:0;
padding:0;
font-size:.9em;
}

.clearing { clear:both; }

/* END GIVING NEWS LIST OF PHOTOS */

/* BEGIN GIVING FOOTER */

#footerBox {
height:10px;
width: 489px;
margin:30px auto;
}

#footerBox a:link, #footerBox a:visited {
height:10px;
display:block;
text-indent:-9999px;
outline:none;
background: #fff url(images/givingFooter.gif) no-repeat top left;
}

#footerBox a:hover {
height:10px;
display:block;
background: #fff url(images/givingFooter.gif) no-repeat bottom left;
}

/* END GIVING FOOTER */

/* BEGIN DONOR SOCIETY BOX */

#donorSocietyBox {
width: 260px;
padding: 10px 10px 5px 10px;
background-color: #ddd;
font-weight: bold;
border: 2px solid #000;
text-align: left;
float:right;
margin: 0 0 15px 15px;
}

#donorSocietyBox h3{
color: #5e0501;
text-align:center;
}

#donorSocietyBox li{
margin:0 0 5px 0;
padding:0;
}

#donorSocietyBox ul{
font-size: .9em;
margin-left:0;
}

ul.donors {
float:left;
list-style:none;
padding-left:15px;
}

ul.gifts {
float:left;
list-style:none;
margin:0;
padding-top:10px;
padding-left:17px;
}

ol.QA {
margin-left:0;
padding-left:0;
}

ol.QA dt {
margin: 0;
font-style:italic;
font-size:1.1em;
}

ol.QA dd {
margin: 2px 0 15px 0;
}

#faqBox h4 {
font-weight: bold;
color: #000;
}

/* BEGIN SCREENSAVER LIST OF PHOTOS */

.screensaverBox {
margin: 0 13px 20px 0;
float:left;
}

.screensaverBox ul {
list-style:none;
margin:0;
padding:0;
}

.screensaverBox li{
margin:0;
padding:0;
font-size:.92em;
}

.screensaverBox img {
background-color:#fff;
border:none;
margin:0;
}

/* END SCREENSAVER LIST OF PHOTOS */


/* BEGIN RIGHT SIDEBAR */

#rightSidebarBox {
padding: 0px 0px 0px 0px; 
margin-left: 10px; 
float: right; 
width: 126px; 
}

#rightSidebarNewsBox {
padding: 0px 0px 40px 10px; 
border-left: 1px solid #dddddd; 
width: 126px; 
}

#rightSidebarNewsBox h3 {
font-size:.96em;
}

#rightSidebarNewsBoxIndex {
padding: 0px 0px 18px 10px; 
border-left: 1px solid #dddddd; 
width: 126px; 
}

#rightSidebarNewsBoxPhone {
padding: 0px 0px 5px 10px; 
border-left: 1px solid #dddddd; 
width: 126px; 
}

#rightSidebarBox h2 a:link, #rightSidebarBox h2 a:visited {
height:59px;
width:126px;
margin:0;
padding:0;
display:block;
text-indent:-9999px;
background: #fff url(images/give_button.jpg) no-repeat top left;
}

#rightSidebarBox h2 a:hover {
margin:0;
padding:0;
height:59px;
display:block;
background: #fff url(images/give_button.jpg) no-repeat top right;
}

#rightSidebarBox img {padding: 8px 0 5px 0;}

#rightSidebarBox p {font-size: 0.97em; line-height: 1.3em;}
#rightSidebarBox p.caption {font-size: 0.88em; line-height: 1.1em;}

/* END RIGHT SIDEBAR */

/* BEGIN GIVING BUTTON */

#givingButtonBox {
height:51px;
width: 176px;
background: #fff url(images/makeyourgift.gif) no-repeat top left;
margin:10px auto;
float:left;
}

#givingButtonBox a:link, #givingButtonBox a:visited {
height:51px;
display:block;
text-indent:-9999px;
outline:none;
}

#givingButtonBox a:hover {
height:51px;
display:block;
background: #fff url(images/makeyourgift.gif) no-repeat bottom left;
}

/* END GIVING BUTTON */

/* BEGIN CONNECTION BOX */

#connectionBox {
padding:10px 0px;
background-color:#fcf8e0;
width:340px;
margin-bottom:25px;
}

#connectionBox blockquote {
margin: 0px;
padding: 10px 0px 0px 15px;
width: 320px;
}

#connectionBox span {
float:right;
padding-right:10px;
}

#connectionBox h2 {
font-size:2.2em;
padding-left:15px;
color:#5e0501;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.05em;
font-weight:normal;
padding-top:0px;
}

#connectionBox p {
padding-left:15px;
width:320px;
}

/* END CONNECTION BOX */


/* BEGIN PHONE-A-THON BOX */

#rightSidebarBox ul {
list-style:none;
padding:0;
margin-top:5px;
}

#rightSidebarBox li {
margin:0;
padding:0 0 4px 0;
font-size:.92em;
}

#rightSidebarBox li span {
font-weight:bold;
text-transform:uppercase;
}

/* END PHONE-A-THON BOX */

/* BEGIN PHONE-A-THON BUTTON */

#rightSidebarBox div.phoneButton a:link, #rightSidebarBox div.phoneButton a:visited {
height:73px;
width:121px;
margin:0 0 17px 0;
padding:0;
display:block;
text-indent:-9999px;
background: #fff url(phonathon/images/phone_button.jpg) no-repeat top left;
}

#rightSidebarBox div.phoneButton a:hover {
margin:0 0 17px 0;
padding:0;
height:73px;
display:block;
background: #fff url(phonathon/images/phone_button.jpg) no-repeat bottom left;
}

/* END PHONE-A-THON BUTTON */


/* BEGIN PHONE-A-THON SLIDESHOW */

#slideshowBox {margin:15px 0;}
#slideshowBox h3 {margin-bottom:10px;}
#slideshowBox img {padding:0 20px 20px 0;}
#slideshowBox img.right {padding-right:0;}

/* END PHONE-A-THON SLIDESHOW */


/* BEGIN METER BOX */

table.meterBox {background-color:#ccc; height:40px; margin:10px 0;}

table.meterBox p { margin:0; padding:0 7px 0 0; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:.90em; color:#000; font-weight:bold; text-align:right;}

table.meterBox table {background-color:#fff; height:40px; text-align:right; background:#fff url(http://www.reed.edu/givingtoreed/annual_fund/images/meter_bg.jpg) repeat-x top left;}

table.meterBox table p { margin:0; padding:0 7px 0 0; font:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:.90em; color:#fff; font-weight:bold; line-height:.90em;}

table.meterBox tr#ruler {height:23px; text-align:right; background-color:#fff;}


table.meterBoxDonors {background-color:#ccc; height:40px; margin:20px 0;}

table.meterBoxDonors p {margin:0; padding:0 3px 0 0; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:.80em; color:#000; font-weight:bold; text-align:right;}

table.meterBoxDonors table {background-color:#fff; height:40px; text-align:right; background:#fff url(http://www.reed.edu/givingtoreed/annual_fund/images/meter_bg.jpg) repeat-x top left; vertical-align:middle;}

table.meterBoxDonors table p { margin:0; padding:7px 3px 0 0; font:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:.96em; color:#fff; font-weight:bold;}

table.meterBoxDonors tr#ruler {height:23px; text-align:right; background-color:#fff;}


table.meterBoxDollars {background-color:#ccc; height:40px; margin:20px 0;}

table.meterBoxDollars p {margin:0; padding:0 3px 0 0; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:.80em; color:#000; font-weight:bold; text-align:right;}

table.meterBoxDollars table {background-color:#fff; height:40px; text-align:right; background:#fff url(http://www.reed.edu/givingtoreed/annual_fund/images/meter_bg.jpg) repeat-x top left; vertical-align:middle;}

table.meterBoxDollars table p { margin:0; padding:7px 3px 0 0; font:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:.96em; color:#fff; font-weight:bold;}

table.meterBoxDollars tr#ruler {height:23px; text-align:right; background-color:#fff;}

/* END METER BOX */

/* BEGIN CLASS DONORS TABLE */

table.classDonorsTable {margin-bottom:15px;}

table.classDonorsTable table {background:#fff url(http://www.reed.edu/givingtoreed/challenge/images/meter_bg.jpg) repeat-x top left; text-align:right; height:17px;}

table.classDonorsTable td.chartRow {background-color:#ddd;}

table.classDonorsTable table span {color:#fff; padding:0 3px 0 0; font-size:.92em; font-weight:bold;}

table.classDonorsTable tr.blankRow td {height:3px;}

/* END CLASS DONORS TABLE */

h2.classOf2012 {text-indent:-9999px; width:340px; height:87px; background:#fff url(http://www.reed.edu/givingtoreed/class_of_2010/images/logo.gif) no-repeat bottom left;}

.clearfix:after, ul.gifts:after, .doubleBox:after, .screensaverBox:after, #slideshowBox:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}