html,body {
height: 100%;
}
h2
{
    padding-top:10px;
    direction:rtl;
    text-align:right;
    color:#767c79;
    font-size:30px;
}

p
{
    color:#4b4b4b;
}
                
body
{
  
    text-align: center;
    margin: 8px 0px 0px;
    padding: 0;
    border: 0;
    background: url('img/body_bg.gif') #c7c7c7 repeat-x center top;
    color: #663;
    font: small/18px "Lucida Grande" , "Trebuchet MS" , "Bitstream Vera Sans" , Verdana, Helvetica, sans-serif;
}
#kau_logo
{
background: url('img/kau_logo.jpg');
background-repeat: no-repeat;
background-position: left top;

}
#top_bnr
{
 height:75px;
}
#ctl00_bnr
{
background: url('img/bnr.jpg');
background-repeat: no-repeat;
background-position: center top;
height:108px;
}

div#header
{
    width: 100%;
    margin: 0 auto;
    padding: 0 1px;
    text-align: center;       
}

#logo
{
    width: 782px;
    height: 60px;
    background-image: url(img/tatweer_top_bnr.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

#top_banner
{
    width:782px;
    height:73px;
    background-image: url('img/tatweer_bnr.jpg');
    background-repeat: no-repeat; 
    background-position: center top;
}
    
#right 
{
    width:155px; 
    float:right; 
    position:relative; 
    margin-left:10px;
    margin-right:-1px;

}

#left 
{
    width:170px; 
    float:left; 
    position:relative; 
    margin-left:0px; 
    margin-right:10px;
}

#container
{
    min-height: 700px;
    height: auto !important;
    height: 700px;
    width: 785px;
    padding: 10px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/container_bg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: white;
}

#wrapper
{
    position: relative;
    color: #000000;
    background: #ffffff;
    width: 100%; /*width: 742px;*/
    margin: 0;
    padding: 0;
    text-align: left;
    border-right: #999999 1px solid;
    border-left: #999999 1px solid;
}

#maincontent
{
 min-height:700px;
}



 #contentheader 
 {
     font-size:0px;
     height:10px;
    width:782px;
    line-height:10px;
    background-image: url('img/pnl_top_bg.jpg');
    background-repeat: no-repeat; 
    background-position: center bottom;
    }
     #contentfooter 
 {

     font-size:0px;
     height:10px;
    width:782px;
    line-height:10px;
    background-image: url('img/pnl_btm_bg.jpg');
    background-repeat: no-repeat; 
    background-position: center bottom;
    }
    
#footer
{
    /*border-top: #bbbbbb 1px solid;*/
    color: #777777;
    padding: 10px 0px;
    margin: 0px 0px 1px;
    text-align: center;
}


    
#footer p
{
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#outer { 
/*border-left: solid 200px #EBD3E0;  color of the left column  */ 
/*border-right: solid 200px #EBD3E0;  color of the right column  */ 
 /*background-color: #ffffff;   color of the content column */}



/*#inner {margin:0 px; width:100%; }  The ie/pc pecularity */ 
/*#content { position: relative;  margin: 0px; }*/