/*
   Normal Cascading Style Sheet is vertically divided in two columns using a table:
   Menu Column is 20% wide, inner text is vertically aligned to top,
     background color is gray, and text color is white.
   Text Column is 80% wide, inner text is vertically aligned to top,
     background color is light blue, and text color is navy.
*/
   td.menu	{width:20%;vertical-align:top;
   		background-color:gray;color:white}
   td.text	{width:80%;vertical-align:top;
		background-color:lightblue;color:navy}
/*
   Menu column is composed of main textual/iconal links:
   Each menu item is of type header-2 having no top or bottom margins.
   Textual link is white with black background, streched 100% of column width.
   Link has no underline decoration but a 1px solid white line is drawn down
   used as a graphical seperator. link hover is yellow with a gray background.
   Icon is floating to the back end of text, depending of Menu-column's direction.
   Icon has no visible borders, and streches 50% of column width.
*/
   h2.menu	{margin-top:0;margin-bottom:0}
   a.menu	{color:white;background-color:black;
		width:100%;text-decoration:none;
		border-bottom:1px solid white;}
   a.menu:hover	{color:yellow;background-color:gray}
   img.hebrew-icon	{float:left;border:0;width:50%}
   img.english-icon	{float:right;border:0;width:50%}
/*
   Text Column is the main screen:
   All Headers are bi-directionally margined, 1cm on each side.
*/
   h1.text	{margin-left:1cm;margin-right:1cm}
   h2.text	{margin-left:1cm;margin-right:1cm}
   h3.text	{margin-left:1cm;margin-right:1cm}
/*
   All paragraphs are bi-directionally margined, 1cm on each side,
   and first lines are 0.8cm indented.
*/
   p.text	{text-indent:0.8cm;margin-left:1cm;margin-right:1cm}

/*
   All inline links are black with default underline.
   Link hover increases font size 150%, and text decoration underline is removed.
*/
   a.text	{color:black}
   a.text:hover	{font-size:150%;text-decoration:none}
/*
   Images float to the back end of text depending on Text-column's direction.
   Images have 1px border, and 10px horizontal and vertical paddings.
   Images take 40% width of the text column.
*/
   img.hebrew	{float:left;border:0;width:40%;
		 hspace="10";vspace="10"}
   img.english	{float:right;border:1;width:40%;
		 hspace="10";vspace="10"}
   div.hebrew	{float:right;width:40%;margin:0 0 0 0; padding:10px;border:none;text-align:center}
   div.english	{float:left;width:40%;margin:0 0 0 0; padding:10px;border:none;text-align:center}
/*
   Some pages would have a horizontally aligned sub-menu within Text Column.
   This is performed using an unordered list option.
   Text floats to the front end of the line using 100% of text-column's width.
   No padding, no marging, or no list-style-type are used.
*/
   ul.ltr	{float:left;width:100%;padding:0;margin:0;list-style-type:none;}
   ul.rtl	{float:right;width:100%;padding:0;margin:0;list-style-type:none;}
   a.ltr	{float:left;width:6em;text-decoration:none;color:white;background-color:purple;
		 padding:0.2em 0.6em;border-right:1px solid white;}
   a.rtl	{float:right;width:6em;text-decoration:none;color:white;background-color:purple;
		 padding:0.2em 0.6em;border-left:1px solid white;}
   a.rtl:hover	{background-color:#ff3300}
   a.ltr:hover	{background-color:#ff3300}
   li.submenu		{display:inline}
/*
   Some text is irregulary aligned:
*/
   div.right	{text-align:right}
   div.left	{text-align:left}
   div.center	{text-align:center}