/* 	for a custom page width, divide your desired
    pixel width by 13 to find em width. Multiply
    that value by 0.9759 for IE via *width. For
    example, this is a 600px page-width:		*/

html {
    padding: 0;
}
#doc {
    margin:auto;
	text-align:left;
    width:751px;
}

body {
    background: #B6D8D9 url("/images/background.jpg") repeat-x top left;
    margin-top: 0px; padding: 0px;
	color: #000;
	font-family: Tahoma, Arial;
}

strong, b {
	color: #000;
}

a {
	color: #0355A1;
	text-decoration: none;
}

address {
	font-style: normal;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin: 0 0 15px 0;
	padding: 0;
}

.req { color: #F00; }
.clear {clear: both; }

body h1.title {
	height: 125px;
	padding: 0;
	margin: 0;
}

form .long {
    width: 170px;
}
form .short {
    width: 100px;
}

#bd h3 {
	font-size:120%;
	margin:10px 0;
}

#doc {
	margin-top: 30px;
}

/* HEADER */

#hd {
	background: #0355A1;
	height: 185px;
	width: 751px;
	overflow: hidden;
}

#hd #headerImages {
	width: 751px;
	height: 151px;
	overflow: hidden;
}

#hd h1#logo {
	padding: 0;
	margin: 0;
	height: 109px;
	width: 280px;
	text-indent: -3000px;
	position: relative;
	bottom: 130px;
	left: 22px;
	float: left;
	z-index: 100;
}

#hd h1#logo a {
    display: block;
	padding: 0;
	height: 109px;
    width: 211px;
	text-decoration: none;
	background: transparent url("/images/latestlogo.gif") no-repeat top left;
	cursor: pointer;
}

#hd #donate_button {
	position: relative;
	float: right;
	height: 27px;
	width: 120px;
	bottom: 27px;
	right: 20px;
	margin: 0;
	padding: 0;
	text-indent: -12345px;
	z-index: 100;
}

#hd #donate_button a {
	display: block;
	padding: 0;
	height: 27px;
	width: 120px;
	background: transparent url(/images/donate_now_button.png) no-repeat;
	cursor: pointer;
}

#hd #menu {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 22px;
	position: relative;
	bottom: 108px;
	font-family: Arial;
}

#hd #menu li {
	float: left;
	font-weight: bold;
	font-size: 15px;
	font-stretch: expanded;
	color: #FFFFFF;
	padding: 0 5px;
}

#hd #menu li a {
	color: #FFFFFF;
}

#hd #menu li a.selected {
	color: #BDDDDC;
}

/* BODY */
#bd {
	background: #FFFFFF;
	min-height: 350px;
	padding: 15px;
}

body.home #bd {
	background: #FFFFFF;
	padding: 30px;
	min-height: 350px;
}

#bd h2 {
	color: #0355a1;
	font-weight: bold;
	background: url(/images/bullet.gif) no-repeat left;
	padding-left: 25px;
	font-family: Arial, sans-serif;
	font-size: 20px;
}

body.home #bd h2#video span {
	font-size: 12px;
}

body.home #bd p {
	font-family: Tahoma;
	font-size: 15px;
	margin-left: 10px;
	color: #434343;
}

body.home #bd a#read-more {
	font-weight: bold;
	color: #0355a1;
	font-size: 11px;
}

#bd div.basic_feature img.main {
	float: right;
	margin: 0 0 10px 10px;
}

#bd div.basic_feature img.main2 {
	float: left;
	margin: 0 0 10px 50px;
}

#map {
	border:1px solid #B6D8D9;
	height:350px;
	width:100%;
}

div.archive {
	margin: 20px 0 0 0;
}
div.archive ul {
	list-style: url('/images/news-list.gif');
	margin: 0;
	padding: 0 0 0 25px;
}

/* SIDEBAR */
#sidebar {
	width: 165px;
}

#sidebar ul.level1 {
	margin-top: 16px;
}

#sidebar ul.level1, #sidebar ul.level2 {
	display: block;
	font-size: 100%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar ul.level1 li {
	border-top: 1px solid #D6E1E5;
	padding: 8px 0;
}

#sidebar ul.level2 {
	margin-left:15px;
}

#sidebar ul.level2 li {
	list-style-image: url(/images/arrow_grey.gif);
	border-top-width:0;
	font-weight:normal;
	line-height:23px;
	padding:3px 0 7px 0;
}

#sidebar a {
	color: #000000;
	font-weight: normal;
}

#sidebar a.selected {
	color: #0355A1;
	font-weight: bold;
}

#sidebar div#where_button {
	background: transparent url(/images/where-we-work.gif) no-repeat scroll left top;
	height: 86px;
	margin-top: 10px;
	padding: 0;
	text-indent: -3000px;
	width: 162px;
}

#sidebar div#where_button a {
	display:block;
	height:100px;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	width:162px;
}

#sidebar div#kidszone_button {
	background:transparent url(/images/benjamin_button.png) no-repeat scroll left top;
	height:88px;
	margin-top: 10px;
	padding:0;
	text-indent:-3000px;
	width:148px;
}

#sidebar div#kidszone_button a {
	display:block;
	height:100px;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	width:147px;
}

#sidebar div#teenzone_button {
	background:transparent url(/images/mitzvah.jpg) no-repeat scroll left top;
	/*height:86px;*/
	margin-top: 10px;
	padding:0;
	text-indent:-3000px;
	width:150px;
}

#sidebar div#jcy {
	margin-top: 10px;
}

#sidebar div#roshAppeal {
   /* background:transparent url(/images/JCD_WebGraphic_ST1_A0.jpg) no-repeat scroll left top;*/
    /*height:86px;*/
    margin-top: 10px;
    padding:0;
    width:150px;
    height:143px;
}

#sidebar div#teenzone_button a {
	display:block;
	height:86px;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	width:150px;
}

/* HOME SIDEBAR */
body.home #inner-sidebar {
	margin-top: 25px;
	border-left: 2px solid #DADADA;
	padding-left: 50px;
}

body.home #inner-sidebar #quick-links-top {
	height: 6px;
	width: 148px;
	background: url(/images/quick-links-top.gif) no-repeat;
}

body.home #inner-sidebar #quick-links {
	width: 148px;
	background: url(/images/quick-links-bottom.gif) no-repeat bottom;
	border-left: 1px solid #f5f2f1;
	border-right: 1px solid #f5f2f1;
	margin-bottom: 20px;
}

body.home #inner-sidebar #quick-links h5 {
	color: #0355a1;
	font-size: 15px;
	margin: 5px 0 0 5px;
}

body.home #inner-sidebar #quick-links ul {
	color: #DE0079;
	font-family: Tahoma;
	list-style-position: inside;
	margin: 5px 0 0 7px;
	padding: 0 0 8px;
	font-size: 14px;
}

body.home #inner-sidebar .button {
	margin-bottom: 15px;
}

/* MEET THE TEAM */

div.the-team ul {
	display:block;
	font-size:100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

div.the-team li.team-member {
	float:left;
	height:100px;
	line-height:100px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 5px 0 0;
	padding:0;
	position:relative;
	text-align:left;
	width:48%;
}

div.the-team li.team-member .team-member-details {
	left:85px;
	position:absolute;
	top:40px;
}

div.the-team li.team-member h4 {
	font-size:100%;
	margin:0;
	padding-left:5px;
}

div.the-team li.team-member p {
	font-size:85%;
	margin:0;
	padding-left:5px;
}
div.the-team p {
	margin:2px 0 20px;
}

div.the-team li.team-member a img {
	border:1px solid gray;
	float:left;
	margin-right:5px;
	vertical-align:bottom;
}

/* PHOTO GALLERY */

div.result {
	border-bottom:1px solid #000000;
	float:left;
	margin-bottom:15px;
	padding-bottom:5px;
	width:100%;
}

div.resultImage {
	float:left;
	margin:0 10px 0 0;
}

/* WHERE WE WORK */
div.bottombar {
	float:left;
	margin:30px 0 0;
}

div.bottombar ul {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

div.bottombar ul li {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

div.bottombar ul a#uk {
	background:transparent url(/images/where/uk.gif) no-repeat scroll left top;
}

div.bottombar ul a#europe {
	background:transparent url(/images/where/europe.gif) no-repeat scroll left top;
}

div.bottombar ul a#israel {
	background:transparent url(/images/where/israel.gif) no-repeat scroll left top;
	width:111px;
}

div.bottombar ul a {
	display:block;
	height:254px;
	margin:0 14px 14px 0;
	width:156px;
}

ul.where {
	float:left;
	font-size:100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
	width:200px;
}

ul.where li {
	cursor:pointer;
	text-align:left;
}

div#mapholder {
	margin:0;
	padding:0;
}

div.maptext#london {
    left: 330px;
	top: 450px;
}
div.maptext#leeds {
    left: 270px;
	top: 310px;
}
div.maptext#manchester {
    left: 250px;
	top: 335px;
}
div.maptext#liverpool {
    left: 220px;
	top: 345px;
}
div.maptext#gateshead {
    left: 265px;
	top: 252px;
}
div.maptext#edinburgh {
    left: 210px;
	top: 203px;
}
div.maptext#glasgow {
    left: 175px;
	top: 199px;
}
div.maptext#russia {
    left: 260px;
	top: 40px;
}
div.maptext#belarus {
    left: 270px;
	top: 150px;
}
div.maptext#serbia {
    left: 150px;
	top: 370px;
}
div.maptext#bosnia {
    left: 100px;
	top: 420px;
}
div.maptext#croatia {
    left: 50px;
	top: 400px;
}
div.maptext#hungary {
    left: 150px;
	top: 320px;
}
div.maptext#slovakia {
    left: 150px;
	top: 290px;
}
div.maptext#czech-republic {
    left: 90px;
	top: 230px;
}
div.maptext#ma-alot {
    left: 65px;
	top: 66px;
}
div.maptext#safed {
    left: 335px;
	top: 54px;
}
div.maptext#carmiel {
    left: 286px;
	top: 78px;
}
div.maptext#haifa {
    left: 5px;
	top: 112px;
}
div.maptext#tiberias {
    left: 348px;
	top: 112px;
}
div.maptext#afula {
    left: 72px;
	top: 165px;
}
div.maptext#bet-shean {
    left: 333px;
	top: 204px;
}
div.maptext#netanya {
    left: 200px;
	top: 235px;
}
div.maptext#herzliyya {
    left: 189px;
	top: 276px;
}
div.maptext#ra-ananna {
    left: 208px;
	top: 274px;
}
div.maptext#kfar-saba {
    left: 206px;
	top: 285px;
}
div.maptext#tel-aviv-yafo {
    left: 178px;
	top: 301px;
}
div.maptext#kiryat-ono {
    left: 190px;
	top: 306px;
}
div.maptext#petach-tikva {
    left: 181px;
	top: 315px;
}
div.maptext#lod {
    left: 193px;
	top: 318px;
}
div.maptext#jerusalem {
    left: 268px;
	top: 367px;
}
div.maptext#bet-shemesh {
    left: 25px;
	top: 373px;
}
div.maptext#kiryat-malachi {
    left: 145px;
	top: 380px;
}
div.maptext#ashkelon {
    left: 141px;
	top: 392px;
}
div.maptext#kiryat-gat {
    left: 156px;
	top: 391px;
}
div.maptext#sderot {
    left: 146px;
	top: 426px;
}
div.maptext#beersheba {
    left: 181px;
	top: 525px;
}

/* Events */
div.result {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
div.resultImage {
    float: left;
    margin: 0px 10px 0px 0px;
}

#headerFb {
    padding:0px;
    margin:0px;
    float:right;
    
    position: relative;
}

#headerFb a {
    padding:0px;
    margin:0px;
    text-decoration: none;
    color:#FFFFFF;
    border:none;
    padding-left:10px;
    position: absolute;
    top: 2px;
    right: -30px;
    
}
iframe.twitter { position: absolute; right: -110px; top: 8px;}
#headerFb img {
    padding:0px 0px 0px 25px;
    display:block;
    float:left;
    text-decoration: none;
    color:#FFFFFF;
    border:none;"
}
/* FOOTER */

#ft {
	clear: both;
	background: transparent url(/images/home_footer.png) no-repeat scroll left top;
	font-size: 77%;
	padding-top: 10px;
	text-align: center;
	padding-top: 30px;
}