<STYLE TYPE="text/css" >
<!--
@import url('https://fonts.googleapis.com/css?family=Alef');
body {
    font-family: 'Alef', sans-serif
}
        .ex3 {  padding: 10px; color:#339966 ;
                    text-align:center; 
                    
        }
#ex3main {
    font-family: 'Alef',sans-serif;
    font-size: 40px;
}

#ex4main {
    font-family: 'Alef',sans-serif;
    font-size: 30px;
}

#ex3sub {
    font: bold 12px 'Alef',sans-serif;
    text-transform: uppercase;
    border-top: 2px solid;
    padding: 4px;
    letter-spacing: 6px;
}

#more {display: none;}

H1 {
    font-size: 25pt;
    font-family: 'Alef';
    color ="#339966";
    text-align: right;
    direction: rtl
}
H2 {
    font-size: 15pt;
    font-family: 'Alef';
    color: blue;
    text-align: right;
    direction: rtl
}
H3 {
    font-size: 25pt;
    font-family: 'Alef';
    color ="#339966";
    text-transform: capitalize;
    text-align: left;
    direction: ltr
}
H4 {
    font-size: 15pt;
    font-family: 'Alef';
    color: blue;
    text-transform: capitalize;
    text-align: left;
    direction: ltr
}
LI {
    font-family: 'Alef';
    color: black;
    text-align: right;
    direction: rtl
}
.left-to-right {
       text-align: left; 
       direction: ltr;
       margin-left: 40px;
}
P.margin {margin-right: 1cm}
P.margin {margin-left: 1cm}
a:link    {color:#000099 ; text-decoration: none}
a:visited {color:#000099 ; text-decoration: none}
a:active  {color:mediumblue ; text-decoration: none}
a:hover   {color:mediumblue ; text-decoration: none}
.boxed {
  border: 2px solid black ;
}
-->
</STYLE>