#pagebody { background-image: url("../images/bckgrnd_volunteer.gif") }   
#colorbar {	background-color: #2f89b3; }

/*** Chuck's super tweaked out "Get Involved" table styles ***/

table.dvl { width: 730px }
table.dvl tbody tr td {
	width: 170px;
	vertical-align: top;
	border: solid 5px white;
	border-bottom: 0;
	border-top: 0
}
table.dvl tbody tr td.dvl-first-column { border-left: none; width: 175px }
table.dvl tbody tr td.dvl-donate-bg { background-image: url(http://www.wilder.org/fileadmin/wilder/images/gradient_side_green.gif) }
table.dvl tbody tr td.dvl-volunteer-bg { background-image: url(http://www.wilder.org/fileadmin/wilder/images/gradient_side_ornge.gif) }
table.dvl tbody tr td.dvl-learn-bg { background-image: url(http://www.wilder.org/fileadmin/wilder/images/gradient_side_blue.gif) }
table.dvl tbody tr td.verticaldots {
	width: 5px;
	background-image: url(http://www.wilder.org/fileadmin/wilder/images/dots_vertical.gif);
	background-repeat: no-repeat
}
table.dvl tbody tr.dvl-description-row td p { margin: 0; margin-top: 7px }
/* Make sure the first para is a constant size. This allows the second para with the buttons to be lined up straight. */
table.dvl tbody tr.dvl-description-row td p.dvl-para { height: 225px; padding-right: 15px }
table.dvl tbody tr.dvl-description-row td p.dvl-para-first { padding-right: 0 }
table.dvl tbody tr.dvl-description-row td p.dvl-button-para { position: relative; height: 60px; font-weight: bold; font-size: 12px }
table.dvl tbody tr.dvl-description-row td p.dvl-button-para img { position: absolute; bottom: 0; margin-bottom: 7px }
/* So the "Learn More >" link is on its own line */
table.dvl tbody tr td a { font-weight: bold; display: block }
/* This styles the "Click the button to take action now!" message. */
table.dvl tbody tr.dvl-description-row td p span.dvl-click-message {
	font-size: 11px;
	width: 98px;
	float: right;
	margin-right: 5px;
	margin-top: 12px
}

table.dvl tbody tr td p a img { border: none }