/************
** Landing **
************/

.testimonials-landing
{
}

.testimonials-landing .board-contents
{
	padding: 30px 10px 20px 8px;
}

UL.testimonials-list
{
	display: block;
	margin: 0px;
	padding: 0px;
}

UL.testimonials-list LI
{
	float: left;
	display: block;
	margin: 0px 11px 10px 13px;
	width: 141px;
	height: 178px;
}

UL.testimonials-list LI A,
UL.testimonials-list LI A:visited,
UL.testimonials-list LI A:link,
UL.testimonials-list LI A:hover
{
	text-decoration: none;
	font-family: Verdana;
	color: #663300;
}

UL.testimonials-list LI A.photo
{
	margin: 23px 0px 0px 11px;
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
}

UL.testimonials-list LI A.name
{
	display: block;
	margin: 7px 0px 0px 5px;
	width: 131px;
	text-align: center;
	line-height: 13px;
	font-size: 10px;
	white-space: nowrap;
}

/* List item backgrounds */
UL.testimonials-list LI.bg-0
{
	background: url(images/photo-bg-0.gif) no-repeat;
}

UL.testimonials-list LI.bg-1
{
	background: url(images/photo-bg-1.gif) no-repeat;
}

UL.testimonials-list LI.bg-2
{
	background: url(images/photo-bg-2.gif) no-repeat;
}

UL.testimonials-list LI.bg-3
{
	background: url(images/photo-bg-3.gif) no-repeat;
}




/*********************
** View Testimonial **
*********************/

.testimonial-page
{
	padding-top: 70px;
}

.testimonial-page .btn-make-a-donation
{
	margin: 16px 38px 0 0;
	float: right;
	display: inline;
}


.testimonial-board
{
	padding: 28px 0 0;
	position: relative;
	overflow: hidden;
}


/* board title (Inline elements) */
/* This class has browser exceptions: IE7 */
.testimonial-board .board-title
{
	width: 515px;
	height: 82px;
	position: absolute;
	left: 17px;
	top: 1px;
	
	text-align:center;
	font-size: 25px;
	font-weight: bold;
	line-height: 82px;
	color: #a0d6e1;
}

.testimonial-board .board-title SPAN
{
	/* This needs to be applied to each SPAN
	** so their backgrounds will be fully viewed.
	*/
	padding: 26px 0px;
}

.testimonial-board SPAN.board-title-bg
{
	background: url(images/board-title-bg.gif) repeat-x left 50%;
}

.testimonial-board SPAN.board-title-bg-left
{
	background: url(images/board-title-bg-left.gif) no-repeat left 50%;
	padding-left: 40px;
}

.testimonial-board SPAN.board-title-bg-right
{
	background: url(images/board-title-bg-right.gif) no-repeat right 50%;
	padding-right: 35px;
}

.testimonial-board .board-title SPAN.title-text
{
	white-space: nowrap;
}



/* Paper on board */
.testimonial-board .paper
{
	margin: 70px 0px 40px 6px;
	width: 505px;
	overflow: hidden;
}

.testimonial-board .paper-bg
{
	background: url(images/paper-bg.gif) repeat-y;
}

.testimonial-board .paper-bg-header
{
	height: 23px;
	background: url(images/paper-header.gif) no-repeat 0px 0;
}

.testimonial-board .paper-bg-footer
{
	height: 18px;
	background: url(images/paper-footer.gif) no-repeat 0 100%;
}

.testimonial-board .paper-contents
{
	padding: 40px 13px 40px 12px;
}

.testimonial-board .paper .testimonial-page-image
{
	width: 480px;
	overflow: hidden;
}


/* Photo pinup */
.testimonial-board .photo-pinup
{
	height: 177px;
	width: 138px;
	overflow: hidden;
	background: url(images/photo-pinup-bg.gif) no-repeat;
	position: absolute;
	right: 11px;
	top: 71px;
}

.testimonial-board .photo-pinup .image-clip-region
{
	margin: 23px 0px 0px 10px;
	height: 120px;
	width: 120px;
	overflow: hidden;
}


/* Stickers */
.testimonial-board .sticker-smile
{
	position: absolute;
	left: 75px;
	top: 70px;
}

.testimonial-board .sticker-awesome
{
	position: absolute;
	bottom: 25px;
	left: 30px;
}

.testimonial-board .sticker-greatJob
{
	position: absolute;
	bottom: 20px;
	left: 323px;
}

.testimonial-board .sticker-ribbon
{
	position: absolute;
	bottom: 50px;
	right: 20px;
}