/*  
        Note that in the index_head.jsp file
        by using ID tag frist , the background image is overridden by the background
        property of ID tag Blue_Gloss 
        /*  url(../../../image/Restaurant/papa4.jpg)
        <div id="Blue_Gloss" class="background">
        */
/* 
    Header consists of :
    
    1- background1    Frame
    2- background2    Frame
    3- banner         Logo       
    */
     
    #backgroundR {

        
        background-image: url(../../../../resources/image/jam/tree.jpg)     ;
        background-color: ;
        background-repeat: no-repeat ;

        background-position: 0px 0px;/* Position Of Imgage */
        background-size: 1135px 300px;    /* Size Of Imgage */

        -moz-box-shadow:     10px 10px 10px 0px    rgba(0, 0, 0, 0.4);
        -webkit-box-shadow:  10px 10px 10px 10px   rgba(0, 0, 0, 0.4);    
        box-shadow:          10px 10px 10px 10px   rgba(0, 0, 0, 0.4);

        /* Size Of the  container i.e Div */
        width: 1139px;
        height: 300px;

        margin-left: 	  auto;
        margin-right: 	  auto;
        margin-top: 	  0px;
        margin-bottom:   0px;
        
        
        /*
        White colour boarder to hide the boarder and 
        also to create space around the items 
        i.e. Background , image and Menu 
        */
        border: 1px solid #ffffff;
        
        border: px solid red;   

    }
    
    #backgroundG {
 
        background-image: url(../../../../resources/image/ali/front_1200.jpg)     ;
        background-color: ;
        background-repeat: no-repeat ;

        background-position: 0px 0px;/* Position Of Imgage */
        background-size: 900px 300px;    /* Size Of Imgage */

        -moz-box-shadow:     10px 10px 10px 0px    rgba(0, 0, 0, 0.4);
        -webkit-box-shadow:  10px 10px 10px 10px   rgba(0, 0, 0, 0.4);    
        box-shadow:          10px 10px 10px 10px   rgba(0, 0, 0, 0.4);

        /* Size Of the  container i.e Div */
        width: 900px;
        height: 240px;

        margin-left: 	  auto;
        margin-right: 	  auto;
        margin-top: 	  0px;
        margin-bottom:   0px;
        /*
        White colour boarder to hide the boarder and 
        also to create space around the items 
        i.e. Background , image and Menu 
        */
        border: 1px solid #ffffff;

        border: px solid blue;
   
    }
      /* 
  
  banner consists of:
   
  1-   Parsila Logo ( inside the banner  Frame)
  2-   Money Logo  ;
  
  */
  #bannerB {

      background-image: url(../../../../resources/image/ali/)     ;
      background-color: ;
      background-repeat: no-repeat ;

      background-position: 0px 0px;/* Position Of Imgage */
      background-size: 900px 350px;    /* Size Of Imgage */
      
      -moz-box-shadow:     10px 10px 10px 0px    rgba(0, 0, 0, 0.4);
      -webkit-box-shadow:  10px 10px 10px 10px   rgba(0, 0, 0, 0.4);    
      box-shadow:          10px 10px 10px 10px   rgba(0, 0, 0, 0.4);
      
      /* Size Of the  container i.e Div */
      width: 900px;
      height: 240px;

      margin-left: 	  auto;
      margin-right: 	  auto;
      margin-top: 	  0px;
      margin-bottom:   0px;
        /*
        White colour boarder to hide the boarder and 
        also to create space around the items 
        i.e. Background , image and Menu 
        */
      border: 1px solid #ffffff;
        
      border: px solid blue;

  }

      .text-center
      {

          border:  px solid black;  
      }
      .page-header 
      {
          background-color:  powderblue;
          border:       px solid #033;
      }

      .top-left {
          position: absolute;
          top: 240px;
          left: 110px;
      }