@charset "UTF-8";
/* CSS Document */

/* Page Properties */

body			{ margin:0px; padding:0px; background-image:url(hopeimages/bkgd-black.jpg); background-repeat:repeat; background-color:#000000; }
.container		{ width:996px; margin: 0 auto; }
#header			{ padding-top:10px; padding-bottom:10px; width:550px; height:75px; float:left; }
#menu			{ padding-top:50px; padding-bottom:10px; float:right; }
#footer			{ text-align:left; padding-top:10px; float:left;}


/* Index */

#block_feature	{ padding-bottom: 10px; }
#left_home		{ background-image:url(hopeimages/home_about.jpg); background-repeat:no-repeat; width:581px; height:390px; float:left; padding-bottom:10px; }
.home_about_text	{ padding-top:305px; padding-left:30px; padding-right:30px; padding-bottom:30px;}
#right_home		{ width:401px; padding-left:10px; padding-bottom:10px; float:right; }
.needhope		{ padding-top:10px; }


/* About */

#left_home1		{ background-color:#303030; width:766px; height:445px; float:left; padding-bottom:10px; }
.about_text		{ padding-top:10px; padding-left:30px; padding-right:30px; padding-bottom:30px; }
#right_home1	{ width: 220px; padding-left:10px; padding-bottom:10px; float: right; }
.photo3			{ padding-top:20px; width: 220px; height: 157px; background-image:url(hopeimages/project3.png); background-repeat:no-repeat;  }
.photo4			{ padding-top:20px; width: 220px; height: 276px; background-image:url(hopeimages/project4.png); background-repeat:no-repeat;  }


/* Project */

#left_home2		{ background-color:#303030; width:766px; height:324px; float:left; padding-bottom:10px; }
.photo1			{ padding-top:21px; width: 220px; height: 157px; background-image:url(hopeimages/project1.png); background-repeat:no-repeat;  }
.photo2			{ padding-top:20px; width: 220px; height: 157px; background-image:url(hopeimages/project2.png); background-repeat:no-repeat;  }
#proj-photo		{ padding-top: 96px; padding-left:15px; padding-right:0px; padding-bottom:10px; }


/* Gifts of Hope */

#gifts_photo	{ padding-bottom:10px; }
#left_home3		{ background-color:#303030; width:766px; height:1300px; float:left; padding-bottom:10px; }
.gift_box		{ padding:10px; width:110px; float:left;}
.photo5			{ padding-top:20px; width: 220px; height: 157px; background-image:url(hopeimages/water_photo.png); background-repeat:no-repeat;  }
.photo6			{ width: 220px; height: 1130px; background-repeat:no-repeat;  }


/* Boxes */

#boxes			{ float:left;}
.box2			{ width:225px; height:130px; background-image:url(hopeimages/stw_box.jpg); background-repeat:no-repeat; padding-top:180px; padding-right:32px; float:left; }
.box1			{ width:225px; height:130px; background-image:url(hopeimages/vol_box.jpg); background-repeat:no-repeat; padding-top:180px;  float:left;  }
.box3			{ width:225px; height:130px; background-image:url(hopeimages/wc_box.jpg); background-repeat:no-repeat; padding-top:180px; padding-right:32px; float:left; }
.box4			{ width:225px; height:130px; background-image:url(hopeimages/goh_box.jpg); background-repeat:no-repeat; padding-top:180px; padding-right:32px; float:left; }
#box_text		{ padding-left:20px; padding-right:20px; padding-bottom:10px; }
#color_bar		{ width:996px; height:10px; background-color:#979797; float:left; }


/* Text Properties */

p				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#box_text p		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:center;}
.about_text a	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bbd571; text-decoration:underline;}
td				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
h1				{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFFFFF;}
h2				{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; }
h3				{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; }
h4				{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-align:center; }
#footer			{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; }
#footer a		{ font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:9px; color:#999999; }
