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

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 */
.audiojs1 {display: block; margin-left: auto; margin-right: auto;}
.center   {text-align: center;}
.hhonly {display: none; visibility: hidden;}
.hidden {visibility: hidden;}
.ingtool {float: left; width: 40%; text-align: left;}
.large    { font-size: 125%;}
.larger   { font-size: 150%;}
.largest  { font-size: 250%;}
.left , form div    {text-align: left;}
.left img {vertical-align: middle; margin-top: 2px;}
.marg0 {margin: 0;}
.medium   { font-size: 100%;}
.readonly {background-color: transparent; border: none; color: inherit;}
.right {text-align: right;}
.serif {font-family: serif;}
.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(153,255,204);}
.merchandise {list-style-type: none;}
.merchandise li {display: inline; white-space: nowrap;}
.technotes {font-family: sans-serif; font-size: 80%; text-align: left;}
.tashtab {margin-left: auto; margin-right: auto;}
.tashtab td {text-align: center; font-size: 100%;} /* only Opera seems to need this */
.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;}
  .olimcnt>li>a {display: table-cell; float: right;}
  .olimcnt a img {border: none;}
      
/* 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 {width: 1px; height: 1px;} /* Opera didn't handle display:none properly here */
}
@media print {
.noprint {display: none;}
.screenonly {width: 1px; height: 1px;} /* see printonly above */
html, body, a:link, a:visited, a.email:link {color: black; background-color: white;}
#salesarea, #storewall, #childrensarea {width: 320px; height: 224px;}
.tenpoint {font-size: 10pt;}
.twelvepoint, .twelvepoint div {font-size: 12pt;}
.twelvepoint h1 {font-size: 14pt;}
span.skype_pnh_print_container {display: inline !important;}
}

@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: rgb(0,96,0); background-color: rgb(153,255,204);}
.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%;}
form div {font-size: 80%;}
/* resume parsing for everyone here */