/* CSS Document */

#wrapper{
	background:#F8BF63;
	}

/*Philanthropy Header*/
#philanthropy_header{
	position:relative;
	width:584px;
	height:294px;
	}
#philanthropy_header h1{
	position:relative;
	margin: 0 0 0 129px;
	background: url(../images/philanthropy_hd.jpg);
	text-indent: -5000px;
	height: 294px;
	width:455px;
	}
	
#philanthropy_photo_caption{
	position:absolute;
	width:123px;
	bottom:0;
	}
	
.photo_caption{
	bottom:0;
	padding: 0 0 0 6px;
	font-size:.6em;
	color:#336666;
	}

#leftcolumn{
	float:left;
	font-family:"Trebuchet MS";
	font-style:italic;
	color:#AA3311;
	font-size:11px;
	width:225px;
/*IE PC hack important is for all the good browsers, below is for the black sheep*/
	margin: 10px 0 0 6px !important;
	margin: 40px 0 0 6px;}

#maincontent{
	position:relative;
	margin: 6px 0 0 231px;
	width: 350px;}

#maincontent p{
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 0px 10px;}

#maincontent h2{
	position:relative;
	margin: 0 0 0 0;
	text-indent:-5000px;
	height:105px;
	background: url(../images/philanthropy_subhd.gif) no-repeat;}

/*Right Column Starts*/

#rightcolumn{
	position:absolute;
	right:0;
	background:url(../images/features_nav_hd.gif) 0px 0px no-repeat;
	padding: 40px 0px 0px 15px;
	top:160px;
	width:156px;}

/*Features Menu*/
#featuresmenu{
	margin:-1px 0px 0px -1px;
	width:150px;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

#featuresmenu hr{
color:#FFFFFF;
background-color:#FFFFFF;
border:0;
width:120px;
height:1px;}

#featuresmenu img{
	margin: 1px 0 0 0;}

/*Get Involved*/
#getinvolved{
	position:relative;
	background:#A4D9EF url(../images/getinvolved_hd.gif) no-repeat top;
	width:150px;
	right: 3px;
	margin: 10px 0px 0px 0px;
	padding: 27px 3px 3px 3px;}

#getinvolved ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6em;
	margin: 0px;
	padding: 7px 0 10px 0px;
	list-style:none;
	background:#E8F5FB;}

#getinvolved ul li{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	background: url(../images/getinvolved_bullet.gif) center left no-repeat;}
#getinvolved ul a,
#getinvolved ul a:link,
#getinvolved ul a:visited,
#getinvolved ul a:active{
	color:#0099CC;
	text-decoration:none;}

#getinvolved ul a:hover{
	color:#993333;
	text-decoration:none;}

/*Right Column Ends*/