/* CSS Document */

/* floats  */

#dnp1, #dnp2 {
	float: left;
	width: 275px;
	height:203px;
	margin:0;
	padding:0;

}
#dnr2p1, #dnr2p2, #dnr2p3 {
	float: left;
	width: 184px;
	height:243px;
	margin:0;
	padding:0;

}

#dnr3p1, #dnr3p2, #dnr3p3 {
	float: left;
	width: 184px;
	height:248px;

}

#dnr3p4 {
	float: left;
	width: 130px;
	height:176px;

}

/* Feature box grey fade */

#FeatureGreyFade {
	width: 170px;
	background: transparent url(/images/donor/sidebar_grey_vgnt.gif) no-repeat bottom;
	min-height:650px;
	height:auto !important;
	height: 650px;	
}
#FeatureGreyFade-Inner {
	background: transparent url(/images/donor/sidebar_grey_vgnt_cap.gif) no-repeat top;
}
#FeatureGreyFade-Content {
	width:150px;
	font-family: Arial, sans-serif;
	color: #555;
	padding: 10px;
}
	#FeatureGreyFade-Content h1 {
		font-size:  195%;
		line-height: 0.8;
		color: #555;
		font-weight: normal;
		padding-bottom:30px;
	}
	#FeatureGreyFade-Content h2 {
		color: #555;
		font-weight: bold;
		padding-bottom:5px;
	}
	#FeatureGreyFade-Content ul {
		margin-left:.7em;
		padding-left:.7em;
	}
	#FeatureGreyFade-Content li {
		padding-bottom:5px;
		/* font-size:  95%; */
	}
	#FeatureGreyFade-Content p {
		margin:0;
		padding:2px 0 2px 0;
	  /* font-size:  95%; */
	}
	#FeatureGreyFade-Content a {
		text-decoration: none;
	}

/* End Feature box grey fade */

.panelinner1 {
	position:relative;
	margin:0;
	padding:0;

}

/* first row inners */

.panelinnerdnp {
	position:absolute;
	top: 10px;
	left:10px;
	width:120px;


}

.panelinnerdnp h1 {
	font:  26px/.8 Arial, sans-serif;
	color: #555;
	margin:0;
	padding:0;

}

.panelinnerdnp a {
	color: #555;
	text-decoration: none;

}

.panelinnerdnp a:hover {
	color: #FF9900;

}

#linkbutton {
background: url(/images/donor/pnl_button_yellow_matte.gif) no-repeat  left top;
width:30px;
height:31px;
margin:0;
padding:0;
position:relative;
z-index:1;


}

#linkbutton a {

position:absolute;
text-decoration:none;
}

#linkbutton .yellow a {
left:0;
top:0;
width:30px;
height:31px;
}

#linkbutton .yellow a:hover {
background: url(/images/donor/pnl_button_yellow_matte.gif) no-repeat  -30px top;
left:0;
top:0;
width:30px;
height:31px;
z-index:999;
} 

/* second row inners */
.panelinnerdnr2p {
	position:absolute;
	top: 10px;
	left:10px;
	width:144px;
	height:220px;
	/*font:  12px/1.1 Arial, sans-serif;*/
	color: #555;
}

.panelinnerdnr2p p {
margin:0;
padding:0 0 5px 0;

	line-height: 1.1;
}
.panelinnerdnr2p a {
	color: #254379;
	text-decoration:none;
	font-weight: bold;
}

.panelinnerdnr2p a:hover {
	color: #FF9900;
}



#linkbuttonGr {
background: url(/images/donor/pnl_button_grey_matte.gif) no-repeat  left top;
width:30px;
height:31px;
margin:0;
padding:0;
position:absolute;
z-index:1;
bottom: 0;
left: 0;


}

#linkbuttonGr a {

position:absolute;
text-decoration:none;
}

#linkbuttonGr .grey a {
left:0;
top:0;
width:30px;
height:31px;
}

#linkbuttonGr .grey a:hover {
background: url(/images/donor/pnl_button_grey_matte.gif) no-repeat  -30px top;
left:0;
top:0;
width:30px;
height:31px;
z-index:999;
} 

#dnrSp {
	width: 170px;
	height:600px;

}



/* second row inners */
.panelinnerdnr3p {
	position:absolute;
	top: 40px;
	left:10px;
	width:150px;
	height:615px;
	font:  12px/1.1 Arial, sans-serif;
	color: #555;
}

.panelinnerdnr3p h1 {
	font:  26px/.8 Arial, sans-serif;
	color: #555;
	font-weight: normal;
	padding-bottom:30px;
	}
	
.panelinnerdnr3p h2 {
	color: #555;
	font-weight: bold;
	padding-bottom:5px;
	}
	
.panelinnerdnr3p ul {
	margin-left:.7em;
	padding-left:.7em;
	}
	
.panelinnerdnr3p li {
	padding-bottom:5px;
	}

.panelinnerdnr3p p {
margin:0;
padding:2px 0 2px 0;
font-size: 100%;
}

#small {
	/*font-size: 10px;*/
	font-size: 80%;
}

#FeatureGreyFade-Content #small {
	font-size: 80%;
}

.panelinnerdnr4p {
	position:absolute;
	top: 10px;
	left:10px;
	width:105px;
	height:156px;
	/* font:  12px/1.1 Arial, sans-serif; */
	color: #555;
}

.panelinnerdnr4p p {
margin:0;
padding:0 0 5px 0;

}
.panelinnerdnr4p a {
	color: #254379;
	text-decoration:none;
	font-weight: bold;
}

.panelinnerdnr4p a:hover {
	color: #FF9900;
}

/* Right sidepanel */

.panelinnerdnr3p a {
	color: #254379;
	text-decoration:none;
	
}

.panelinnerdnr3p a:hover {
	color: #FF9900;
}



#linkbuttonGrsm {
background: url(/images/donor/pnl_button_sm_grey_matte.gif) no-repeat  left top;
width:20px;
height:20px;
margin:0;
padding:0;
position:relative;
z-index:1;

}

#linkbuttonGrsm a {

position:absolute;
text-decoration:none;
}

#linkbuttonGrsm .greysm a {
left:0;
top:0;
width:20px;
height:20px;
}

#linkbuttonGrsm .greysm a:hover {
background: url(/images/donor/pnl_button_sm_grey_matte.gif) no-repeat  -20px top;
left:0;
top:0;
width:20px;
height:20px;
z-index:999;
} 

/* Donation form */

#UserFormAlt {
	background:#FFEE95 url(/images/donor/pnl_form_yellow_tr.gif) no-repeat right top;
	margin:0;
	width:100%;

}

#UserFormInnerCorner {
	background: url(/images/donor/pnl_form_yellow_bl.gif) no-repeat left bottom;
	width:100%;

}

#UserformInnerYellow {
	background: url(/images/donor/pnl_form_yellow_bg.gif) no-repeat left top;
	width:95%;
	padding-left:10px;
}

#UserformInnerYellow .form{
	width:100%;
}

#UserformInnerYellow h3{
	font-size: 110%;
	font-weight: bold;
	color: #666666;
	
}

#UserformInnerYellow td{
padding-top:5px;
padding-bottom:5px;
font-size:inherit;
	
}

.theader {
	color: #FFFFFF;
	background: #999;
}


.optional {
	color: #777;

}

.theader h5, #UserformInnerYellow .form h5 {
	color: #FFFFFF;
	padding: 0 0 0 3px;
	
}

.text {
width:100%;
}

.grey_yel_button {
	width: 170px;
	height: 20px;
	background: url(/images/donor/button_grey_yellowmatte.gif) no-repeat center top;
 	text-align:center;
	padding-top:2px;
}


.grey_button {
	width: 170px;
	height: 20px;
	background: url(/images/donor/button_grey.gif) no-repeat center top;
 	text-align:center;
	padding-top:2px;
}

.grey_button_wide {
	width: 300px;
	height: 20px;
	background: url(/images/donor/button_grey_wide.gif) no-repeat center top;
 	text-align:center;
	padding-top:2px;
}


.grey_yel_button a, .grey_button a, .grey_button_wide a {
	color:#fff;
	text-decoration:none;
}

.grey_yel_button a:hover, .grey_button a:hover, .grey_button_wide a:hover {
	color: #FF9900;
}

.grey_yel_button a:active, .grey_button a:active, .grey_button_wide a:active {
	color: #FFF;
}

/* Extra donor styles */
.dnQuote {
font-size: 130%;
}

#FeatureGreyFade-Content p.dnQuote {
	font-size: 130%;
}

.dn_box, p.dn_box {
padding:15px 30px;
margin:10px 0px;
font-size: 120%;
font-weight: bold;
background: url(/images/donor/dn_box_bg.jpg) no-repeat left bottom;
}

/* Yellow form style */

#UserForm-Yellow {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: #fff295 url(/images/donor/bg_user_form_yellow_top.gif) top left no-repeat;
	border-bottom: 1px solid white;
	position: relative;
}
	#UserForm-Yellow #UserForm-Inner {
		margin: 0px;
		padding: 20px;
		background: url(/images/donor/bg_user_form_yellow_bottom.gif) bottom right no-repeat;
	}
	#UserForm-Yellow #UserForm-Inner table {
		width: 100%;
	}
	#UserForm-Yellow #UserForm-Inner table td {
		padding: 5px 0px;
		width: 50%;
	}
	#UserForm-Yellow input.radio {
		border: none;
	}
	#UserForm-Yellow input.text {
		width: 200px;
	}
	#UserForm-Yellow textarea {
		width: 200px;
		height: 125px;
	}
	#UserForm-Yellow input.submit-button, #footersurvey input.submit-button {
		display: inline;
		width: 85px;
		height: 23px;
		font-family: Arial;
		font-size: 83.5%;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
		background: url(/images/templates/bg_button_medium.gif) top left no-repeat;
		border: none;
	}