/* 
	1. home
	2. stepcarosel (slider)
	3. event (20100215)
	4. passover (20100328)
	5. shana tova (20110925)
*/
/* 1. home */
	body {
		background: #fff url("../img/home/bg.gif") repeat-x;
	}
	
	#video {
		width: 716px;
		margin-bottom: 10px;
	}
	#date {
		font-size:18px;
		color: #d4360d;
		font-weight: bold;
		text-align: left;
		margin:10px 0 6px 20px;
	}
	#video #videoContainer {
		float: right;
		padding: 17px 19px 0 0;
		width: 451px;
		height: 261px;
		margin: 3px -7px 0 0;
		background: url(../img/home/videobg.gif) no-repeat;	
	}
	
	#video #videoContainer .video_start {
		cursor: pointer;	
	}
	
	#video #videoContainer #videoflv {
		display:block;
		width:432px;
		height:243px;	
	}
	
	#video table {
		width: 245px;
		float: left;
		margin-top: 5px;
	}
	
	#video table tr {
		height: 66px;
		vertical-align: top;
	}
	
	#video table #videoTitle {
		padding: 11px 28px 0 0;
		width: 88px;
		height: 48px;
		font-size: 18px;
		font-weight: bold;
		color: #ab3000;
		line-height: 18px;
		background: url(../img/home/videotitlebg.gif) no-repeat;	
	}
	
	#video table img {
		display: block;
		margin-top: 5px;
	}
	
	#video table a, #video table a:visited, #video table a:active {
		direction: ltr;
		margin: 5px 4px 0 0;
		display: block;
		width: 109px;
		height: 53px;
		overflow: hidden;
		text-indent: -9999px;
		text-decoration: none;
	}
	#video #video_nadav { background: url(../img/home/video_nadav.jpg) no-repeat; }
	#video #video_omer { background: url(../img/home/video_omer.jpg) no-repeat; }
	#video #video_ehud { background: url(../img/home/video_ehud.jpg) no-repeat; }
	#video #video_gaia { background: url(../img/home/video_gaia.jpg) no-repeat; }
	#video #video_itai { background: url(../img/home/video_itai.jpg) no-repeat; }
	#video #video_ofek { background: url(../img/home/video_ofek.jpg) no-repeat; }
	#video #video_yanki { background: url(../img/home/video_yanki.jpg) no-repeat; }
	
	#video table a.selected {
		cursor: default;	
	}
	
	div.rightContent {
		text-align: right;
		float:right;
		width:440px;
	}
	div.declaration {
		width: 440px;
		padding: 0;
	}
	div.declaration h1 {
		position: relative;
		margin: 20px 24px 43px 0;
		width: 375px;
		font-size:22px;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		color: #ab3000;
		border-top: 1px solid #f9cd64;
		border-bottom: 1px solid #f9cd64;
		padding: 20px 0;
	}
	div.declaration h3 {
		background: url("../img/home/dot.gif") no-repeat 430px 16px;
		padding:10px 25px 5px 0;
		font-size:16px;
		font-weight:bold;
	}
	div.declaration h4 {
		background: url("../img/home/dot.gif") no-repeat 430px 5px;
		padding:0 25px 2px 0;
		font-size:14px;
		line-height: 18px;
		font-weight:bold;
	}
	div.declaration .font18 {
		font-size: 18px;	
	}
	
	div.leftContent {
		float: left;
	}
	
	div.leftContent a.envelope, div.leftContent a.envelope:active, div.leftContent a.envelope:visited {
		display: block;
		margin: 0 30px 0 0;
		width: 175px;
		height: 118px;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		background: url(../img/home/envelope.jpg) 0 0 no-repeat;
	} div.leftContent a.envelope:hover { background-position: 0 -118px; }
	
	div.leftContent #timeline {
		margin: 12px 0 0 0;
		padding: 20px 20px 20px 0;
		width:218px;
		height: 62px;
		background: url(../img/home/timebg.gif) repeat-y;
	}
	
	div.leftContent #timeline img {
		float: right;	
	}
	
	div.leftContent #timeline h3 {
		float: right;	
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;
		text-align: justify;
		margin: 12px 10px 0 0;
	}
	div.leftContent a.more, div.leftContent a.more:active, div.leftContent a.more:visited{
		width: 38px;
		font-weight: bold;
		font-size: 13px;
		padding-left:10px;
		margin: 0 0 0 40px;
		text-decoration:none;
		background:url("../img/home/arrow.gif") no-repeat 0 5px;
		color:#d4360d;
		float:left;
	}
	div.leftContent a.more:hover{
		background:url("../img/home/arrow_on.gif") no-repeat 0 5px;
		color:#000;
	}
/***end***/
/* 2. stepcarosel */
	#quote {
		float: right;
		width: 422px;
		height: 103px;
		margin-bottom: 10px;
		direction:ltr;
	}
	#stepholder {
		float: right;
	}
	.stepcarousel {
		position: relative;
		overflow: scroll;
		width: 375px;
		height: 103px;
		background-image:url("../img/slider/sliderbg.gif");
	}
	.stepcarousel .belt {
		position: absolute;
		left: 0;
		top: 0;
	}
	.stepcarousel .panel {
		float: left;
		overflow: hidden;
		width: 375px;
		height:103px;
		text-align:right;
		direction:rtl;
	}
	.stepcarousel .panel h2 {
		padding:1px 40px 0 0;
		font-weight:bold;
		color:#ca0203;
	}
	.stepcarousel .panel div.after {
		height:50px;
		width:375px;
		padding-top:6px;
	}
	.stepcarousel .panel div.after img {
		float:right;
		padding:5px 77px 0 10px;
	}
	.stepcarousel .panel div.after div.content {
		float:right;
		font-weight:bold;
		line-height:17px;
	}
	.stepcarousel .panel div.after div.signature {
		position:absolute;
		font-size:11px;
		font-weight:bold;
		color:#d4360d;
		top:33px;
		left:10px;
	}
	.stepcarousel .panel div.before {
		height:50px;
		width:375px;
		padding-top:3px;
	}
	.stepcarousel .panel div.before div.title {
		float:right;
		color:#ca0203;
		font-weight:bold;
		line-height:13px;
		padding:0 20px 0 0;
		font-size:13px;
	}
	.stepcarousel .panel div.before div.title span {
		font-size:12px;
	}
	.stepcarousel .panel div.before div.content {
		float:right;
		margin: 3px 20px 0 0;
		font-weight:bold;
		line-height:17px;
	}
	.stepcarousel .panel div.before a, .stepcarousel .panel div.before a:active, .stepcarousel .panel div.before a:visited{
		font-size: 13px;
		font-weight: bold;
		text-decoration:none;
		text-align: left;
		background:url("../img/home/arrow.gif") no-repeat 0 6px;
		color:#d4360d;
		width:80px;
		position:absolute;
		top:82px;
		left:10px;
		padding-left:10px;
	}
	.stepcarousel .panel div.before a:hover{
		background:url("../img/home/arrow_on.gif") no-repeat 0 6px;
		color:#000;
	}
	#leftNavBtn {
		background: url("../img/slider/sliderleft.gif") no-repeat;
		width:18px;
		height:49px;
		cursor:pointer;
		float:left;
		margin-top:27px;
	}
	#leftNavBtn.selected {
		background: url("../img/slider/sliderleft.gif") no-repeat;
		background-position: 0 -49px; 
		width:18px;
		cursor:pointer;
		height:49px;
	}
	#rightNavBtn {
		background: url("../img/slider/sliderright.gif") no-repeat;
		width:18px;
		height:49px;
		cursor:pointer;
		float:right;
		margin:27px 0 0 5px;
	}
	#rightNavBtn.selected {
		background: url("../img/slider/sliderright.gif") no-repeat;
		background-position: 0 -49px; 
		width:18px;
		cursor:pointer;
		height:49px;
	}
	
/***end***/
/* 3. event (20100215) */
	#event {
		width: 815px;
		position:relative;
		margin:0 auto;
		direction: rtl;
		font-size: 14px;
		line-height: 17px;
		visibility: hidden;
		color: #353434;
	}
	
	#event .top {
		width: 815px;
		height: 27px;
		overflow: hidden;
		background: url(../img/event/bg-top.gif) no-repeat;
	}
	
	#event .eveContent {
		width: 725px;
		font-weight: normal;
		color: #353434;
		padding: 0 45px 20px 45px;
		background: url(../img/event/bg-mid.gif) repeat-y;
	}
	
	#event .eveContent .redbold {
		color: #d4360d;
		font-weight: bold;
	}
	
	#event .eveContent #eveTop {
		width: 725px;
		padding-bottom: 8px;
		margin-bottom: 15px;
		border-bottom: 1px solid #fa9f00;
	}
	
	#event .eveContent #eveTop #mainTitle {
		margin: 10px 0;
	}
	
	#event .eveContent #eveTop #videoBox {
		float: right;
		width: 341px;
		height: 221px;
		padding: 14px 16px 0 0;
		background: url(../img/event/white-box-big.gif) no-repeat;
	}
	
	#event .eveContent #eveTop #videoBox #videoevent {
		cursor: pointer;
		width: 326px;
		height: 183px;
	}
	
	#event .eveContent #eveTop #imgBox {
		float: left;
		width: 324px;
		height: 235px;
		background: url(../img/event/white-box.gif) no-repeat;
	}
	
	#event .eveContent #eveTop #imgBox img {
		display: block;
		margin: 13px 14px 0 0;
	}
	
	#event .eveContent #eveTop #imgBox div {
		width: 309px;
		height:33px;
		margin: 6px 7px 0 0;
	}
	
	#event .eveContent #eveTop #imgBox div a, #event .eveContent #eveTop #imgBox div a:active, #event .eveContent #eveTop #imgBox div a:visited {
		float: right;
		width: 56px;
		padding-top: 5px;
		height: 28px;
		color: #000;
		font-size: 20px;
		line-height: 22px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background: #ffe6b0;
		margin-left: 4px;
		border-left: 1px solid #cfcfcf;
		border-right: 2px solid #d1c4a7;
	} #event .eveContent #eveTop #imgBox div a:hover { color: #fff; background: #ffa30b; }
	
	#event .eveContent #eveTop #imgBox div a.selected, #event .eveContent #eveTop #imgBox div a.selected:active, #event .eveContent #eveTop #imgBox div a.selected:visited {
		float: right;
		width: 56px;
		padding-top: 5px;
		height: 28px;
		color: #fff;
		font-size: 20px;
		line-height: 22px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background: #ffa30b;
		margin-left: 4px;
		border-left: 1px solid #cfcfcf;
		border-right: 2px solid #d1c4a7;
	} #event .eveContent #eveTop #imgBox div a.selected:hover { color: #fff; background: #ffa30b; }
	
	#event .eveContent #eveTop #imgBox div a.last, #event .eveContent #eveTop #imgBox div a.last:active, #event .eveContent #eveTop #imgBox div a.last:visited {
		width: 57px;
		margin-left: 0;
		border-left: none;
	}
	
	#event .eveContent #eveTop #imgBox div a.first, #event .eveContent #eveTop #imgBox div a.first:active, #event .eveContent #eveTop #imgBox div a.first:visited {
		border-right: none;
	}
	
	#event .eveContent #eveTop #secondTitle {
		margin: 12px 0 0 0;
		clear: both;
	}
	
	#event .eveContent #articles {
		width: 470px;
	}
	
	#event .eveContent #articles .article {
		width: 470px;
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 1px solid #fa9f00;
	}
	
	#event .eveContent #articles .articleSm {
		padding-bottom: 26px;
	}
	
	#event .eveContent #articles .article img {
		float: right;
		padding-left: 15px;
	}
	
	#event .eveContent #articles .article h4 {
		font-size: 17px;
		line-height: 19px;
		font-weight: bold;
		text-align: right;
		padding: 10px 5px 5px 0;
	}
	
	#event .eveContent #articles .article .arteveContent {
		padding-right: 5px;	
	}
	
	#event .eveContent #articles .article p {
		margin-bottom: 0;
		padding-bottom: 7px;
	}
	
	#event .eveContent #articles .article p.close {
		display: block;	
	}
	
	#event .eveContent #articles .article div.open {
		display: none;	
		text-align: justify;
	}
	
	#event .eveContent #articles .article div.open ul {
		padding: 20px 45px 0 30px;
	}
	
	#event .eveContent #articles .article div.open li {
		list-style: square;
		color: #d4360d;
		font-size: 17px;
		font-weight: bold;

		line-height: 19px;
		padding-bottom: 5px;
	}
	
	#event .eveContent #articles .article div.open li span {
		color: #353434;
	}
	
	#event .eveContent #articles .article h5 {
		font-size: 17px;
		font-weight: bold;
		line-height: 19px;
		padding-bottom: 5px;
	}
	
	#event .eveContent #articles .article img#event2b {
		float: left;
		margin: 0;
		padding:0 15px 0 0;
	}
	
	#event .eveContent #articles .article p.ident {
		margin-right: 40px;
		font-weight: bold;
		line-height: 20px;
		color: #d4360d;
		padding-bottom: 10px;
	}
	
	#event .eveContent #articles .article .link {
		height: 20px;
		overflow: hidden;
		padding-right: 5px;
	}
	
	#event .eveContent #articles .article a, #event .eveContent #articles .article a:active, #event .eveContent #articles .article a:visited {
		float: left;
		color: #e56500;
		font-size: 13px;
		font-weight: bold;
		padding: 0 0 0 10px;
		margin-top:0;
		background: url(../img/event/arrow_l_sm.gif) 0 6px no-repeat;	
	} #event .eveContent #articles .article a:hover { color: #ca0203; }
	
	#event .eveContent #quotes {
		float: left;
		width: 218px;
		margin-top: 7px;
	}
	
	#event .eveContent #quotes img {
		overflow: hidden;
		display: block;
	}
	
	#event .eveContent #quotes #orangemid {
		padding: 12px 0;
		background: url(../img/event/orange-mid.gif) repeat-y;	
	}
	
	#event .eveContent #quotes #orangemid .quote {
		padding: 0 30px 18px 0;	
		font-weight: bold;
	}
	
	#event .eveContent #quotes #orangemid .quote p {
		margin-bottom: 2px;
	}
	
	#event .eveContent #quotes #orangemid .quote div {
		text-align: left;
		color: #d4360d;
	}
	
	#event .bottom {
		width: 815px;
		height: 27px;
		overflow: hidden;
		background: url(../img/event/bg-bot.gif) no-repeat;
		margin-bottom: 15px;
	}
	
/***end***/

/* 4. passover (20100328) */
	#passover {
		display: block;
		width: 815px;
		height: 62px;
	}
/***end***/

/* 5. shana tova (20110925) */
	#shanatova {
		display: block;
		width: 815px;
		height: 70px;
	}
/***end***/