@charset "utf-8";
/* ================ */
/* = Page definitions = */
body { 
	margin: -3px; 
	padding: 0px;  
	/*background: #fc6;  */
	background: #ffe;
	font-family: Tahoma, Lucida, Geneva, Arial, sans-serif; 
	font-size: 100.1%; } 
#kolel { 
	width: 780px;
	margin: 3px auto;
	padding: 0px;
	display:block; 
	text-align: center;  
	/* background: #fc6; */
	background: #ffe; }
.zeroheight { 
	height: 0px;
	margin: 3px;
	padding: 0px; }
.name{
	height: 0px;
	margin:0px 0px 2px 0px;
	visibility:hidden;}
p.center {
	text-align:center;}

#cooltip{
position: absolute;
left: -300px;
right: -300px;
width: 260px;
height:130px;
color: #002;  
font-size: 90%;
border: 0px solid #9cc;
margin: 10px;
padding: 10px;
background: url(img/graphics/cool_bg_270.gif) top left no-repeat;
visibility: hidden;
z-index: 200;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid: Alpha(opacity=85);
opacity: 0.85;}

#coolimg{
position: absolute;
left: -300px;
right: -300px;
width: 260px;
height:130px;
color: #002;  
font-size: 90%;
border: 0px solid #9cc;
margin: 10px;
padding: 10px;
/*background: url(img/graphics/cool_bg_270.gif) top left no-repeat;*/
background:none;
visibility: hidden;
z-index: 200;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid: Alpha(opacity=90);
opacity: 0.90;}

#sopic{
position: absolute;
left: -300px;
right: -300px;
width: 240px;
height:320px;
color: #002;  
font-size: 90%;
border: 0px solid #9cc;
margin: 10px;
padding: 10px;
/*background: url(img/graphics/cool_bg_270.gif) top left no-repeat;*/
background:none;
visibility: hidden;
z-index: 200;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid: Alpha(opacity=100);
opacity: 1;}


#dhtmlpointer{
position:absolute;
left: -300px;
z-index: -200;
visibility: hidden;
} 

/* = Header definitions = */
#header { 
	width: 780px;
	height: 100px; 
	margin: 0px; 
	padding: 0px;
	border: solid blue 0px;
	background: transparent; }
	#logo_h{ 
		float: right; 
		margin: 0px;
		padding: 8px 0px 0px 0px;
		width: 155px; 
		height:100px;
		background: url(img/graphics/ptop_corner_h.gif) top right no-repeat; }
	#logotxt_h {
		float: right;
		width: 620px;
		height: 70px;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		border: solid blue 0px;
		background: transparent url(img/graphics/ptop_bar_h.jpg) top right no-repeat  ;  }
		#logotxt_h .logoimg {
			float: right;
			margin: 3px 0px 00px 0px;
			padding: 0px 0px 0px 0px; }	
		#logotxt_h .logotxt {
			float:none;
			margin: 48px auto 0px auto;
			padding: 0px 0px 0px 0px;
			color:#508;
			font-family: Tahoma, Lucida, Geneva, Arial, sans-serif;
			font-size:80%;
			font-weight: normal; }
		#logotxt_h .langswitch a{
			float:left;
			color:#009;
			font-family: Tahoma, Lucida, Geneva, Arial, sans-serif;
			font-size:80%;
			font-weight: normal;
			text-decoration:none;
			margin: 26px 0px 0px 20px;}
		#logotxt_h .langswitch a:hover{ color:#e00;}
	#logo_e{ 
		float: left; 
		margin: 0px 0px 0px 0px;
		padding: 8px 0px 0px 0px;
		width: 155px; 
		height:100px;
		background: url(img/graphics/ptop_corner_e.gif) top left no-repeat; }
	#logotxt_e {
		float: left;
		width: 620px;
		height: 70px;
		margin: 0px 0px -4px 0px; 
		padding: 4px 0px 0px 0px;
		border: solid red 0px;
		background: transparent url(img/graphics/ptop_bar_e.jpg) top left no-repeat  ;  }
		#logotxt_e .logoimg {float: left;}	
		#logotxt_e .logotxt {
			float:none;
			margin: 44px auto 4px auto;
			color:#508;
			font-family: Tahoma, Lucida, Geneva, Arial, sans-serif;
			font-size:80%;
			font-weight: normal; }
		#logotxt_e .langswitch a{
			float:right;
			color:#009;
			font-family: Tahoma, Lucida, Geneva, Arial, sans-serif;
			font-size:72%;
			font-weight: normal;
			text-decoration:none;
			margin: 20px 20px 0px 0px;}
		#logotxt_e .langswitch a:hover{ color:#e00;}
	#tracer_h {
		float:right;
		width: 600px;
		height: 15px; 
		margin: 5px 10px 0px 0px; 
		padding: 0px 0px 0px 0px; 
		font-size: 70%;
		border: solid green 0px; }
	#tracer_e {
		float: left;
		width: 600px;
		height: 15px; 
		margin: 5px 0px 0px 10px; 
		padding: 0px 0px 0px 0px; 
		font-size: 80%;
		border: solid green 0px; }
	#tracer_h ul, #tracer_e ul { margin: 0px; padding: 0px; }
	#tracer_h li { float:right; color: #66a; list-style:none; }
	#tracer_e li { float:left; color: #66a; list-style:none; }
	#tracer_h li.dark, #tracer_e li.dark{ font-weight: normal; color:#009}
	#tracer_h a, #tracer_e a { color: #66a; text-decoration: none; }
	#tracer_h a:hover,#tracer_e a:hover { color: #f00; }
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* --- END of Header --- */

/* = NAV definitions ============================================================================================== */
#nav_h { 
	clear: right; 
	float: right; 
	width: 140px; 
	margin: 3px  0px -400px 0px;
	padding: 0px; 
	text-align: right; }
#nav_e { 
	clear: left;
	float: left;
	width: 140px; 
	margin: 3px  0px -400px 0px; 
	padding: 0px; 
	text-align: left; }	
.nav { 
	padding: 0px; 
	margin: 0px;
	background-color: #ffe;
	line-height: 25px;
	font-size: 75%;
	color: #306; }
/*.nav .on { 
	padding: 0; 
	margin: 0px 0px 0px 0px;
	background-color: #fc6;
	line-height: 25px;
	font-size: 75%;
	color: #306; } */
.nav ul {
	width: 140px; 
	margin: 0px;
	padding: 0px; 
	display: block;
	background: #93c; }
.nav li { 
	width: 140px;
	padding: 0px; 
	margin: 0px;
	list-style:none; }
.nav li.lang { 
	margin: 0px 0 0 0; 
	padding-top: 30px; }
.subnav {
	line-height: 20px;
	width:120px;}
.subnav li{ 
	line-height: 20px; 
	margin: 0px 0 0 0;
	padding: 0;}
#nav_h .nav a { 
	display: block;
	height: 25px;
	margin: 4px 0 0 0;
	padding: 0px 12px 0px 0px; 
	background: #93c url(img/graphics/nav-frm.gif) top right no-repeat; 
	color:#ff3; 
	text-decoration: none; }
#nav_e .nav a { 
	display: block;
	height: 25px;
	margin: 4px 0 0 0;
	padding: 0px 0px 0px 12px; 
	background: #93c url(img/graphics/nav-frm.gif) top left no-repeat; 
	color:#ff3; 
	text-decoration: none; }
#menu .nav a.on, #menu .nav a.on:hover{ 
	font-weight: 600;
	color: #009; 
	background-color: #fe0; }
#menu li.head { 
	margin: 4px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: 115%; 
	color: #ff3;
	font-weight: bold;
	background: #93c url(img/graphics/proundtop.gif) top left no-repeat; }
#nav_h .subnav a{ 
	height: 20px;
	margin: 0px 6px 4px 8px;
	padding: 0px 12px 0px 0px;
	font-size: 90%;
	font-weight: normal;
	text-align:right;
	color:#009;
	background: #fdf url(img/graphics/nav_lbl_bg.gif) ;  }
#nav_e .subnav a{ 
	height: 20px; 
	margin: 0px 8px 4px 6px;
	padding: 0px 0px 0px 12px;
	font-size: 90%;
	font-weight: normal;
	text-align:left;
	color:#009;
	background: #fdf url(img/graphics/nav_lbl_bg.gif) ;  }
#nav_h .subnav .head2{  
	width: 130px;
	color: #fffcfc;  
	text-align:right;
	font-size: 90%;
	font-weight: 600; 
	margin: 0px;
	padding: 4px 10px 0px 0px; }
#nav_e .subnav .head2{  
	width: 130px; 
	color: #fffcfc; 
	text-align:left; 
	font-weight: 600; 
	margin: 0px;
	padding: 4px 0px 0px 10px; }
.nav li.tail { 
	width: 140px;
	height: 20px;
	padding: 0px; 
	margin: 2px 0px 0px 0px; 
	background: #ffe url(img/graphics/proundtail.gif) top left no-repeat; }
#nav_e #ivrit { margin-top: 9px; }
#nav_e .maplink{margin-top:16px; visibility:hidden; }	
#nav_h .maplink{ visibility:hidden; }
/* --- END of NAV --- 
========================================================================= */


/* ================
	 Content definitions   
	================ */
#content_h { 
	width: 625px;
	margin: 5px 150px 0px 0px; 
	padding: 0px; 
	background: transparent;
	text-align: right; }
#content_e {  
	width: 625px;
	margin: 5px 0px 0px 150px; 
	padding: 0px; 
	background: transparent;
	text-align: left;
	border:0px solid red; }
.gallery { text-align:center; border:0px solid red; height:240px; }
#title {
	margin: 0px; 
	padding: 0px;
	height: 30px;
	text-align: center;
	color:#649;
	font-family:"Comic Sans MS", Tahoma, sans-serif;
	font-size:120%; }
#front { 
	margin: 0px 20px 0px 0px; 
	padding: 0px; }
#content_h .ser-title { float: right; }
#content_e .ser-title { float: left; }
.group_title{
	text-align:center;
	color: #649; 
	font-size: 90%; 
	font-weight: normal;
	}
.group_num{
	color: #330066;  
	font-size: 80%; 
	font-weight: normal;
	}
/*.ser-title { 
	width: 55px;
	margin: 0px; 
	padding: 0px 10px;
	text-align:center;
 	color: #649; 
	font-size: 90%; 
	font-weight: bold; }
.ser-num { 
	color: #330066;  
	font-size: 80%; 
	font-weight: normal; } */
.ser-title-long { 
	color: #649; 
	margin: 0px 25px 6px 25px;
	font-size: 80%; 
	font-weight: bold; }
#content_h .cards { float: right; }
#content_e .cards { float: left; }
.cards { 
	width: 620px; 
	margin-left: 0px;
	padding:0px;
	text-align:center;
	border: 0px solid red; }
#content_h ul, #content_e ul {  
	width: 620px; 
	margin: 0px; 
	padding: 0px; }
#content_h li { float: right; list-style:none; }
#content_e li { float: left; list-style:none; }
#content_h ul li{ padding: 20px 25px 0px 0px;}
#content_e ul li{ padding: 20px 0px 0px 25px;}

#content_h .calendars, #content_e .calendars { 
 	margin: 0px; 
	padding: 0px; 
	text-align:center; }
#content_h .filler, #content_e .filler { 
 	margin: 0px; 
	padding: 0px;
	height:209px;  }
.new {
	color:#fc0;
	font-weight:bold;
	font-size:110%;

	}
.map .new {
	background-color:#FF0;
	color:#c00;
	text-decoration:blink;
	}

#content_e .notes_set{
	float:right;
	width:370px;
	/*height:240px;*/
	margin:0px 10px 32px 0;
	padding:0;
	border:0px solid blue; }
/*#content_e .notegroup{
	margin:0;
	padding:0;
	height:350px;
	background:url(img/notes/note_set_600.jpg) center  no-repeat; }
#content_h .notegroup{
	margin:0;
	padding:0;
	height:350px;
	background:url(img/notes/note_set_600h.jpg) center  no-repeat; } */
#content_e .gallery_notes{
	width:396px;
/*	float:left;*/
	clear:left;
	margin:0;
	padding:40px 0 0 0;
	border:0px solid red; }
#content_e .gallery_notes li{
	margin:15px 0 0 21px;
	padding:0;
	border:0px solid red; }
#content_e .gallery_notes li.topgap{
	margin-top:17px; }




/* ===============
	  Picture Switcher   
	=============== */
#container {
    position:relative;
	display:block;
    width:620px; 
    height:480px; 
    margin:0px auto 0px auto; 
	padding:0px;
    border:0px solid #aaa;}
#content_e #container .top{
	top:10px; 
    left:200px;}
#content_h #container .top{
	top:10px; 
    left:20px;}
#container .top{
	position:absolute;
	z-index: 1;
	width:402px;
	height:483px;
	background: #fcf3c0 url(img/calendars/letamid_jan-bg.jpg);
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#427;}
#container .top p{
	margin:60px 90px 20px 90px;
	border:0px solid blue;}

/* Hiding the preloaded pictures */
/*Temporarely disabled*/
/*#container a.gallery1 p, #content_e #container .gallery1 p a{ 
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:50px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}*/
#container a.gallery1 span, #container .gallery1 span a{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:26px; 
    left:730px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}
	
	



/*#container a.gallery1 span, #content_h #container .gallery1 span a{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:50px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}*/

/* styling the :hover span */

#content_e #container a.gallery1:hover span, #content_e #container .gallery1 span a:hover{
    position:absolute; 
	z-index: 20;
    width:402px; 
    height:483px; 
    top:10px; 
    left:200px; 
    background:#a99;
	margin:0px;
	border-width:0px;}
#content_h #container a.gallery1:hover span, #content_h #container .gallery1 span a:hover{
    position:absolute; 
	z-index: 20;
    width:402px; 
    height:483px; 
    top:10px; 
    left:20px; 
    background:#a99;
	margin:0px;
	border-width:0px;}
#container .ntxt {
	line-height:30px;}

/* set the size of the unordered list to neatly house the thumbnails & move the thumbnails into the correct position */
#content_e #container ul {
    width:180px; 
    height:500px;
	margin: 30px 0px 0px 0px;
	padding:0px;
    float:left;}
#content_h #container ul {
    width:180px; 
    height:500px;
	margin: 30px 0px 0px 0px;
	padding:0px;
    float:right;}
#content_e #container li {
    margin: 0px;
	padding: 0px;
	text-align:center;
    float:right;}
#content_h #container li {
    margin: 0px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
    float:left;}
#container li a {
	display:block;
	line-height:1px; }
#container a .txt{
	font-size:80%;
	line-height:30px;}
#container ins{
	color:#609;
	text-decoration:none;
	font-size:80%;
	line-height:30px;}
#container ins a:hover, #container a:hover ins {
	color:#a06;}



/* Adding the thumbnail images */
#container a.gallery1, #container a.gallery1:visited, #container .gallery1 a, #container .gallery1 a:visited {
    display:block; 
    text-decoration:none; 
    border:0px solid #999; 
    margin:0px; 
	padding:0px;
    text-align:center; 
    cursor:default;
	/*line-height:30px;*/

	height:30px; 
    width:80px;
	background:url(img/calendars/btr.gif); }
/* change the thumbnail border color */
#container a.gallery1:hover, #container .gallery1 a:hover {     
	background:url(img/calendars/btr1.gif);
	margin:0px;
	padding:0px; }


/* ==========================================
		Picture Switcher MAGIC (m) / YAMIT 2008-09 (y) / YAMIT 2010-11 (y11) / RAKUM 2009-10 (r10) / RAKUM 2010-11 (r11)
	======================================================================================== */
#container-m {
    position:relative;
	display:block;
    width:620px; 
    height:540px; 
    margin:0px auto 0px auto; 
	padding:0px;
    border:0px solid #aaa;}
/* מיקום התמונה הראשונית */
#content_e #container-m .top-m, #content_e #container-m .top-y, #content_e #container-m .top-y11, #content_e #container-m .top-r10, #content_e #container-m .top-r11{
	top:10px; 
    left:270px;}
#content_h #container-m .top-m, #content_h #container-m .top-y, #content_h #container-m .top-y11, #content_h #container-m .top-r10, #content_h #container-m .top-r11{
	top:10px; 
    left:100px;}
/*מקור וגודל התמונה הראשונית */
#container-m .top-m{
	position:absolute;
	z-index:1;
	width:250px;
	height:500px;
	background: #fcf3c0 url(img/calendars/magic0.jpg);
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
#container-m .top-y{
	position:absolute;
	z-index:1;
	width:250px;
	height:500px;
	background: #fcf3c0 url(img/calendars/yam08_0.jpg);
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
#container-m .top-y11{
	position:absolute;
	z-index:1;
	width:250px;
	height:500px;
	background: #fcf3c0 url(img/calendars/yam1011_0.jpg);
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
#container-m .top-r10{
	position:absolute;
	z-index:1;
	width:250px;
	height:500px;
	background: #fcf3c0 url(img/calendars/rakum0910_0.jpg);
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
#container-m .top-r11{
	position:absolute;
	z-index:1;
	width:250px;
	height:500px;
	background: #fcf3c0 url(img/calendars/rakum1011_0.jpg);
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
#container-m .top-m p, #container-m .top-y p, #container-m .top-y11 p, #container-m .top-r10 p, #container-m .top-r11 p{
	margin:60px 44px 20px 46px;
	border:0px solid blue;}

/* Hiding the preloaded pictures */
#content_h #container-m a.gallery1 span, #content_h #container-m .gallery1 span a{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:5px; 
    left:760px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}
#content_e #container-m a.gallery1 span, #content_e #container-m .gallery1 span a{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:0px; 
    left:-89px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}
	
	



/*#container-m a.gallery1 span, #content_h #container-m .gallery1 span a{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:50px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}*/

/* styling the :hover span */
/* מיקום וגודל התמונות המתחלפות */
#content_e #container-m a.gallery1:hover span, #content_e #container-m .gallery1 span a:hover{
    position:absolute; 
	z-index: 20;
    width:250px; 
    height:500px; 
    top:10px; 
    left:270px; 
    background:#a99;
	margin:0px;
	border-width:0px;}
#content_h #container-m a.gallery1:hover span, #content_h #container-m .gallery1 span a:hover{
    position:absolute; 
	z-index: 20;
    width:250px; 
    height:500px; 
    top:10px; 
    left:100px; 
    background:#a99;
	margin:0px;
	border-width:0px;}
#container-m .ntxt {
	line-height:30px;}

/* set the size of the unordered list to neatly house the thumbnails & move the thumbnails into the correct position */
/*  גודל ומיקום הכפתורים המפעילים את התמונות המתחלפות  */
#content_h #container-m ul {
    width:152px; 
    height:400px;
	margin: 30px 56px 0px 0px;
	padding:0px;
    float:right;
	border:0px solid red}
#content_e #container-m ul {
    width:152px; 
    height:400px;
	margin: 30px 0px 0px 56px;
	padding:0px;
    float:left;
	border:0px solid red;}

#content_e #container-m li {
    margin: 0px 2px 0px 4px;
	padding: 0px;
	text-align:center;
    float:right;}
#content_h #container-m li {
    margin: 0px 4px 0px 2px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
    float:left;}
#container-m li a {
	display:block;
	line-height:1px; }
#container-m a .txt{
	font-size:80%;
	line-height:30px;}
#container-m ins{
	color:#609;
	text-decoration:none;
	font-size:80%;
	line-height:30px;}
#container-m ins a:hover, #container-m a:hover ins {
	color:#a06;}



/* Adding the thumbnail images */
#container-m a.gallery1, #container-m a.gallery1:visited, #container-m .gallery1 a, #container-m .gallery1 a:visited {
    display:block; 
    text-decoration:none; 
    border:0px solid #999; 
    margin:0px; 
	padding:0px;
    text-align:center; 
    cursor:default;
	/*line-height:30px;*/
	height:30px; 
    width:150px;
	background:url(img/calendars/reka0.gif); }
/* change the thumbnail border color */
#container-m a.gallery1:hover, #container-m .gallery1 a:hover {     
	background:url(img/calendars/reka1.gif);
	margin:0px;
	padding:0px; }


/* ============================
		Picture Switcher for Stickers (S)
	==================================================================================== */
#container-s {
    position:relative;
	display:block;
    width:620px; 
    height:540px; 
    margin:0px auto 0px auto; 
	padding:0px;
    border:0px solid #aaa;}
/* מיקום התמונה הראשונית */
#content_e #container-s .top-s{
	top:10px; 
    left:240px;}
#content_h #container-s .top-s{
	top:10px; 
    left:80px;}
/*מקור וגודל התמונה הראשונית */
#container-s .top-s{
	position:absolute;
	z-index:1;
	width:300px;
	height:521px;
	font:90% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
	.lb101{background: #fcf3c0 url(img/exlib/el101-bg.jpg);}
	.lb102{background: #fcf3c0 url(img/exlib/el102-bgy.jpg);}

#content_h .top-s h2{
 	margin:235px 105px 0px 0px;
	font-family:"Times New Roman", Times, serif;}
#content_h .top-s p{
	margin:10px 75px 0px 0px;
	width:158px;
	border:0px solid blue;
	font-size:75%;}

#content_e .top-s h2{
 	margin:230px 0px 0px 100px;
	font-family:"Times New Roman", Times, serif;}
#content_e .top-s p{
	width:150px;
	margin:11px 0px 0px 77px;
	border:0px solid red;
	font-size:75%;}

/*.desc_h {
	position:absolute; 
	z-index: 20;
	width:180px; 
/*	height:266px; */
/*	top:320px; 
	left:540px; 
	background:#a99;
	margin:0px;
	border-width:0px;
	font:80% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;
	background:transparent;
/*	margin:20px 40px 0 0;
	float:right;
	width:180px; }*/
.lb101 .exp_e{
	float:left;
	width:300px;
	height:70px;
	text-align:center;
	margin:72px 0px 0px 0 ;
	background:url(img/exlib/exp-bg.jpg) no-repeat;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	font-size:1.25em;}
.lb102 .exp_e{
	float:left;
	width:300px;
	height:80px;
	text-align:center;
	margin:115px 0 0 0 ;
	background:url(img/exlib/exp-bg-102.jpg) no-repeat;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	font-size:1.25em;
	border:0px solid red;}
#content_e .exp_e h2 {
	width:300px;
	margin:0;}
#content_e .exp_e p {
	width:300px;
	margin:0;
	font-weight:bold;}	
.desc_h , .desc_e {
	font:80% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
/* Hiding the preloaded pictures */
#content_h #container-s a.gallery1 span, #content_h #container-s .gallery1 span a{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:5px; 
    left:760px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}
#content_e #container-s a.gallery1 span, #content_e #container-s .gallery1 span a{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:0px; 
    left:-89px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}

/* styling the :hover span */
/* מיקום וגודל התמונות המתחלפות */
#content_h #container-s a.gallery1:hover span, #content_h #container-s .gallery1 span a:hover{
    position:absolute; 
	z-index: 20;
    width:163px; 
    height:266px; 
    top:234px; 
    left:149px; 
    background:#a99;
	margin:0px;
	border-width:0px;}
#content_e #container-s a.gallery1:hover span, #content_e #container-s .gallery1 span a:hover{
    position:absolute; 
	z-index: 20;
    width:163px; 
    height:266px;  
    top:234px; 
    left:309px; 
    background:#a99;
	margin:0px;
	border-width:0px;}

#container-s .ntxt {
	line-height:30px;}

/* set the size of the unordered list to neatly house the thumbnails & move the thumbnails into the correct position */
/*  גודל ומיקום הכפתורים המפעילים את התמונות המתחלפות  */
#content_h #container-s ul {
    width:180px; 
    height:240px;
	margin: 200px 24px 0px 0px;
	padding:0px;
    float:right;
	border:0px solid red}
#content_e #container-s ul {
    width:180px; 
    height:240px;
	margin: 200px 0px 0px 24px;
	padding:0px;
    float:left;
	border:0px solid red;}

#content_e #container-s li {
    margin: 10px 2px 0px 4px;
	padding: 0px;
	text-align:center;
    float:right;}
#content_h #container-s li {
    margin: 10px 4px 0px 2px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
    float:left;}

#container-s li  img{
	border:none;}


#container-s li a {
	display:block;
	line-height:1px; }
#container-s a .txt{
	font-size:80%;
	line-height:30px;}
#container-s ins{
	color:#609;
	text-decoration:none;
	font-size:80%;
	line-height:30px;}
#container-s ins a:hover, #container-s a:hover ins {
	color:#a06;}



/* Adding the thumbnail images */
#container-s a.gallery1, #container-s a.gallery1:visited, #container-s .gallery1 a, #container-s .gallery1 a:visited {
    display:block; 
    text-decoration:none; 
    border:0px solid #999; 
    margin:0px; 
	padding:0px;
    text-align:center; 
    cursor:default;
	/*line-height:30px;*/
	height:65px; 
    width:80px;
	background:url(img/calendars/reka0.gif); }
/* change the thumbnail border color */
#container-s a.gallery1:hover, #container-s .gallery1 a:hover {     
	background:url(img/calendars/reka1.gif);
	margin:0px;
	padding:0px; }


/* ============================
		Picture Switcher for Note Cards (N)
	==================================================================================== */
#container-n {
    position:relative;
	display:block;
    width:620px; 
    height:350px; 
    margin:0px; 
	padding:0px;
    border:0px solid #aaa;
	background:url(img/notes/note_set_600.jpg) top center  no-repeat;}
#content_h #container-n {
	background:url(img/notes/note_set_600h.jpg) top center  no-repeat;}
#content_h .top-n h2{
 	margin:230px 100px 0px 0px;
	font-family:"Times New Roman", Times, serif;}
#content_h .top-n p{
	width:150px;
	margin:11px 77px 0px 0px;
	border:0px solid blue;
	font-size:75%;}
#content_e .top-n h2{
 	margin:230px 0px 0px 100px;
	font-family:"Times New Roman", Times, serif;}
#content_e .top-n p{
	width:150px;
	margin:11px 0px 0px 77px;
	border:0px solid red;
	font-size:75%;}
#content_e .exp_e h2 {
	width:300px;
	margin:0;}
#content_e .exp_e p {
	width:300px;
	margin:0;
	font-weight:bold;}	
.desc_h , .desc_e {
	font:80% Tahoma, Lucida, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#427;}
/* Hiding the preloaded pictures */
#content_h #container-n a.gallery5 span, #content_h #container-n .gallery5 span a{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:5px; 
    left:760px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}
#content_e #container-n a.gallery5 span, #content_e #container-n .gallery5 span a{
    position:absolute; 
    width:0px; 
    height:0px; 
    top:0px; 
    left:-89px; 
	margin:0px;
	padding:0px;
    overflow:hidden;}

/* styling the :hover span */
/* מיקום וגודל התמונות המתחלפות */
#content_h #container-n a.gallery5:hover span, #content_h #container-n .gallery5 span a:hover{
    position:absolute; 
	z-index: 20;
    width:225px; 
    height:300px; 
    top:25px; 
    left:38px; 
    background:#a99;
	margin:0px;
	border-width:0px;}
#content_e #container-n a.gallery5:hover span, #content_e #container-n .gallery5 span a:hover{
    position:absolute; 
	z-index: 20;
    width:225px; 
    height:300px;  
    top:30px; 
    left:355px; 
    background:#a99;
	margin:0px;
	border-width:0px;
	border:0px solid blue}

#container-n .ntxt {
	line-height:30px;}

/* set the size of the unordered list to neatly house the thumbnails & move the thumbnails into the correct position */
/*  גודל ומיקום הכפתורים המפעילים את התמונות המתחלפות  */
#content_h #container-n ul {
    width:330px; 
    height:330px;
	margin: 20px 20px 0px 0px;
	padding:0px;
    float:right;
	border:0px solid red}
#content_e #container-n ul {
    width:320px; 
    height:330px;
	margin: 10px 0px 0px 20px;
	padding:0px;
    float:left;
	border:0px solid red;}
#content_h #container-n li {
    margin: 10px 4px 0px 2px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
    float:right;}
#content_e #container-n li {
    margin: 0px 5px 5px 0;
	padding: 0px;
	text-align:center;
    float:left;}
.teur{
	margin: 0px 5px 5px 0;
	padding: 0px;
	width:220px;
	color: #336; 
	font-size: 90%; 
	font-weight: 500;
	text-align: left;
	border:0px solid red;}
.teur_h{
	margin: 0px 5px 5px 0;
	padding: 0px;
	width:220px;
	color: #336; 
	font-size: 90%; 
	font-weight: 500;
	text-align: right;
	border:0px solid red;}	
#container-n li  img{
	border:none;}
#container-n li a {
	display:block;
	line-height:1px; }
#container-n a .txt{
	font-size:80%;
	line-height:30px;}
#container-n ins{
	color:#609;
	text-decoration:none;
	font-size:80%;
	line-height:30px;}
#container-n ins a:hover, #container-n a:hover ins {
	color:#a06;}



/* Adding the thumbnail images */
#container-n a.gallery5, #container-n a.gallery5:visited, #container-n .gallery5 a, #container-n .gallery5 a:visited {
    display:block; 
    text-decoration:none; 
    border:0px solid #999; 
    margin:0px; 
	padding:0px;
    text-align:center; 
    cursor:default;
	/*line-height:30px;*/
	height:100px; 
    width:75px;
	background:url(img/calendars/reka0.gif); }
/* change the thumbnail border color */
#container-n a.gallery5:hover, #container-n .gallery1 a:hover {     
	background:url(img/calendars/reka1.gif);
	margin:0px;
	padding:0px; }


/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */


#content_h .cal li { 
	float: right; 
	margin: 0px 5px 0px 0px; 
	padding: 12px; }
#content_e .cal li { 
	float: left; 
	margin: 0px 0px 0px 5px; 
	padding: 12px; }
#front_ph {
	float: right; 
	margin: 0px 10px 0px 0px; }
#front_pe {
	float: left; 
	margin: 0px 0px 0px 10px; }
img.poster { 
	border-top: 1px solid #eee; 
	border-right: 2px solid #99a; 
	border-bottom: 2px solid #667; 
	border-left: 1px solid #ccc; }
img.poster1 { 
	border-top: 1px solid #eee; 
	border-right: 2px solid #99a; 
	border-bottom: 0px solid #667;
	border-left: 1px solid #ccc; }
img.poster2 { 
	border-top: 1px solid #766; 
	border-right: 2px solid #99a; 
	border-bottom: 2px solid #667;
	border-left: 1px solid #ccc; }
img.poster3 { 
	border-top: 0px solid #eee; 
	border-right: 1px solid #99a; 
	border-bottom: 1px solid #667; 
	border-left: 0px solid #ccc; }
img.poster0 { 
	border:none; }
img.poster00 { 
/*	border-top: 1px solid transparent; 
	border-right: 2px solid transparent; 
	border-bottom: 2px solid transparent; 
	border-left: 1px solid transparent;*/
	border: 2px solid transparent;  }
.explain_h	{ 
	color: #336; 
	font-size: 90%; 
	font-weight: 500; 
	margin: 0px;
	padding:70px; 
	text-align: right; }
.explain_e	{ 
	color: #336; 
	font-size: 90%; 
	font-weight: 500; 
	margin: 0px;
	padding: 40px; 
	text-align: left; }
.cal_top_txt_h{
	width:300px;
	height:100px;
	color: #336; 
	font-size: 85%; 
	font-weight: 500;
	text-align: right; }
.cal_top_txt_e{
	width:300px;
	height:100px;
	color: #336; 
	font-size: 90%; 
	font-weight: 500;
	text-align: left; }
.about_h	{ 
	margin: 0px;
	padding:40px;
	color: #336; 
	font-size: 90%; 
	font-weight: 500; }
.about_e	{ 
	margin: 0px;
	padding:40px;
	color: #336; 
	font-size: 95%; 
	font-weight: 500; }
.about_h .contact_h {
	margin-top: 0px;
	padding-top:50px;
	background: transparent url(img/graphics/cards3.jpg) top left no-repeat; }
.about_e .contact_e {
	margin: 20px -30px 0px 0px;
	padding-top:30px;
	background: transparent url(img/graphics/cards2.jpg) top right no-repeat; }
	.contact_e a, .contact_h a{ 
		font-size:110%;
		text-decoration:none;
		color: #639;
		font-weight:bold; }
		.contact_e a:hover, .contact_h a:hover{ 
		color: #c00;}
img.email {
	margin-top:0px;
	padding-top:2px;
	vertical-align:top; }
.haf { 
	margin: 15px 0px -15px 0px;
	padding: 10px 0px 3px 0px;
	clear: both; 
	text-align:center; }
.haf a {
	margin: 0px auto 0px auto;
	display:block;
	height:30px;
	width:120px;
	color: #649; 
	border:none;
	font-size: 70%; 
	font-weight: bold; 
	text-decoration: none; 	}
.haf a:hover { color: #f00; }
#update { 
	text-align:center;
	clear:both;
	margin-top:20px;
	font-size: 75%; 
	color: #649; }
#w3c{ 
	margin: 20px 0px 30px 0px;
	padding: 0px;
	border:none;
	text-align:center; }
#w3c a img{ border:none; }
.kituv{
	color:#649;
	text-align:center;
	font-size:80%;
	font-weight:bold;}
/* --- END of Content --- */

/* = FootNav definitions ======================================================================================== */
#content_h #footnav, #content_e #footnav {
	width:625px;
	height:1.2em;
	margin: 0;
	padding: 0 30px;
	font-size:medium;
	font-weight:normal;
	border:0px solid green;}
	#content_e #footnav ul {
		text-align:center;
		margin: 0 auto;
		padding: 0;}
		#footnav ul li{
			height:1.2em;
			padding: 0;
			color: #649;
			font-weight:bold;}
		#content_h #footnav ul li{
			float:right;
			margin: 0px 22px 0px 0px;
			font-size:80%;}
		#content_e #footnav ul li{
			float:left;
			margin: 0px 0px 0px 22px;
			font-size:90%; }
			#footnav ul li a{
				font-weight:normal;
				color: #649;}
				#footnav ul li a:hover{
					font-weight:normal;
					color: #d00;}
/* --- END of FootNav --- */

/* ================ 
=== Misgeret definitions ==
================= */
.misgeret { 
	width:620px;
	margin: 0px 0px 10px 0px;
	padding: 0px; 
	/*background: #f9f9fc;
	background: #fff6aa;*/
	background: #fffccc url(img/graphics/group_bg.jpg); }
.misgeret .hd { height: 20px; background: transparent url(img/graphics/dcorner-tl.gif) top left no-repeat; }
.misgeret .hd .c { height: 20px; background: transparent url(img/graphics/dcorner-tr.gif) top right no-repeat; }
.misgeret .bd { background: transparent url(img/graphics/dpix.gif) top left repeat-y; }
.misgeret .bd .c { margin: 0px; padding: 0px; background: transparent url(img/graphics/dpix.gif) top right repeat-y; }
.misgeret .ft { height: 20px; background: transparent url(img/graphics/dcorner-bl.gif) bottom left no-repeat; }
.misgeret .ft .c { height: 20px; background: transparent url(img/graphics/dcorner-br.gif) bottom right no-repeat; }

.misgeret:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.misgeret-t { 
	width:300px;
	height:70px;
	margin: -8px 0px 10px 0px;
	padding: 0px;

	/*background: #efe;
	background: #fff6aa;*/
	background: #ffb; }
.misgeret-t .hd { height: 20px; background: transparent url(img/graphics/dcorner-tl-e.gif) top left no-repeat; }
.misgeret-t .hd .c { height: 20px; background: transparent url(img/graphics/dcorner-tr-e.gif) top right no-repeat; }
.misgeret-t .bd { background: transparent url(img/graphics/dpix.gif) top left repeat-y; }
.misgeret-t .bd .c { margin: 0px; padding: 0px; 
				background: transparent url(img/graphics/dpix.gif) top right repeat-y; }
.misgeret-t .ft { height: 20px; background: transparent url(img/graphics/dcorner-bl-e.gif) bottom left no-repeat; }
.misgeret-t .ft .c { height: 20px; background: transparent url(img/graphics/dcorner-br-e.gif) bottom right no-repeat; }

.misgeret-t:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* --- END of Misgeret --- */

/* = A Link definitions =========================================================================================== */
#menu a:visited{ color:#ff9; }
#menu .subnav a:visited{ color:#009; }
#nav_h a:active{ 
	color:#ff9; 
	font-weight: 500;
	padding: 0px 12px 0px 0px; }
#nav_e a:active{ 
	color:#ff9; 
	font-weight: 500;
	padding: 0px 0px 0px 12px; }
#nav_h a:hover{ 
	color:#ff9; 
	background-color: #c3c; 
	font-weight: 500;
	padding: 0px 12px 0px 0px; }
#nav_h .subnav a:hover{ 
	color:#00f; 
	background-color: #f9f6ff; 
	font-weight: 500;
	padding: 0px 12px 0px 0px; }
#nav_e a:hover{ 
	color:#ff9; 
	background-color: #c3c; 
	font-weight: 500;
	padding: 0px 0px 0px 12px; }
#nav_e .subnav a:hover{ 
	color:#00f; 
	background-color: #f9f6ff; 
	font-weight: 500;
	padding: 0px 0px 0px 12px; }
#nav_e .lang a:hover{  
	background-color: #c3c; }
#nav_e a img, #nav_h a img{border:none;} 

/* --- END of A Link --- */

/* = Site Map definitions =========================================================================================== */
#content_e-m{
	width: 625px;
	margin: 6px 0px 0px 150px; 
	padding: 0px; 
	background: transparent;
	font-size:95%;
	text-align: left;}
#content_h-m{
	width: 625px;
	margin: 6px 150px 0px 0px; 
	padding: 0px; 
	background: transparent;
	font-size:90%;
	text-align: right;}
	#content_e-m .title, #content_h-m .title {
		text-align:center;
		margin: -20px auto 20px auto; }
	#content_e-m .map{
		width:600px;
		text-align:left;
		margin: 0px 25px 20px -15px;; }
	#content_h-m .map{
		width:600px;
		text-align:right;
		margin: 0px -15px 20px 25px; }
		#content_e-m li, #content_h-m li { 
			float: none;
			margin:0px 0px 12px 0px;
			font-size:105%;
			font-weight:bold;
			padding: 4px;
			list-style:none;
			white-space:nowrap;
			color:#60d;
			/*color:#74c;*/ }
		#content_e-m li a, #content_h-m li a{ 
			float:none;
			font-size:105%;
			font-weight:bold;
			color:#60d;
			/*color:#74c;*/}

			#content_e-m li li { 
				float: none;
				margin:8px 0px 0px -20px;
				font-size:100%;
				list-style:none;
				color:#080;
				/*color:#a7e;
				color:#999;*/ }	
			#content_h-m li li { 
				float: none;
				margin:8px -20px 0px 0px;
				font-size:100%;
				list-style:none;
				color:#080;
				/*color:#999;*/ }

				#content_e-m li li li, #content_h-m li li li{
					float:none;
					margin:0px;
					list-style:disc;
					font-size:95%;
					font-weight:normal;
					color:#034;
					/*color:#4929a9;*/ }

				#content_e-m li li li a, #content_h-m li li li a{
					float:none;
					margin:0px;
					list-style:disc;
					font-size:95%;
					font-weight:normal;
					color:#034;
					/*color:#4929a9;*/ }

					#content_e-m li li li li{
						float:left;
						margin:0px;
						font-size:90%;
						list-style:none;
						color:#779; }
					#content_e-m li li li li a{
						float:left;
						margin:0px;
						font-size:90%;
						list-style:none;
						color:#779; }

					#content_h-m li li li li{
						float:left;
						margin:0px;
						font-size:90%;
						list-style:none;
						color:#779; }
					#content_h-m li li li li a{
						float:left;
						margin:0px;
						font-size:90%;
						list-style:none;
						color:#779; }
	#content_e-m .toptxt a, #content_h-m .toptxt a{
		color:#f00; }
#content_e-m a:hover, #content_h-m a:hover{
	color:#d06; }
#nav_e .maplink, #nav_h .maplink{
	margin-top:24px; }	

/* --- END of Site Map --- */