@charset "utf-8";
/*CSS for Volunteer pages- summary boxes*/
/****volunteer page quote boxes****/	
#quoteVol1  {
	float:left;
	margin: 0 10px 10px 20px;
	font-size:90%;
	height:auto;
	width:220px;
	background:url(images/quoteBoxGreen_middle.gif) repeat-y;
}
#quoteVol2 {
	float:right;	
	margin-top:10px;
	margin-left: 10px;
	margin-right:15px;
	font-size:90%;
	height:auto;
	width:235px;
	background:#FFC url(images/quoteBoxWide_bottom.gif) no-repeat left bottom;		
	}
/*holds quote boxes (3 and 4) on bottom of volunteer page*/
#volQteWrap {
	margin-left:20px;
	margin-right:15px;
	font-size:90%;
	}
/*sets bottom image and background color of left box in #volQteWrap*/
#quoteVol3 {
	float:left;
	background: url(images/quoteGreenBoxMed_middle.gif) repeat-y;
	height:auto;
	width:340px;		
	}
/*sets bottom image and background color of right box in #volQteWrap*/
#quoteVol4 {
	float:right;
	margin-right:5px;
	background: url(images/quoteGreenBoxMed_middle.gif) repeat-y;
	height:auto;
	width:340px;
}	
	
/*****volunteer quote box class styles- set font size, rounded corners and background colors*****/
/*quote box 1*/
#quoteVol1 p.top {
	margin:0;
	padding: 10px 5px 2px 10px;
	background:url(images/quoteBoxGreen_top.gif) no-repeat left top;
	}
#quoteVol1 p.bottom {
	margin:0;
	padding: 10px 5px 10px 10px;
	background:url(images/quoteBoxGreen_bottom.gif) no-repeat left bottom;
	}
/*quote box 2*/
#quoteVol2 h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 -5px 0;
	padding: 10px 5px 0 10px;
	background:url(images/quoteBoxWide_top.gif) no-repeat left top;
	}
/*quote box 3*/	
#quoteVol3 p.top {
	margin:0;
	padding: 10px 5px 0 10px;
	background:url(images/quoteGreenBoxMed_top.gif) no-repeat left top;
	}
#quoteVol3 p.bottom {
	margin:0;
	padding: 8px 5px 10px 10px;
	background:url(images/quoteGreenBoxMed_bottom.gif) no-repeat left bottom;
	}
/*quote box 4*/
#quoteVol4 p.top {
	margin:0;
	padding: 14px 5px 0 10px;
	background:url(images/quoteGreenBoxMed_top.gif) no-repeat left top;
	}
#quoteVol4 p.bottom {
	margin:0;
	padding: 13px 5px 14px 10px;
	background:url(images/quoteGreenBoxMed_bottom.gif) no-repeat left bottom;
}

/*paragraph styles*/
#quoteVol1 p, #quoteVol2 p, #volQteWrap p {
	margin: 10px;	
	line-height:135%;
	}	
	
/*****image styles*****/	
/*photo inside quote box- volunteer page*/
img.quote {
	margin: 0px auto;
	border:1px solid #00747a;
}