/*מבנה העמוד הראשי הוא כדלקמן: דיב מרכזי ברוחב 800 ואחרי כן כותרת במיקום אבסולטי ולוגו. אחרי כן דיב שמכיל את 
    המסך המרכזי, רשימת הקישורים מימין ואת איזור הטקסט.
    שלושה כפתורי פוטר מאוירים ושורת פוטר נוספת מתחת לה
    כל הטקסטים נמצאים בעמוד אחד ועולים באמצעות שימוש ב JQuery
    14.07 רן בר-זיק
    
     */body /* הגדרה של פונט ודף מימין לשמאל */
        {
            direction: rtl;
            font-family: Arial;
        }
        .maincontent /* האיזור המרכזי של האתר, הגדרת שוליים */
        {
            margin-left: auto;
            margin-right: auto;
            width: 800px;
            overflow: hidden;
            margin-top: 1px;
        }
        h1.header /* הכותרת הטקסטואלית של האתר */
        {
            direction: rtl;
            text-align: left;
            display: inline;
            float: right;
            position: absolute;
            margin-right: 0px;
            margin-top: 20px;
            font-size: xx-large;
            font-family: Tahoma;
        }
        b.header
        {
             font-size: 39px;
              font-weight: 600;
        }
        
        h2
        {
            font-size: larger;
            direction: rtl;
             margin-top: 0px;
            
        }
        h3
        {
            font-size: 17px;
            direction: rtl;
        }
        img.header /*הלוגו שנמצא בכותרת האתר */
        {
            display: inline;
            text-align: left;
            margin-right: 550px;
            border: none;
        }
        div.mainbox /* הגדרת האיזור המרכזי של הדף - היכן שיש את הרקע והתפריט */
        {
            width: 800px;
            height: 310px;
            background-image: url(images/main_index3.jpg);
            background-repeat: no-repeat;
            overflow: hidden;
            background-position: center;
        }
        ul.mainmenu /* הגדרת הרשימה בלבד שבה יש את הקישורים לאיזורים השונים באתר */
        {
            list-style: none;
            margin-top: 9px;
        }
        li.mainheader /* הגדרת כותרת הרשימה */
        {
            list-style: none;
            position: relative;
            right: -20px;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
        }
        li.mainmenu /* הגדרת מיקומים וגודל פונט עבור רשימת התפריט */
        {
            margin-top: 10px;
            font-size: 17px;
        }
        a.mainmenu:link /*הגדרת פסאודו קלאס לקישורים שיש ברשימה */
        {
            color: #000000;
            text-decoration: none;
        }
        a.mainmenu:visited /*הגדרת פסאודו קלאס לקישורים שיש ברשימה */
        {
            color: #000000;
            text-decoration: none;
        }
        a.mainmenu:hover /*הגדרת פסאודו קלאס לקישורים שיש ברשימה */
        {
            color: #000000;
            text-decoration: underline;
            font-weight: bold;
        }
        a.mainmenu:active /*הגדרת פסאודו קלאס לקישורים שיש ברשימה */
        {
            color: #000000;
            text-decoration: none;
        }
        div.fbutton1 /* הגדרת כפתור פוטר השמאלי ביותר */
        {
            width: 245px;
            height: 110px;
            background-image: url(images/left_button_index.jpg);
            background-repeat: no-repeat;
            overflow: hidden;
            background-position: center;
            margin: 10px 9px 0px 0px;
            float: left;
        }
        div.fbutton2 /* הגדרת כפתור הפוטר האמצעי */
        {
            width: 245px;
            height: 110px;
            background-image: url(images/middle_button_index.jpg);
            background-repeat: no-repeat;
            overflow: hidden;
            background-position: center;
            margin: 10px 9px 0px 23px;
            float: left;
        }
        div.fbutton3 /* הגדרת כפתור פוטר הימני ביותר */
        {
            width: 245px;
            height: 110px;
            background-image: url(images/right_button_index.jpg);
            background-repeat: no-repeat;
            overflow: hidden;
            background-position: center;
            margin: 10px 0px 0px 9px;
        }
        h2.fbutton /* הגדרת הכותרות שיש בכפתור פוטר */
        {
            text-align: right;
            margin: 5px 5px 2px 100px;
        }
        p.fbutton /* הגדרת הפסקאות שיש בכפתור הפוטר */
        {
            text-align: right;
            margin: 2px 10px 2px 100px;
            font-size: small;
        }
        div.footer /* מכיל את הפוטר הטקסטואלי */
        {
            text-align: center;
        }
        ul.footer /* הגדרת השוליים בין הפוטר הטקסטואלי לשורת כפתורי הפוטר */
        {
            margin-top: 1px;
        }
        li.footer /* הגדרת הרשימה של הפוטר הטקסטואלי כולל קביעה שהרשימה תהיה אופקית  */
        {
            font-size: small;
            color: #6B6A6A;
            margin: 0px 2px 0px 2px;
            display: inline;
        }
        a.footer:link /*הגדרת פסאודו קלאס לקישורים שיש בפוטר */
        {
            text-decoration: none;
            color: #6B6A6A;
        }
        a.footer:visited /*הגדרת פסאודו קלאס לקישורים שיש בפוטר */
        {
            text-decoration: none;
            color: #6B6A6A;
        }
        a.footer:hover /*הגדרת פסאודו קלאס לקישורים שיש בפוטר */
        {
            text-decoration: underline;
            color: #6B6A6A;
        }
        a.footer:active /*הגדרת פסאודו קלאס לקישורים שיש בפוטר */
        {
            text-decoration: none;
            color: #6B6A6A;
        }
        div.iecontentlist /* כנ"ל, אין מה לעשות... חייבים לפצל לשני דיבים במקרה הזה ולקבוע רוחב על מנת שיראה טוב באקספלורר */
        {
            display: inline;
            float: right;
            width: 200px;
        }
        .content /*  קובע את הפסקה שיש בתוכן ומעלים את כל הדיבים */
        {
            margin-top: 10px;
            margin-right: 230px;
            margin-left: 260px;
            display: none;
            font-weight: normal;
        }
        .selected /* קובע איך הקישור שנבחר יראה */
        {
            font-weight: bold;
        }
        ul.upper_menu
        {
            padding: 75px 0px 2px 0px;
            margin: 0px 0px 5px 0px;
            display: block;
            position: absolute;
            direction: rtl;
            width: 500px;
            border: none;
        }
        ul.upper_menu li
        {
            display: inline;
            margin: 0px 0px 0px 7px;
            background-color: #FFD420;
            padding: 0px 0px 0px 0px;
            font-family: arial;
            font-weight: bold;
            border: outset 0px Black;
        }
        ul.upper_menu li a
        {
            text-decoration: none;
            color: Black;
            margin-right: 13px;
            margin-left: 6px;
            padding: 0px 0px 0px 0px;
        }

        ul.upper_menu li img
        {
            margin: 0px 0px 0px 0px;
            padding: 2px 0px 0px 3px;
            border: none;
        }
        div.content a
        {
            border: none;
            float: left;
            background-image: url(images/ex_button.gif);
            width: 150px;
            height: 50px;
            text-decoration: none;
        }
        div.content a:hover
        {
            background-image: url(images/ex_button_on.gif);
        }