@charset "UTF-8";
html, body {background-color: rgb(255,204,153); color: maroon;}
a:link {color: rgb(204,0,0); background-color: transparent;}
a:visited, a.email:link {color: maroon; background-color: transparent;}
#hours {border-color: maroon;} /* IE defaults to white */
hr { height: 3px; background-color: maroon; color: rgb(153,0,0);}
     /* shouldn't need to specify color but Windows IE seems to use that
     attribute rather than background-color. If I specify both as maroon,
     W3C validator gives a warning, so just pick color closest to maroon */

body {font-family: "Comic Sans MS", sans-serif; font-size: 125%;}
caption { font-weight: bold; margin-left: auto; margin-right: auto;}
div { text-align: center; }
.altspell {   display: none; visibility: hidden;} /* WebTV ignores display:none */
.center   {text-align: center;}
.hhonly {display: none; visibility: hidden;}
.hidden {visibility: hidden;}
.large    { font-size: 125%;}
.larger   { font-size: 150%;}
.largest  { font-size: 250%;}
.left     {text-align: left;}
.left img {vertical-align: middle; margin-top: 2px;}
.medium   { font-size: 100%;}
.small    { font-size: 80%;}

#address {float: left; width: 33%; margin-left: auto; margin-right: auto;}
#address2, #address3 {float: left; width: 48%; vertical-align: top;}
#afterintro {clear: both;}
#award { float: right; width: 33%;}
#award2 {float: left; width: 48%; vertical-align: top;}
#awardcaption {font-size: 80%;}
#box1 {width: 100%; overflow: auto; padding-top: 1px;}
#box1r {float: right; width: 66%;}
#box2 {font-size: 80%; vertical-align: top; width: 100%;}
#box2l {float: left;  width: 48%; vertical-align: top;}
#box2r {float: right; width: 48%; vertical-align: top;}
#hours { /* Border info ignored by NN4 on Mac */
       text-align: center;
       margin-left: auto; /* margin-left: & -right:auto center the table */
       margin-right: auto;
       border-width: 1px;
       border-style: solid;
       border-collapse: collapse;
       }
#hours td { /* Border info ignored by NN4 on Mac */
       border-width: 1px;
       border-style: solid;
	     text-align: center; /* needed by IE5 on Mac */
	     font-size: 80%;
       }
#logo {float: left; width: 33%; vertical-align: top;}
#logo50 {float: left; width: 45%; vertical-align: top;}
#box1r50 {float: right; width: 54%;}
#storewall, #salesarea {border-bottom: 2px solid rgb(255,204,153);}
.merchandise {list-style-type: none;}
.merchandise li {display: inline; white-space: nowrap;}
.technotes {font-family: sans-serif; font-size: 80%; text-align: left;}
.tisha, .tisha2, .tisha2 hr, #tishaid {color: white; background-color: black;}
.tisha2 a:visited, .tisha2 a.email:link {color: white; background-color: transparent;}
.tisha2 a:link {color: rgb(192,192,192); background-color: transparent;}
.tisha2 #hours {border-color: white;}
.vocheb {font-family: David, "New Peninim MT", "David CLM", ClearlyU; font-size: 1.2em;}
.whitepre {white-space: pre;}

.olim li {clear: both;}
.olim {margin-bottom: 5px;}
.olim img {margin-right: 40px;}
/*/*/ .olim img {float: left; margin-top: 2px;} /* */
.olimcnt>li>span:before, .autocnt:before {counter-increment: itemno; content: counter(itemno) ". ";}
ol.olimcnt {counter-reset: itemno; display: table;}
  .olimcnt>li {list-style-type: none; display: table-row;}
  .olimcnt>li>img {display: table-cell; float: right;}
  .olimcnt li {margin-bottom: 2px; clear: both;}
  .olimcnt>li>span {display: table-cell; vertical-align: middle;}
      
/* Caio hack follows - hide rules from NN4 */
/*/*/ a{}
.toplinks a {white-space: nowrap; margin-right: 1.5em;}
.booklist {list-style-type: none}
.merchandise li {padding-left: 1.5em; }
.nn4only {display: none; visibility: hidden;}
#divhourx { vertical-align: top;}
#hebdate {vertical-align: top;}
img#imgaward {float: left;}
img#imglogo {float: right;}
#merchdiv {margin-left: -3em;}
img.floatleft {float: left; margin-top: 2px;}
.clearboth {clear: both;}
.noprint form, .noprint p {display: inline;}
/* I believe a bug in IE4 closes the stylesheet after this comment, exactly what I want **/

@media screen {
.printonly {display: none;}
}
@media print {
.screenonly, .noprint {display: none;}
html, body, a:link, a:visited, a.email:link {color: black; background-color: white;}
}

@media handheld {
.hhno, .printonly {display: none;}
.hhonly {display: block; visibility: visible;}
body, div, table, .nn4kludge, #hhkludge, .tabhours td, #box2, .merchandise {font-size: 100%;}
.nn4kludge {margin-left: auto; margin-right: auto; width: 100%;}
#address, #address2, #address3 {margin-left: auto; margin-right: auto; font-size: 100%; float: none; width: 100%;}
#award, #award2, #logo, #logo50, #box2l, #salesarea, #childrensarea, #storewall {display: none;}
#box1r, #box1r50, #box2r {float: none; width: 100%;}
#dayenulogo {width: 120px; height: 45px;}
.hhsmall, #hhkludge2 {font-size: 90%;}
#merchdiv {margin-left: -1.5em;}
.toplinks a {margin-right: .1em;}
}

@media tv {
.printonly {visibility: hidden;}
body {font-size: 80%;}
.tabhours td {font-size: 50%;}
.normdiv {font-size: 80%;}
.hhonly {display: none; visibility: hidden;}
.merchandise li {list-style-type: none; margin: 0px; position: relative;}
#logo     {float: none;    position: absolute; top: 0px; left:  48px; width:  90px;}
#box1r    {float: none;    position: absolute; top: 0px; left: 138px; width: 406px;}
#logo50   {float: none;    position: absolute; top: 0px; left:  98px; width:  90px;}
#box1r50  {float: none;    position: absolute; top: 0px; left: 188px; width: 356px;}
#address  {font-size: 80%; position: absolute; top: 0px; left: 132px; width: 232px;}
#address2, #address3 {font-size: 80%; position: absolute; top: 0px; left:   0px; width: 232px;}
.nn4kludge {font-size: 80%; position: absolute; top: 80px; left:   0px; width: 232px;}
#award    {float: none;    position: absolute; top: 0px; left: 364px; width: 180px;}
#award2   {float: none;    position: absolute; top: 0px; left: 226px; width: 180px;}
#awardcaption {font-size: 50%;}
#afterintro {font-size: 80%;}
#box2l {float: none; position: absolute; top: 0px; left:   0px; width: 272px;}
#box2r {float: none; position: absolute; top: 0px; left: 272px; width: 272px;}
#box2lp2 {padding-top: 10px;}
#dayenulogo {width: 144px; height: 54px;}
#divhourx, #hours td, #hours caption {font-size: 80%;}
#merchdiv {display: block; visibility: visible; margin-left: 0;}
#merchdivalt {display: none; visibility: hidden;}
#imgaward {width: 180px; height: 120px; float: none;}
#imglogo {width: 97px; height: 146px; float:none;}
#salesarea, #storewall, #childrensarea {float: none; width: 270px; height: 189px;}
#hhkludge2, #hebdate {font-size: 50%;}
#tvkludge1 {font-size: 80%;}
}
/* Okay we can now let everyone including nn4 see the rest */

/* anti-Caio hack follows - because of a bug, NN4 will read the following nominally redundant rules */
/*/*/    /*/
body {font-size: 60%}  div{font-size: 100%;}
.printonly {display: none;}
body {font-family: "NeText", "Times New Roman", "MosiacFixed", "Times";}
#afterintro {font-size: 125%;}
div, td, caption {color: maroon; background-color: rgb(255,204,153);}
.tisha2 div, .tisha2 td, .tisha2 caption {color: white; background-color: black;}
.nn4kludge, #nn4a {font-size: 125%;}
a.anchor {text-decoration: none;}
#award2 {float: right; width: 45%;} #address2 {width: 55%;} #address3 {font-size: 80%;}
#box1 {float: none; font-size: 80%; vertical-align: top;}
#hhkludge2 {font-size: 60%;}
#hours td, #hours caption {font-size: 125%;}
.merchandise li {display: none;} .merchandise {font-size: 125%;}
/* resume parsing for everyone here */