@charset "UTF-8";

.banner {
	background-image: url(Graphics/banner-slice.png);
	background-repeat: repeat-x;
	height: 63px;
	padding: 0px;
	width: 100%;
	margin: 0;
    position:relative;
}

/* css rollover for banner logo*/
#YiddishWit {
  display: block;
  width: 306px;
  height: 63px;
  background: url("Graphics/YiddishWit.png") no-repeat 0 0; 
  margin: 2px 0 0 30px;
  border: none;
}
#YiddishWit:hover { 
  background-position: 0 -63px;
}
#YiddishWit span {
  display: none;
}

img.tab { display: block; margin:2px 0 0 30px; border: none; }
img.end { display: block; margin: 5px 0 12px 0; border:none; }

/* NAVS */

div.nav { display:inline-grid; width:570px; justify-content:space-around; grid-template-columns: auto auto auto auto auto auto; position:absolute; top: 36px; left:335px; align-content:center; overflow:hidden; font-size:15px; } /* width:580px  */

.dot { visibility:hidden; }  

dot.here { visibility:visible; border:none; }

a.here  {
/* color: #9f119a; */
cursor: default !important;
pointer-events: none;
}
.pink { color: #C004C0; }  /* #9f119a; */

/* SUBNAVS  */

div.subnav { width:100%; margin-top:-12px; background-color:#fff;  border-top: 2px solid #AF5CB5; border-bottom: 2px solid #AF5CB5;}
li.subnav {display:inline; font-size:13px; margin:0;}
a.subnav:hover {color: #9f119a;}
.tri {font-size:18px; position:relative; top:2px; color:#9f119a; }

.translit {
	font-size:12px;
	line-height:80%;
	position:relative;
	top:-4px;
}

/*  BODY  */

body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-color: #eff5fa;  /* #f0f4f8; */
	margin: 0 0 0 0;
	padding-bottom:30px;
}

body.main {
	background-image: url(Graphics/alef-pattern.jpg);
}

.center {display:block; margin-right:auto; margin-left:auto;}

/* css rollover for Previous*/
#Prev {
  display: block;
  width: 72px;
  height: 120px;
  background: url("Graphics/Prev.png") no-repeat 0 0;
}
#Prev:hover { 
  background-position: 0 -120px;
}
#Prev span {
  display: none;
}

/* css rollover for Next*/
#Next {
  display: block;
  width: 72px;
  height: 120px;
  background: url("Graphics/Next.png") no-repeat 0 0;
}
#Next:hover { 
  background-position: 0 -120px;
}
#Next span {
  display: none;
}

/* grid for illustration */
div.illus { display:grid; width:857px; margin: 13px auto 0 auto; grid-template-columns: 72px 693px 72px; grid-column-gap:12px; }
    div.prev { float:right; padding-top:160px;}
    div.next { float:left; padding-top:160px; }

.pic {
	width: 691px;
	height: 448px;
	border: 1px solid #707070;
}

p {
	font-size:medium;
	line-height:1.4;
	text-align: left;
	margin-left:30px;
	margin-right:30px;
}

div.saying {
	background-color:#e6eef9;
	border-top:2px solid #b5c0cd;
	border-bottom:4px solid #a4b1c3;
	padding: 2px 0 5px 0;
	margin: 9px auto 0 auto;
	text-align:center;
}

.gridsay { display:grid; grid-template-columns: auto auto; text-align:center; margin: 0 auto; width:660px; }  

p.yiddish {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	direction: rtl;
}
p.transliteration {
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 4px;
	text-align: center;
}
p.english {
	font-style: normal;
	margin-top: 0px;
	margin-bottom:4px;
	text-align: center;
}

p.comment {
	text-align:center;
	width: 689px;
	margin: -5px auto 0 auto;
	padding:5px 4px;
	line-height:140%;
	font-size: 15px;
	background-color:#f3f4f9;
}
p.commentl {
	text-align:left;
	width: 689px;
	margin: -5px auto 0 auto;
	padding:5px 4px;
	line-height:140%;
	font-size: 15px;
	background-color:#f3f4f9;
}

p.source2 {
	font-size:14px;
	text-align:center;
	width: 691px;
	padding:4px;
	margin:-5px auto 15px auto;
	font-size: 14px;
}

p.box {
	width:678px;
	text-align:center;
	line-height:24px;
	margin: 3px auto 5px auto;
	padding: 5px 5px 7px 5px;
	background-color:#f3f4f9;
	border:double; border-color:#9fa4a8;
}

p.box1 {
	width:640px;
	text-align:center;
	line-height:24px;
	margin: -10px auto 3px auto;
	padding: 8px 5px 10px 5px;
	background-color:#F9F9F9;
	border:double; border-color:#9fa4a8;
}

.source {
	font-size: 14px;
}


/*  LINKS  */

a {
	font-weight: bold;
    color: #0031bf;
	text-decoration:none;
}

a:hover {
	color: #9f119a;
	font-weight: bold;
	text-decoration: none;
}

a.nav {
    display:inline-block
	color: #004cbf;
	font-weight:bold;
}
a.nav:hover {
	color: #9f119a;
	font-weight:bold;
}

a.reg {
	color: #0031bf;
	font-weight: bold;	
}

a.reg:hover {
	color: #9f119a;
	font-weight: bold;
}

a.btt {
	color:#333;
	font-weight:normal;
}

a.btt:hover {
	color:#666;
	font-weight:normal;
}

.btt {
	text-align:center;
	font-size:12px;
	margin-top:10px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-left:30px;
	text-align: left;
}

h2 {
	font-size: 20px;
	margin-top: 30px;
}

.bo {
    font-weight:bold;
}

.column1 {
	padding:4px 6px 1px 8px;
}
.column2 {
	font-size: 16px;
	text-align: left;
	padding: 3px 5px;
}
.column3 {
	font-size: 17px;
	font-style: italic;
	text-align: left;
 	padding: 3px 5px;
}
.column4 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	text-align: right;
	direction:rtl;
	padding: 3px 8px 3px 5px;
}
th {
	background-color:#dde9f7;
	font-style:normal;
	font-size:15px;
}

.rtl {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	direction:rtl;
}

.ims {
	font-size:11px;
}

.button {color: #fff; background-color:#1D5FBB; font-size:14px; border-radius:5px; padding: 7px 16px; box-shadow: 2px 2px 5px rgba(0,0,0,.4); letter-spacing:1px; }
.button:hover {background-color:#9A4099; box-shadow: 1px 1px 3px rgba(0,0,0,.3);} 

.footer {
	margin-top:-10px;
	margin-right: 20px;
    padding-bottom:15px;
	text-align:right;
	float: right;
}

/* css rollover for top*/
#YidWit
{
  display: block;
  width: 200px;
  height: 34px;
  background: url("Graphics/YidWit.png") no-repeat 0 0;
  margin: 10px 0px 12px 15px;
}
#YidWit:hover
{ 
  background-position: 0 -34px;
}
#YidWit span
{
  display: none;
}

/* css rollover for footer*/
#YidWitEnd
{
  display: block;
  width: 200px;
  height: 34px;
  background: url("Graphics/YidWit.png") no-repeat 0 0;
  margin: 5px 0px 12px 0px;
}
#YidWitEnd:hover
{ 
  background-position: 0 -34px;
}
#YidWitEnd span
{
  display: none;
}

.CC {
	font-size:13px;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*  .rime { color:#9A0052; font-size:11px; font-weight:bold; font-style:normal; padding: 1px 4px; border: 2px dotted #9A0052; border-radius:10px; }  */

a.tooltip {cursor:default; font-weight:normal; line-height:6px;} 
a.tooltip:hover {color:inherit;} 
a.tooltip span {z-index:10;display:none; font-size:14px; padding:8px 10px; margin-top:-65px; margin-left:5px; width:280px; line-height:130%; } 
a.tooltip:hover span { display:inline; position:absolute; color:#111; border:1px solid #B8BCCA; background:#fff;}