body { background-color: #FFFF66;
 font-family:comic sans MS,helvetica,sans-serif; font-size:16px;  }

.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:100%; background-color:#00ff00;     } 

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

.cellhomePage {width:55%; height:600px;  }
.homePage-iFrame {width:100%; height:100%; background-color: #FFff00; }

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

.contentFormat { background: #CCFFFF; 
 font-family:comic sans MS,helvetica,sans-serif; font-size:20px;
 padding: 10px;  }
.contentText {font-size:16; }
<!-----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 
h2 {font-size:32px ; color:#FFFFFF ; background-color:green;
letter-spacing:+3px; align:center; }
h3 {font-size:16px ; color:#FFFFFF ; background-color:green;
letter-spacing:+3px; text-align:center; }
h4 {font-size:16 ;  color:green; background-color: #FFFFFF;text-align:center;}
h5 {font-size:12 ; 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: none;}
a:hover {font-weight: bold;}
a:visited {text-decoration: none;}


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



td.cell1 { font:bold; }  
td.cell2 { font-size:20px;  }  
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; }