/* CSS Document */
div,h1,ul,ol,li,h2,p,body{ margin:0;  padding:0; border:0}
li{ direction:rtl}
ul{ padding:1px 18px 0 0}
p{ direction:rtl}
body{font-size:10px ; font-family:tahoma; color:#353535; text-align:center; background:#7FD720}
div{ border:0px solid #E6E6E6}
a:link{ font-size:100%; color:#000; text-decoration:none}
a:visited{ font-size:100%; color:#333; text-decoration:none}
a:hover{ font-size:100%; color:#630; text-decoration:underline}
#container{width:975px; 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:28%; float:right; border:1px solid #0c0; margin:5px;text-align:right}
.threes{ width:68%; float:right; border:1px solid #0c0; margin:5px 2px;text-align:right}
.twopad{ margin:0 10px 0 14px}
.three{ width:300px; float:left; border:0px solid; margin:4px 0 }
#logo{ text-align:left; padding:10px 0 0 10px; height:60px;width:975px; 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:left; width:813px; border:0px solid }

#menu{ float:right; width:153px; /*height:248px;*/ margin:4px 0px 2px 2px; border:0px solid}
#nav{ background:#79D649 url(menubg.jpg) repeat-x bottom; font-weight:normal ; font-size:120% ; color:#fff; text-align:right; width:146px;height:100%; border:1px solid #1ABC2B}
#nav a:link,#nav a:visited,#header a:link,#header a:visited,.footer a:link,.footer a:visited{ color:#060; text-decoration:none }
#nav a:hover,#header 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:120%; background:url(menuhead.jpg) no-repeat top; color:#ff0 ; height:25px ; width:140px; padding:4px 0 0 6px}

.showcase{ width:300px; height:250px; border:0px solid #0c0; margin:0 0 7px}

.clip{color:#006600; padding:3px}

.clip h1,.related h2{ width:98%; height:28px; background:url(clip-header.jpg) repeat-x; font-size:120%;  padding:6px 0 0 4px; text-align:center}
.clip li{ margin:2px 2px 40px; direction:ltr ; list-style:none}
.clip li h2 ,.related div h1{ color:#0099FF; font-weight:bold; font-size:110%}
.clip li img,.related div img{ border:1px solid #030; padding:2px; margin:5px 0; text-align:center; clear:both}
.orange{ color:#FF9933}

.red{ clear:both}
.white{ color:#fff}
.leader{ width:728px; height:95px ; clear:both; border:0px solid #0c0; margin:2px auto}
#standard{ width:468px; height:60px ; clear:both; border:0px solid #0c0; margin:25px auto 2px; display:block}
.both h3,#related h3{ clear:both; width:99%; height:23px; background:url(clip-header.jpg) repeat-x; font-size:120%;  padding:6px 0 0 4px; font-weight:bold; color:#FF3300}
.game{ margin:0 0 20px 0}
.footer{ clear:both; background:#7FD720; font:120% tahoma; padding:5px;margin:0 0 20px}
.footer li{ display:inline; margin:3px}



/*header02*/
#banner{ border:0px solid #ff0; height:25px; width:950px; margin:0 auto}
/* MENU PANEL*/
#banner ul{display:block; width:100%; height:30px;  margin:0px 0 0 ; padding:0 0 0 0px; border-bottom:1px solid #76CC1A}
#banner ul li{ list-style:none;float:left; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 0px}
#banner ul li a{width:74px; height:36px; display:block; padding:0; color:#060; background:#7FD720; 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:#fff;}
#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}


/*related clip*/
.related{ padding-top: 3px; background:#fff}
.related div{ float:right; border:1px solid #1ABC2B; margin:5px 8px 5px 0; padding:2px 10px; background:#fff; height:135px}
#related{ width:95%; margin:0 auto}
#related iframe{ width:100%; height:915px; margin:0; padding:0; border:0}
.threes div{ float:right; margin:5px 7px 5px 0; padding:2px 4px; }
.related div.videoheader{float:none; margin:10px auto}
.clr{ clear:both; content:""; height:0px}
.toplike{width:190px;float:left }
.bookmark{height: 30px;width: 525px;margin:20px auto 0}
.facebook,.twitter{ float:left}
.hpbookmark{}
.hpbookmark .facebook{ height:25px}
.hpbookmark .facebook,.hpbookmark .twitter,.fbshare{ margin:8px}
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }
.fbshare{float: left; width: auto; font: 12px tahoma}

/*sub nav*/
.subnav{ clear:both; margin:15px 0 4px}
.subnav a,.bchp{ display:inline-block; padding:3px 5px; background:#7FD720; color:#006600; text-decoration:none; margin:0 2px; font:bold 15px arial}
.bchp{font:bold 130% arial; margin:10px 0 20px}