body  {
background-color: #f8f8f8;
font-family: verdana, arial;
}

div  {
margin-top: 1cm; 
width: 600px; 
min-height: 600px; 
background-color: white; 
border: solid 1px lightgray;
}

h2  {
font-size: 1.1em;
color: #777; 
padding-top: .2cm;
letter-spacing: .18em;
}

h2.small  {
font-size: 1.1em;
letter-spacing: .8cm;
color: #777; 
padding-top: .2cm
}

                 /*    hebrew title  */
h1  {
text-align: center;
color: #36c; 
font-weight: 600; 
letter-spacing: .08cm;
word-spacing: .25cm;
}

h1.sec_title  {
margin-top: 2.5em; 
}


h4  {
text-align: left;
margin-top: 2cm;
margin-left: 2.5cm;
color: #666;

}

h1 span  {
border-bottom: dotted 3px #365;
}
                /*    end hebrew title   */
                
p  {
color: #666;
line-height: 1.8em;
}

table.link   {
font-size: .8em;
font-weight: 600;
}


table a   {
color: #666;
text-decoration: none;
}

table a:hover   {
color: orange;
text-decoration: none;
}

table a:active   {
color: green;
text-decoration: none;
}


p.explanations  {
margin: 1.5cm 2.5cm 1.5cm 2.5cm; 
text-align: left;
}

p.transformations  {
margin: 0.2cm 3cm 0.8cm 3cm;
text-align: left;
font-size: .8em;
line-height: 3.5em;
}

p.q  {
margin: 0.2cm 3cm 0.8cm 3cm; 
text-align: left;
font-size: .8em;
line-height: 1.2cm;
}

span.q  {
margin-left: 2cm;
}


p.hebrew  {
margin: -.3cm 2.5cm 0cm 2.5cm; 
direction: rtl;
text-align: right;
font-size: .8em;
}


p.english  {
margin: 0;
text-align: left;
font-size: .8em;
}

p.instructions  {
margin: -.3cm 2.5cm 0cm 2.5cm; 
text-align: left;
font-size: .8em;
}

p.instructions_spaced  {
margin: 1cm 2.5cm 1cm 2.5cm; 
text-align: left;
font-size: .8em;
}

p.inner_link  {
font-size: .8em;
color: #36c;
}

p.inner_link a {
color: #36c;
text-decoration: none;
}

p.inner_link a:hover  {
color: darkorange;
}

p.inner_link a:active  {
color: forestgreen;
}


p.navigation  {
font-size: .8em;
color: #36c;
margin: 0.8cm 1cm 0.8cm 1cm;
}

p.navigation a {
text-decoration: none;
}

p.navigation a:hover  {
color: darkorange;
}

p.navigation a:active  {
color: forestgreen;
}

p.copyright  {
text-align: center;
font-size: 13px; 
}

a  {
color: #36c; 
text-decoration: none;
}

a.start  {
text-decoration:none; 
color: white; 
background-color: red; 
padding: .3cm;
}

a.start:hover  {
background-color: darkorange; 
}

a.start:active  {
background-color: forestgreen; 
}

p.check  {
text-align: right;
font-size: .6em;
color: red;
margin: 0.8cm 1cm 0.8cm 1cm;
}