/* 25 July 2018  */


body {
	width:100%;
  	margin: 0px;
	padding:0px;
	border:0px;
  	background-color: #cce4ff;
	font-size:100%;
  }


h1{
   color:blue; 
   font-family:'Copperplate Gothic Light'; 
   font-size: 40px; 
  }

h3{
   color:blue; 
   font-family:'Copperplate Gothic Light'; 
   font-size: 30px; 
  }


p{font-family: 'Copperplate Gothic Light';
	font-size: 0.75em; 
 }



figcaption {color:blue;}


p.essay {
	text-align: justify;
	font-size: 1.3em;
	padding: 10px;
	width: 95%;
	}


p.essay_heb {
	font-size: 1.3em;
	text-align: right;
	padding: 10px;
	width: 95%;
	}


/*  font section  */

 @font-face{
		font-family: 'Keter YG'; 
		src: url('fonts/keteryg-boldoblique-webfont.ttf') format('truetype'),
			/* url('fonts/keteryg-boldoblique-webfont.woff') format('woff'), */
			/* url('fonts/keteryg-mediumoblique-webfont.ttf') format('truetype'), */
			/* url('fonts/keteryg-mediumoblique-webfont.woff') format('woff') */;
		unicode-range: U+0590-05FF;
		} 


:lang(he){
		font-family: 'Keter YG'; } 



a:link {text-decoration:none; color:#0000ff;} /* blue  */

a:visited {color: #800080;} /* purple  */

a:hover {color: #ff0000;}  /*  Red  */

a:active {color: #ff9900;}  /* orange  */


ul {font-family: 'Copperplate Gothic Light'; font-size: 0.9em;}

ol {font-family: 'Copperplate Gothic Light'; font-size: 0.8em;}


/*  dropdown menu  */

ul#drop {margin: 0 0 0 20px; width: 10em;}

ul#drop { position: relative; z-index: 597; left: 10px; top: 0px; }

ul#drop a { display:block; color: #000000; font-size: 1em; text-decoration: none;}
ul#drop a:link{color: #ffffff;}	/*  white  */
ul#drop a:visited{color: #800080;}  /* purple */
ul#drop a:hover{background-color:#b3b3ff;    /* lavender */
    color:#ff0000;		   /* red */	
    text-decoration:none;
    border-bottom:none;}

ul#drop a:active{
    background-color: #b3b3ff;
    color:#b22222;		  /* "fire Brick" (dark red) */
    border-bottom:none;}



ul#drop, ul#drop li, ul#drop ul { list-style-type: none; margin: 0; padding: 0; border: none; background: #b3b3ff; 
		color: #000000; font-family: 'Copperplate Gothic Light'; font-size: 0.9em;}
ul#drop li { float: left; line-height: 1.0em; vertical-align: middle; zoom: 1; padding: 2px 10px; }
ul#drop li.hover, ul#drop li:hover { position: relative; z-index: 599; cursor: default; background: #b3b3ff;}
ul#drop ul { visibility: hidden; position: absolute; top: 100%; left: 15px; z-index: 598; width: 165px; background: #b3b3ff; 
		border: none; }
ul#drop ul li { float: none; }
ul#drop ul ul { top: -2px; left: 100%; }
ul#drop li:hover > ul { visibility: visible } 


/*  end dropdown menu  */