/* CSS Document */
div,h1,ul,ol,li,h2,p,body{ margin:0;  padding:0; border:0}
li{ direction:rtl}
.imm img { border:1px solid #F00 ; padding:3px; margin:4px}
ul{ padding:1px 18px 0 0}
p{ direction:rtl}
body{font-size:90% ; font-family:tahoma; color:#333; text-align:center; background:#FF0000}
div{ border:0px solid #f00}
a:link{ font-size:100%; color:#333; text-decoration:underline}
a:visited{ font-size:100%; color:#333; text-decoration:underline}
a:hover{ font-size:100%; color:#00C; text-decoration:none}
#container{ background:url(page-bg.jpg) repeat-y; width:775px; margin:0 auto; background:url(Top.jpg)  repeat-x top #fff ; height:100%; clear:both; padding:1px 0 0 0}
#partone{ margin:30px 0 5px 0; clear:both}
#parttwo{ margin:10px 0 5px 0; clear:both}
#container:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden}


.two{ width:33%; float:right; border:1px solid #f00; margin:5px;text-align:center}
.twopad{ margin:0 10px 0 14px}
.three{ width:160px; height:600px; float:left; border:0px solid; margin:4px 3px }
#logo{ text-align:left; padding:10px 0 0 10px; height:50px;width:775px; margin:0 auto; background:url(logo.jpg) no-repeat 15px 3px}
.rightfloat{}
#logo img{ float:right}
#logo ul{ float:left; margin:30px 3px 3px 3px}
#logo li{ display:inline; margin:0 8px}
#flash{ float:right; width:610px; border:0px solid }

#menu{ float:right; width:153px; height:248px; margin:4px 0px 2px 2px; border:0px solid}
#nav{ background:url(menubg.jpg) repeat-x bottom; font-weight:normal ; font-size:100% ; color:#fff; text-align:right; width:146px;height:100%; border:1px solid #f00}
.clip li h2 a:link,.clip li h2 a:visited,#nav a:link,#nav a:visited,#logo a:link,#logo a:visited,.footer a:link,.footer a:visited{ color:#fff; text-decoration:none }
.clip li h2 a:hover,#nav a:hover,#logo a:hover,.footer a:hover{ color:#ff0; text-decoration:none }
#nav li{ list-style:none; padding:0px 5px 3px 3px; margin:3px 0 3px 0 ;  background:url(line.jpg) no-repeat bottom}
#nav ul{ margin:0 3px 0 0; padding:0}
#nav h1{ font-size:100%; background:url(menuhead.jpg) no-repeat top; color:#ff0 ; height:25px ; width:140px; padding:4px 0 0 6px}

#showcase{ width:140px; height:600px; border:0px solid #f00; margin:0 0 7px}

.clip{color:#006600; padding:3px; text-align:center; height:100%; width:98%}

.clip li{  direction:ltr ; list-style:none; text-align:center; width:100%}
.clip ol{ margin:2px 2px 40px; direction:ltr ; list-style:none; text-align:center}
.clip li h2 { color:#fff; background:#FF0000; font-weight:bold; font-size:110%; height:100%; clear:both ; width:90%; border:1px solid}
.clip li img{ border:1px solid #f00; padding:2px; float:none; margin:5px 0; text-align:center; clear:both}
.orange{ color:#FF9933}

.red{ clear:both; width:100%}
.white{ color:#fff}
.leader{ width:728px; height:95px ; clear:both; border:1px solid #f00; margin:2px auto; display:none}
#standard{ width:468px; height:60px ; clear:both; border:0px solid #f00; margin:2px auto; display:block}
.both h3{ clear:both; width:99%; height:23px; background:url(clip-header.jpg) repeat-x; font-size:110%;  padding:6px 0 0 4px; font-weight:bold; color:#FF3300}
.game{ margin:30px 0 20px 0}
.footer{ height:100%; clear:both; background:#FF0000; color:#fff}
.footer li{ display:inline; margin:3px}



/*header02*/
#banner{ border:0px solid #ff0; height:25px; width:750px; border-bottom:1px solid #E70202; margin:0 auto; clear:both}
#banner form{ float:right; margin:8px 0 0 }
/* MENU PANEL*/
#banner ul{display:block; width:60%; height:30px; float:left;  margin:0px 0 0 ; padding:0 0 0 0px}
#banner ul li{float:left; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 0px; list-style:none}
#banner ul li a{width:74px; height:36px; display:block; padding:0; color:#fff; background:#FF0000; text-decoration:none; text-align:center; margin:0 0px 0 0;}
#banner ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(button.gif) no-repeat 0 0; color:#ff0;}
#banner ul li.active{width:74px; display:block; height:36px; background:url(button.gif) no-repeat 0 0 ; color:#fff; text-align:center; margin:0 ; padding:0}




.event{ text-align:center; float:right; width:80%;}
.event li { display:inline;  margin:5px}
.event ul { text-align:right; border:0px solid; padding:0 150px 0 0}
.event a:link,.event a:visited{ color:#990000;}

.centerdiv{ width:550px;margin:10px auto; text-align:right;font-size:14px  }