* {
padding:0;
margin:0;
}
html,body 
{
height: 100%;
}
body 
{
DIRECTION: rtl;
}
#container
{
background-image : url(images/w.gif);
background-repeat : repeat-y;
margin: 0 auto;
padding:0px 00px 0px 00px;
width: 806px;
text-align: center;
/* العرض الداخلي */  
width: 786px;
}
#container:after
{ 
content: "."; 
display: block; 
line-height: 1px; 
font-size: 1px; 
clear: both;
}
#header 
{
background: url(images/header.GIF);
width: 806px;
height: 55px;
margin:0px;
}
#header h1 
{
padding:0px 0px 0 0;
font: bold 2.8em Arial;
float:center;
}
#header h1 a 
{

color:#fff;
text-decoration: none;
}
#header h1 a:hover 
{
color:#ffffff;
}
#introduction
{
float: center;
width: 0px;
height:0px;
padding: 0px;
border:1px solid #ffffff;
margin-bottom:0px;
overflow:auto;
/* العرض الداخلي */
width: 0px;
}
#one h2
{
font-size : 120%;
border-bottom: 1px solid #ffffff;
padding:2px 3px 2px 0px;
}
#one h3
{
font-size:100%;
padding:10px 4px 4px 4px;
}
#one p 
{
margin:5px 2px 5px 2px;
}
#mainBody
{
width: 521px;
padding: 10px;
border:1px solid #fffff;
margin-top:5px;
float:left;
/* العرض الداخلي */
width: 766px;
}
#mainBody h4
{
font-size : 100%;
border-bottom: 1px solid #f7f7f7;
padding:2px 3px 2px 0px;
}
#mainBody p 
{
margin:0px 0px 0px 0px;
}
text-decoration : underline;
}
ul 
{
list-style : square;
margin-right:5px;
padding-right:15px;
}
#footer
{
clear : both; 
width:98%;
text-align: center;
height:24px;
padding-top:0px;
}
#footer a
{
text-decoration: none;
}
#footer a:hover
{
color:#ff0000;
}
/* الرئيسية */
body 
{
text-align:center;
color: #000;
background: #f7f7f7;
font: 75% tahoma;
margin: 0;
padding: 0;
}
a
{
color: #000;
}
a:hover
{
color: #ff0000;
text-decoration : underline;
}
/*------------------------------*/
.images 
{
FLOAT: right;
width: 55px;
height: 55px;
BORDER: #f7f7f7 1px solid;
background: #ffffff;
text-align: center;
margin: 1em;
padding: 8px 8px 8px 8px ;
}
input
{
text-align: left;
width:100%;
font-family: MS Sans Serif;
font-size: 62.5%;
background-color: #f7f7f7;
color:#6c6c6c;
}
select
{
font-family: MS Sans Serif;
font-size: 62.5%;
background-color: #f7f7f7;
color:#6c6c6c;
}
button
{
font-family: MS Sans Serif;
font-size: 62.5%;
background-color: #f7f7f7;
color:#6c6c6c;
}
#center
{
MARGIN-BOTTOM: 10px;
padding:0.3em;
WIDTH: 50%;
FLOAT: center;
}
#left 
{
MARGIN-BOTTOM: 10px;
padding:0.3em;
FLOAT: right;
WIDTH: 20%;
}
#righ 
{
MARGIN-BOTTOM: 10px;
padding:0.3em;
FLOAT: left;
WIDTH: 20%;
}