#slidedeck_frame {
	/*background: url('back.png') 0 0 no-repeat; */
	width: 611px;
	height: 380px;
	padding: 0px;
}
#slidedeck_frame dl {
	width: 611px;
	height: 380px;
	margin: 0;
}			
	
#red dt {background:#C00 url('spines_red_wafrica.png') top left; }

#green dt {background:#7dc242 url('spines_green_bethere.png') top left; }

#orange dt {background: #F90 url('spines_orange_twalk10.png') top left}

#blue dt {background:#39C url('spines_blue_haiti.png') top left}


	.slidedeck dd {
		background: #eeeeee;
	}
/*
	.slidedeck dt {
		cursor: pointer;
		height: 43px;
		line-height: 38px;
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		background: url('spines.png') top left #eeeeee;
		color: #505050;
	}

	

.green dd {
	padding: 10px 15px;
	border-right: 5px solid #eeeeee;
	background: url('slides.png') bottom left #eeeeee repeat-x;
}
*/	
#green dt {
	cursor: pointer;
	height: 43px;
	line-height: 38px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	background: #eeeeee;
	/*background: url('http://www.oxfam.org.uk/jquery/slidedeck/spines_green.png') top left #eeeeee;*/
	color: #505050;
}
	

#red dt {
	cursor: pointer;
	height: 43px;
	line-height: 38px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	/*background: url('http://www.oxfam.org.uk/jquery/slidedeck/spines_red.png') top left #eeeeee;*/
	background:#eeeeee;
	color: #505050;
}

#orange dt {
	cursor: pointer;
	height: 43px;
	line-height: 38px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	/*background: url('http://www.oxfam.org.uk/jquery/slidedeck/spines_orange.png') top left #eeeeee;*/
	background: #eeeeee;
	color: #505050;
}


#blue dt {
	cursor: pointer;
	height: 43px;
	line-height: 38px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	/*background: url('http://www.oxfam.org.uk/jquery/slidedeck/spines_blue.png') top left #eeeeee;*/
	background:#eeeeee;
	color: #505050;
}




#red {background: url('spines_red_wafrica.png') top left #eeeeee; color: #5e0000; height: 43px;}
#green {background: url('spines_green_bethere.png') top left #eeeeee; color: #005338; height: 43px;}
#orange {background: url('spines_orange_twalk10.png') top left #eeeeee; color: #EF4223; height: 43px;}
#blue {background: url('spines_blue_haiti.png') top left #eeeeee; color: #005BAA; height: 43px;} 


#red:hover {background-position: center left;}
#green:hover {background-position: center left;}
#orange:hover {background-position: center left;}
#blue:hover {background-position: center left;} 




.slidedeck dt:hover {
	color: #FFF;
	background-position: center left;
}

.slidedeck dt.active, .slidedeck dt.active:hover {
	cursor: default;
	color: #fff;
	
	background-position: bottom left;
}
.slidedeck dt .index {
	font-size: 24px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #505050;
	
}
.slidedeck dt:hover .index { color: #000000; }
.slidedeck dt.active .index { color: #ffffff; }


dt h2{display:none;}

#red dt.active,  #red dt.active:hover {background-position: bottom left;}
#green dt.active,  #green dt.active:hover {background-position: bottom left;}
#orange dt.active,  #orange dt.active:hover {background-position: bottom left;}
#blue dt.active,  #blue dt.active:hover {background-position: bottom left;} 




.whitebox {width:410px; height:309px; background:#fff; padding:15px;}
.whitebox h2 {line-height:1em;}
#red-01:hover{background-position: 0 0;}
#red-01 span{display: none;}
#red-more01:hover{background-position: 0 0;}
#red-more01 span{display: none;}
#redblock1 {background-color:#ea3201; width:478px; height:380px; margin-top:0px;}
#redblock2 {background-color:#ea3201; width:438px; height:380px; padding:20px; margin-top:0px;}

#orange-01:hover{background-position: 0 0;}
#orange-01 span{display: none;}
#orange-more01:hover{background-position: 0 0;}
#orange-more01 span{display: none;}
#orangeblock1 {background-color:#fcb514; width:478px; height:380px; margin-top:0px;}
#orangeblock2 {background-color:#fcb514; width:438px; height:380px; padding:20px; margin-top:0px;}

#blue-01:hover{background-position: 0 0;}
#blue-01 span{display: none;}
#blue-more01 {display: block; width:478px; height:31px; margin-top:0px; background: no-repeat 0 -31px;}
#blue-more01:hover{background-position: 0 0;}
#blue-more01 span{display: none;}
#blueblock1 {background-color:#3bc1ed; width:478px; height:380px; margin-top:0px;}
#blueblock2 {background-color:#3bc1ed; width:438px; height:380px; padding:20px; margin-top:0px;}