@charset "utf-8";
/* CSS Document */

html, body{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
}

#logo{
	position: absolute;
	width: 124px;
	height: 128px;
	margin-top: 15px;
	margin-left: 10px;
	background-color: transparent;
	background-image: url(../images/logo.png);
	z-index: 100;	
}

#name{
	width: 409px;
	height: 112px;
	float: left;
	margin-left: 150px;
	margin-top: 0px;
}

#facebook_text{
	width: 60px;
	height: 20px;
	float: right;
	margin-right: 10px;
	margin-top: 65px;
}

#facebook_logo{
	width: 31px;
	height: 31px;
	float: right;
	margin-right: 10px;
	margin-top: 60px;
}

#header_top{
	width: 100%;
	height: 114px;
	background-image: url(../images/headerTop.png);
}

#header_logo{
	width: 950px;
	height: 114px;
	margin: 0px auto;
}

#flash_wrapper{
	width: 100%;
	height: 250px;
	background-image: url(../images/headerFlash.jpg);
}

#flash_content{
	width: 950px;
	height: 250px;
	margin: 0px auto;
}

#photoShow {
	width: 950px;
	height: 250px;
}

#photoShow div {
    position: absolute;
    z-index: 0;
}

#photoShow div.previous {
    z-index: 1;
}

#photoShow div.current {
    z-index: 2;
}

#menu_wrapper{
	width: 100%;
	height: 36px;
	background-image: url(../images/menuBG.png);
}

#menu_content{
	width: 950px;
	height: 36px;
	margin: 0px auto;
}

ul.menu{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

li.menu{
	padding: 0px;
	margin-left: 25px;
	margin-right: 50px;
	float: left;
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
}

ul.menu a:link, ul.menu a:visited, ul.menu a:active{
	color: #FFF;
	background-color: #3C8BFF;
	text-decoration:none;
}

ul.menu a:hover{
	color: #FFF;
	background-color: #3C8BFF;
	border-bottom: 7px solid #FFF;
	text-decoration:none;
}

ul.projects{
	padding: 0px;
	margin: 5px;
	list-style-type: none;
}

li.projects{
	padding: 0px;
	margin-left: 25px;
	list-style-type: circle;
	font-size: 14px;
}

ul.projects a:link, ul.projects a:visited, ul.projects a:active{
	color: #3C8BFF;
	text-decoration: none;
}

ul.projects a:hover{
	color: #3C8BFF;
	text-decoration: underline;
}

#body_wrapper{
	width: 100%;
	height: auto;
	overflow: auto;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CECECE), to(#FFFFFF));
	background: -webkit-linear-gradient(#CECECE, #FFFFFF);
	background: -moz-linear-gradient(#CECECE, #FFFFFF);
	background: -ms-linear-gradient(#CECECE, #FFFFFF);
	background: -o-linear-gradient(#CECECE, #FFFFFF);
	background: linear-gradient(#CECECE, #FFFFFF);
	-pie-background: linear-gradient(#CECECE, #FFFFFF);
	behavior: url(PIE.php);
}

#body_content{
	width: 950px;
	height: auto;
	margin: 0px auto;
}

#box1{
	width: 250px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	color: #3C8BFF;
}

#gallery_box{
	width: 250px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 63px;
	color: #3C8BFF;
}

#box2{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
}

#loveinaction{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
}

#preschool{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#empowerment{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#substance{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#youth{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#hadassah{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#charity{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#mission{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
}

#vision{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
	display: none;
}

#wishlist{
	width: 600px;
	height: auto;
	float: left;
	overflow: auto;
}

#gallery{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	color: #3C8BFF;
}

#contact{
	width: 680px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	color: #3C8BFF;
	text-align: justify;
}

#contact_left{
	width: 308px;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 0px
	color: #3C8BFF;
}

#contact_right{
	width: 338px;
	height: auto;
	float: left;
	margin-left: 4px;
	margin-top: 0px
	color: #3C8BFF;
}

#footer_wrapper{
	width: 100%;
	height: 220px;
	margin-top: 30px;
	background-color: #3C8BFF;
}

#footer_content{
	width: 950px;
	height: 200px;
	margin: 0px auto;
}

#footer_left{
	width: 400px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#footer_right{
	width: 450px;
	height: auto;
	float: right;
	margin-top: 10px;
	text-align: right;
}

#festive_footer{
	width: 1920px;
	height: 260px;
	margin: 0px auto;
	background-color: #3C8BFF;
	background-image: url(../images/festive.png);
	background-repeat: none;
}

/*#fb-root{
	float: left;
	width: 450px;
	height: auto;
	overflow: auto;
}*/

.contact a:link 
	{
		color: #3C8BFF;
		text-decoration: none;
	}

.contact a:visited 
	{
		text-decoration: none;
		color: #3C8BFF;
	}
	
.contact a:hover 
	{
	text-decoration: underline;
	color: #C60;
	}
	
.contact a:active 
	{
		text-decoration: none;
		color: #3C8BFF;
	}
	
.home a:link, .home a:visited, .home a:active{
	color: #3C8BFF;
	text-decoration:none;
}

.home a:hover{
	color: #3C8BFF;
	border-bottom: 4px solid #3C8BFF;
	text-decoration:none;
}

.footer a:link, .footer a:visited, .footer a:active{
	color: #FFF;
	text-decoration:none;
}

.footer a:hover{
	color: #FFF;
	text-decoration: underline;
}