﻿
    /* CSS Document */
* {
  box-sizing: border-box;
}
body {
  padding:0px; margin:0px; background:#124758; color:#fff; font:10px/14px Tahoma, Geneva, sans-serif
   }
.header {
          width:1000px; 
          height:250px;
          position:relative; 
          margin:5px 20px 20px 300px; 
          background:url(../images/b_header.jpg) 0 0 no-repeat;
          top: 0px;
          left: 0px;
          }

 .header img#logo
          {
             position:absolute; 
             top:175px; 
             left:104px

          }*
    .header ul.menu{
               position:absolute;
               top:35px; 
               left:76px; 
               width:645px;
               }      
            
}
        




/* body
 {
     padding:0px; margin:0px; background:#124758; color:#fff; font:10px/14px Tahoma, Geneva, sans-serif
      
 } 
*/

div, p, ul, h2, h3, h4, img {
    padding: 0px;
    margin: 0px;
    font-family: Arial;
}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#fff; text-decoration:underline;}
p a:hover{ color:#fff; text-decoration:none;}

.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#15d2ef; font-weight:bold}

/*
 .window
        {
         width:100%; 
        /* position:relative; margin:0 auto 0 303px;
         top: 0px;
         left: 0px;
        height: auto;
         }  

    .window .main {
        width: 950px;
        margin: auto;
         }
     .window .main .leftPan {
            width: 150px;
            float: left;
            border: 2px solid white;
            height:1500px;

           }
        .window .main .left .leftPanContainer {

            margin: 0px 0px 10px 10px;
            float: left;

        }
        .window .main .rightPan {
            width: 710px;
            float: left;
        }

        .window .main .rightPan .header
          {
          width:800px; 
          height:301px;
          position:relative; 
          margin:5px 20px 20px 5px; 
          background:url(../images/b_header.jpg) 0 0 no-repeat;
          top: 0px;
    left: 0px;
} 
         .header img#logo
          {
             position:absolute; 
             top:175px; 
             left:104px

          }*
          
          .header ul.menu{
               position:absolute;
               top:35px; 
               left:110px; 
               width:600px
               }
.window .main .rightPan .contents {
                width:790px; 
                position:relative; clear:both; margin: 0 auto;
                top: 0px;
                left: 0px;
                height: 888px;
                }

.DepartmentsList {
    border: medium 1px solid;
    text-align: justify;
    margin-top: auto;
}


/*#PlaceHolder {
    border: 5px solid #15d2ef;
    border-radius: 20px;
    padding: 5px;
    width:660px;
   margin-left:50px;
}*/

.header ul.menu li{height:51px; margin-right:23px; float:left}
.header ul.menu li a{height:51px; display:block; text-indent:-20000px; }
.header ul.menu li a:hover{height:51px;}

.header ul.menu li.btn_1 a{width:58px; background:url(../images/btn_1.jpg) 0 14px no-repeat; }
.header ul.menu li.btn_1 a:hover{width:58px; background:url(../images/btn_1_over.jpg) 0 14px no-repeat;}

.header ul.menu li.btn_2 a{width:86px; 
background:url(../images/btn_2.jpg) 0 14px no-repeat; }
.header ul.menu li.btn_2 a:hover{width:66px; background:url(../images/btn_2_over.jpg) 0 14px no-repeat;}

.header ul.menu li.btn_3 a{width:84px; background:url(../images/btn_3.jpg) 0 14px no-repeat; }
.header ul.menu li.btn_3 a:hover{width:84px; background:url(../images/btn_3_over.jpg) 0 14px no-repeat;}

.header ul.menu li.btn_4 a{width:113px; 
background:url(../images/btn_4.jpg) 0 14px no-repeat; }
.header ul.menu li.btn_4 a:hover{width:89px; background:url(../images/btn_4_over.jpg) 0 14px no-repeat;}

.header ul.menu li.btn_5{margin-right:0;
    width: 129px;
}
.header ul.menu li.btn_5 a{width:89px; background:url(../images/btn_5.jpg) 0 14px no-repeat;
    margin-left: 22px;
}
.header ul.menu li.btn_5 a:hover{width:89px; background:url(../images/btn_5_over.jpg) 0 14px no-repeat;}

.header ul.menu li.line{width:1px; background:url(../images/linem.gif) 0 0 no-repeat}

/* CONTENT */




 /*.leftPan{width:150px; float:left; margin:50px 40px 0 -150px; display:inline;
    height: 462px;
}
.rightPan{width:163px; 
float:right; height: 462px;  margin:0px 10 10 10;
}*/


/* FOOTER */

.footer {
         margin:25px  300px;
          width: 900px;
          
          clear:both;
          background:url(../images/b_footer.gif) 0 0 no-repeat
}
.footer p{padding: 10px 0 0 0px; margin-left:-60px; font-weight:normal; text-align:center; color:#fff;
    font-style: normal;
    font-variant: normal;
    font-size: 11px;
    line-height: 16px;
    font-family: Tahoma, sans-serif;
    height: 81px;
    width: 920px;
    
}
.footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
.footer p a:hover{text-decoration:underline; color:#fff}

.aboutus {
    margin-left: 150px;
    margin-top: 20px;
    text-decoration:initial;
   
     text-indent: 50px;
     letter-spacing: 5px;
   text-align: justify;  
  text-transform: uppercase;
  color: Black;
  direction: rtl;
  unicode-bidi: bidi-override;
  border: 2px solid red;
  border-radius: 12px;
  padding: 5px;
  background-color: white;
}


