BODY {background-color: #FFffbb; 
font-family:comic sans MS,helvetica,sans-serif; font-size:12px;  
}

<!-- background-color: #FFFF66; -->
<!-- #FFFF00 is BRIGHT yellow -->
<!-- #FFFF66 is  mellow yellow -->
<!-- #FFFFbb is  light yellow -->

<!-- #00ffff is light cyan -->
<!-- #FF0000 is bright red -->
 




.cellTopLogo  {width: 100%;   vertical-align:top; border-style: groove; } 
.logo-iFrame  {width:100%;   height:100%;   } 

.cellHebrewMenu {width:20%; height:100%;    vertical-align:top; } 
.HebrewMenu-iFrame  {width:100%; height:100%; color: #00ff00;  } 

.cellEnglishMenu {width:20%;    vertical-align:top;} 
.EnglishMenu-iFrame  {width:100%; height:1000px; 
background: PICTURES/journal_paper.gif; background-color:#00ff00;     } 

.cellBottom    {width:100%; height:80px;      } 
.Bottom-iFrame    {width:100%;     } 

.cellhomePage {width:55%; height:600px;  }
.homePage-iFrame {width:100%; height:100%;  
background-image:url(PICTURES/journal_paper.gif);
               background-repeat:repeat-y  }

.cellContent {width: 55% }
.Content-iFrame {width:100%; height:100%; }
<!--OLD BODY BACKGROUND...background-image: url(PICTURES/bg-texture.jpg); --> 


<!-- #CCFFFF is  light cyan background: #CCFFFF; -->
<!-- CONTENT FORMAT gives the format for the "main cell" of the central page -->
.contentFormat { background-image:url(PICTURES/journal_paper.gif);
               background-repeat:repeat-y ;
 font-family:comic sans MS,helvetica,sans-serif; 
 padding: 80px;  }
.contentText { }
<!--h1 - for main page heading
       h2 - for titles within the content/for main headings in menus
       h3 - for emphasized contents 
       h4 - for "fun" content
       h5 - for "asides" ------>
<!--{font-size:80px ;  color:red; background-color:#FFFFFF; letter-spacing:+3px;   }-->

h1 {font-size:20px ; text-align:center ; background-color:#FFFFFF; letter-spacing:+3px;   }
h2 {font-size:16px ; color:#FFFFFF ; background-color:#ffcc66;
letter-spacing:+3px; align:center; }
h3 {font-size:14px ; color:#FFFFFF ; background-color:orange;
letter-spacing:+3px; text-align:center; }
h4 {font-size:12 ;  color:green; background-color: #FFFFFF;text-align:center;}
h5 {font-size:14 ; color:red; }

li {font-size:14 ; color:maroon; }
p {font-size:14 ; }
form {font-size:12; top-padding:0;}
select {font-size:12; color:teal; width:90%}
option {font-size:12; color:teal;}

a:link {text-decoration: underline;}
A:hover {text-decoration: underline; }
a:visited {text-decoration: underline; color:#B93B8F;}




<!--             STYLES FOR GRAMMAR PAGE----------------->
body.puzzle {background:img src="PICTURES/bg-puzzle.jpg";}
table.grammar {border:0px ;   padding:5px; background-color:#F0F8FF;}
	td {border:1px solid black; padding:2 px; }
	.grammarTable {border:5px; padding:5px; bgcolor:#F0F8FF;}
<!-- F0F8FF is alice blue -->


td.cell1 { font:bold; }  
td.cell2 { font-size:14px;  }  
td.cell3 {  font-size:12px;    }  
td.head {column-span:4;  align:center;}
<!--  FROM E2L CSS--->




.EnglishMenu-iFrame  { vertical-align:top;  } 

.orangeCell {background-color:#FFA07A; }
.purpleCell {background-color:#BA55D3; }


.hebrewBody {width:95%; background:#66CDAA ;
     }
.hebrewh1 {font-size:48px; color:#191970; 
.hebrewh3 {font-size:22px; padding: 3px; background-color: #008080;
color:#FFFACD ;text-align: center;}


.hebrewTable {border:5 px; border-style: solid; background:#AFEEEE    ; padding:5 px; margin:20; align:center; }
.hebrewtd {border:2px; border-style:solid; background:grey;}
.hebrewth {border:2px; border-style:solid; background:white;}
.hebrewp {background:pink; padding-right:10px; font-size:18px; margin:5%;}
.hebrewContentText {font-size:24; }