body { font-family:Tahoma, Arial, Helvetica, sans-serif; background:#e7e8e7; margin:0; padding:30px 0 0 0; text-align:center; color:#000; overflow-x:hidden }
.header #top { position:relative; top:-10px; text-align:left; width:1116px; height:135px; background:#77b800; margin:0 auto; padding:20px 0 0 0; z-index:1 }
.header #topheader { position:relative; top:0; left:58px; text-align:left; width:300px; height:135px; background-image:url(../img/top.gif);	background-repeat:no-repeat; z-index:1 }
.header #topbar1 { position:absolute; top:-30px; left:-40px; width:990px; height:80px; background:url(../img/shadowcirclebottom.png); margin:0 auto; z-index:0 }
.header #topbar2 { position:relative; top:0; left:0; width:990px; height:40px; background:url(../img/shadowcircletop.png); margin:0 auto; z-index:0 }
.header #topleft { position:absolute; top:91px; left:24px; text-align:left; width:280px; height:25px; z-index:1 }
.header #topright2 { position:absolute; top:50px; right:598px; text-align:left; width:110px; height:110px; margin:0 auto; z-index:15 }
.content #bendera { position:absolute; top:35px; right:640px; text-align:left; width:68px; height:50px; margin:0 auto; z-index:50 }
.header #toprightcontainer { position:relative; top:-150px; text-align:left; width:1000px; margin:0 auto; z-index:15 }
.content #midcontent { position:relative; top:-10px; width:100%; background-image:url(../img/mainbg.gif); background-repeat:repeat-x;	background-color:#fff; margin:0 auto; text-align:left; z-index:0 }
.content #containerbox { position:relative; top:0px; width:100%; background-image:url(../img/mainbgup.png); background-repeat: repeat-x; background-position:bottom; margin:0 auto; text-align:left; z-index:0 } 
.content #container { position:relative; top:0; left:0; width:1000px; margin:0 auto; padding:0 0 30px 0; text-align: left; z-index:0 }
.content #outercontainer { position:relative; top:-30px; left:0; width:1116px; margin:0 auto; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:0 0 30px 0; text-align:left; z-index:0 }
.content #mainContent { position:relative; min-height:1000px; height:auto !important; height:800px; max-height:50000px; font-family:arial,tahoma; font-size:12px; line-height:14px; color:#888; margin:25px 260px 0 140px; padding:47px 20px 15px 20px; z-index:1 }
.content #mainContentGaleri { position:relative; min-height:800px; height:auto !important; height:800px; max-height:50000px; font-family:12px arial; line-height:12px; color:#888; background:none; background-image:none; margin:25px 260px 0 140px; padding:47px 20px 5px 20px; z-index:0 }
.content #leftbar { position:absolute; top:40px; left:0; height:auto; width:130px; font:10px tahoma; line-height:10px; color:#a5a5a5; z-index:5 }
.content #logobg { position:absolute; top:90px; left:-40px; width:200px; height:224px; background-image:url(../img/logobg.png); background-repeat: no-repeat; font-family:tahoma; font-size:11px; color:#81992b; margin:0 auto; z-index:0 }
.content #rightbar { position:absolute; top:39px; right:0; width:240px; font:11px arial; line-height:11px; color:#aaa; padding:10px; z-index:6 }
.content #bottomlink { position:absolute; top:-80px; left:70px;	width:1000px; height:80px; background-image:url(../img/shadowcircletop2.png); background-repeat:repeat-x; margin:0 auto; z-index:9 }
.content #bottom { position:relative; top:-40px; width:1116px; height:130px; background:#77b800; margin:0 auto; z-index:10 }
.content #footer { position:relative; height:20px; font:11px arial; line-height:11px; color:#777; padding:0 0 20px 0; z-index:9 }
.content #bayangHeaderAtas { position:relative; top:-10px; left:-10px; width:1000px; height:60px; margin:0 auto; background:url(../img/shadowcircletop.png) }
.content #bayangPalingAtas { position:absolute; top:-30px; right:-280px; width:1000px; height:60px; margin:0 auto; background:url(../img/shadowcircletop.png); z-index:-10 }
.content #airmata { position:absolute; top:120px; left:0; width:130px; height:60px; background:url(../img/airmata.png) }
.content #baitulMaqdis { position:absolute; top:26px; right:180px; width:431px; height:150px; z-index:10; background:url(../img/topright.png) }
.content #shadowTepiKiri { position:fixed; top:50%; margin-top:-275px; left:50%; margin-left:-658px; width:100px; height:550px; background-image:url(../img/shadowcircle.png); z-index:9 }
.content #shadowTepiKanan { position:fixed; top:50%; margin-top:-275px; right:50%; margin-right:-658px; width:100px; height:550px; background-image:url(../img/shadowcircle2.png); z-index:9 }
.content #bayanBulatAtas1 { position:absolute; top:-15px; left:-37px; width:100px; height:100px; background:url(../img/bayangbulat.png); z-index:-2 }
.content #bayanBulatAtas2 { position:absolute; top:-20px; right:-37px; width:100px; height:100px; background:url(../img/bayangbulat.png); z-index:-2 }
.content #bayanBulatBawah1 { position:absolute; top:115px; left:-30px; width:100px; height:100px; background:url(../img/bayangbulat.png); z-index:-2 }
.content #bayanBulatBawah2 { position:absolute; top:115px; right:-30px; width:100px; height:100px; background:url(../img/bayangbulat.png); z-index:-2 }
.content #kotakKecilAtas { position:absolute; bottom:0; left:0; width:1116px; height:55px; background:#f1f1f1; z-index:-1; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0 }
.content #kotakKecilBawah { position:absolute; bottom:-146px; left:0; width:1116px; height:55px; background:#f1f1f1; z-index:-1; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px }
.content #flipLeft { position:absolute; top:-30px; left:-80px; width:80px; height:340px; background:url(../img/flipleft.png) }
.content #flipRight { position:absolute; top:-30px; right:-80px; width:80px; height:340px; background:url(../img/flipright.png) }
.content #pepatahBawah { position:relative; top:25px; left:0; width:1116px; height:70px; margin:0 auto; background:url(../img/shadowcirclebottom.png) }
.content #selamatkanAqsaDepan { position:absolute; top:110px; right:410px; width:320px; height:70px; z-index:20; background:url(../img/bebaskan_palestin.png) }
.content #selamatkanAqsa { position:absolute; top:110px; right:400px; width:320px; height:100px; z-index:20; background:url(../img/savealaqsa_top.png) }
.content #saveAqsaDepan { position:absolute; top:-47px; left:183px; width:620px; height:100px; z-index:15; background:url(../img/savealaqsa.png) }
.content #saveAqsa { position:absolute; top:-47px; left:195px; width:620px; height:100px; z-index:15; background:url(../img/sumbanglah.png) }
.content #copyright { position:relative; top:25px; color:#ffffff; font-size:10px; line-height:10px; letter-spacing:.3em; padding:30px 110px 35px 0 }

/****************************************** EFEK BAYANG BULAT KECIL ****************************************************/
#kekotakNyok { position:relative }
#imejTerkini { position:absolute; top:-10px; left:-15px; z-index:10 }
#kekotakNyok:hover #imejTerkini { position:absolute; top:-15px; left:-20px; z-index:10 }
#gambarKecilLuar { position:relative; width:74px; height:74px; overflow:hidden; border:1px solid #000; background:#fff; margin:0 10px 0 0; z-index:0 }
#gambarKecilDalam { position:absolute; left:-20px; width:114px; height:74px }
#bayangImg { position:absolute; left:0; width:74px; height:74px; z-index:-1 }
#kekotakNyok:hover #bayangImg { position:absolute; top:0; left:0; width:74px; height:74px; -moz-box-shadow:0 0 15px 3px #222; box-shadow:0 0 15px 3px #222; -webkit-box-shadow:0 0 15px 3px #222; -o-box-shadow:0 0 15px 3px #222; -khtml-box-shadow:0 0 15px 3px #222 }
#kekotakNyok:active #bayangImg { position:absolute; top:0; left:0; width:74px; height:74px; -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222 }
#gambarKecilDalam img { position:absolute; left:0; width:114px; height:74px; filter:alpha(opacity=40); opacity:0.4 }
#gambarKecilDalam img:hover { position:absolute; left:0; width:114px; height:74px; filter:alpha(opacity=100); opacity:1 }
#gambarKecilBayang { position:absolute; top:-28px; left:-40px; width:100px; height:100px; z-index:-2; background:url(../img/bayangbulat.png) }
#kekotakNyok:hover #gambarKecilBayang { position:absolute; top:-28px; left:-40px; width:100px; height:100px; z-index:-2; background:none }
#gambarKecilBayang2 { position:absolute; bottom:-32px; left:15px; width:100px; height:100px; z-index:-1; background:url(../img/bayangbulat.png) }

#dotfb { position:absolute; width:35px; height:35px; z-index:-1; background:url(../img/dotfb.png) }

/************************************* PANORAMA ************************************************************************/
#panoramaKekotakNyok { position:relative; width:240px; height:122px; margin:3px 0 0 27px }
#panoramaBgThumbCover { position:absolute; width:39px; height:100px; top:-28px; left:-40px; z-index:2 }
#panoramaBgThumb { position:absolute; width:180px; height:108px; left:0; top:0; border:1px solid #000; background:#fff }
#panoramaBgThumb:hover { -moz-box-shadow:0 0 18px 2px #222; box-shadow:0 0 18px 2px #222; -webkit-box-shadow:0 0 18px 2px #222; -o-box-shadow:0 0 18px 2px #222; -khtml-box-shadow:0 0 18px 2px #222 }
#panoramaBgThumb:active { -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0  0 0 0 #222; -khtml-box-shadow:0  0 0 0 #222 }
#panoramaBgThumb:hover #gambarKecilBayang { position:absolute; top:-28px; left:-40px; z-index:-2; background:none }
#panoramaBgThumb:hover #gambarKecilBayang2 { position:absolute; bottom:-32px; left:15px; z-index:-1; background:none }

		#################### LIST GAMBAR ################################################
#panoramaListKekotakNyok { position:absolute; width:145px; height:97px }
#panoramaListKotakThumbContainer { position:relative; height:87px }
#panoramaListKotakThumb { position:absolute; width:145px; height:87px; display:inline-block; color:#000; margin:0 4px 15px 0; -moz-box-shadow:2px 2px 8px 2px #aaa; box-shadow:2px 2px 8px 2px #aaa; -webkit-box-shadow:2px 2px 8px 2px #aaa; -o-box-shadow:2px 2px 8px 2px #aaa; -khtml-box-shadow:2px 2px 8px 2px #aaa }
#panoramaListKekotakNyok:hover #panoramaListKotakThumb { -moz-box-shadow:0 0 48px 18px #000; box-shadow:0 0 48px 18px #000; -webkit-box-shadow:0 0 48px 18px #000; -o-box-shadow:0 0 48px 18px #000; -khtml-box-shadow:0 0 48px 18px #000 }
#panoramaListKekotakNyok:active #panoramaListKotakThumb { -moz-box-shadow:0 0 0 0 #000; box-shadow:0 0 0 0 #000; -webkit-box-shadow:0 0 0 0 #000; -o-box-shadow:0 0 0 0 #000; -khtml-box-shadow:0 0 0 0 #000 }
#panoramaListThumb { width:146px; height:87px; opacity:0.4; filter:filter(opacity=40); border:1px solid #000 }
#panoramaListKekotakNyok:hover #panoramaListThumb { opacity:1; filter:filter(opacity=100) }
#panoramaListTajukContainer { position:relative; height:15px; margin:0 0 20px 0 }
#panoramaListTajuk { position:relative; top:0; width:150px; margin:6px 0 9px 0; color:#777; font:11px arial; text-decoration:none }
#panoramaListKekotakNyok:hover #panoramaListTajuk { color:#800000 }

/****************************************** TERKINI PALESTIN *********************************************************************************/
#terkiniPalestinKekotakNyok { position:absolute; width:500px; top:0; left:0 }
#terkiniPalestinThumbKotak { position:absolute; width:130px; height:90px }
#terkiniPalestinThumb { border:1px solid #000; opacity:0.8; filter:opacity(80); -moz-box-shadow:2px 2px 8px 1px #222; box-shadow:2px 2px 8px 1px #222; -webkit-box-shadow:2px 2px 8px 1px #222; -o-box-shadow:2px 2px 8px 1px #222; -khtml-box-shadow:2px 2px 8px 1px #222 }
#terkiniPalestinKekotakNyok:hover #terkiniPalestinThumb { border:1px solid #000; opacity:1; filter:opacity(100); -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222 }
#terkiniPalestinGambarKecilBayang { position:absolute; top:15px; right:-25px; width:100px; height:100px; z-index:-2; background:none; z-index:-2 }
#terkiniPalestinKekotakNyok:hover #terkiniPalestinGambarKecilBayang { position:absolute; top:12px; left:-32px; width:100px; height:100px; z-index:-2; background:url(../img/bayangbulat.png); z-index:-2; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -khtml-transform:rotate(45deg) }
#terkiniPalestinTajuk { position:absolute; top:0; right:-10000px; width:370px; color:#000; font-family:arial,tahoma; font-size:12px; line-height:12px; z-index:10 }
#terkiniPalestinKekotakNyok:hover #terkiniPalestinTajuk { position:absolute; top:2px; right:0px; width:350px; color:#800000; border:0px solid #000; font-family:arial,tahoma; font-size:26px; font-weight:bolder; line-height:26px; z-index:10; padding:10px; text-shadow:0 0 35px #888 }

/****************************************** ARTIKEL ********************************************************************************************/
#artikelKotakTrigger { position:relative; width:500px }
#artikelThumbKotak { position:absolute; top:0; left:0; color:#000; width:130px; height:90px }
#artikelThumb { border:1px solid #000; opacity:0.8; filter:opacity(80); -moz-box-shadow:2px 2px 8px 1px #222; box-shadow:2px 2px 8px 1px #222; -webkit-box-shadow:2px 2px 8px 1px #222; -o-box-shadow:2px 2px 8px 1px #222; -khtml-box-shadow:2px 2px 8px 1px #222 }	
#artikelThumb:hover { border:1px solid #000; opacity:1; filter:opacity(100); -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222 }
#artikelTajuk { position:absolute; width:370px; right:0; top:2px; color:#555; font:12px arial; text-decoration:none; z-index:10 }
#artikelKotakTrigger:hover #artikelTajuk { color:#800000 }

/****************************************** BERITA ***********************************************************************************************/
#beritaKotakTrigger { position:relative; width:500px }
#beritaTajuk { color:#000; font:12px arial; line-height:12px; text-decoration:none }
#beritaKotakTrigger:hover #beritaTajuk { color:#800000; font:12px arial; line-height:12px; text-decoration:none }
#beritaBayangNombor { text-shadow:3px 3px 10px #111 }
#beritaKotakTrigger:hover #beritaBayangNombor { text-shadow:3px 3px 10px #060 }

/****************************************** PENDAPAT ********************************************************************************************/
#pendapatKotakMain { position:relative }
#pendapatKekotakNyok { position:relative; width:500px }
#pendapatKotakMain:hover #pendapatKekotakNyok { position:relative; width:500px; border:1px solid #000; -moz-box-shadow:10px 10px 10px 5px #aaa; box-shadow:10px 10px 10px 5px #aaa; -webkit-box-shadow:5px 5px 5px 5px #aaa; -o-box-shadow:10px 10px 10px 5px #aaa; -khtml-box-shadow:10px 10px 10px 5px #aaa; margin:-1px -1px -1px -1px }
#pendapatKotakTrigger { position:relative; width:440px; padding:20px 0px 10px 0px; margin:0px 30px 0px 30px }
#pendapatPendapat { font:18px arial; color:#bbb }
#pendapatKotakMain:hover #pendapatPendapat { font:18px arial; color:#F00 }
#pendapatTajuk { color:#555; font:12px arial; text-decoration:none }
#pendapatKotakMain:hover #pendapatTajuk { color:#555; font:12px arial; text-decoration:none; text-shadow:1px 1px 5px #eee }
#pendapatBayangNombor { text-shadow:3px 3px 7px #111 }
#pendapatKotakMain:hover #pendapatBayangNombor { text-shadow:1px 1px 3px #888; color:#000 }

/****************************************** PROJEK MUBARAK **************************************************************************************/
#mubarakKekotakNyok { position:relative }
#mubarakEfek { position:relative; font:23px arial; font-weight:bolder; text-shadow:2px 2px 10px #999 }
#mubarakKekotakNyok:hover #mubarakEfek { position:relative; font:23px arial; font-weight:bolder; text-shadow:1px 1px 1px #aaa }


/********************************** EFEK IMEJ *******************************************************************************************/
#imej { border:1px solid #000; -moz-box-shadow:2px 2px 8px 2px #222; box-shadow:2px 2px 8px 2px #222; -webkit-box-shadow:2px 2px 8px 2px #222; -o-box-shadow:2px 2px 8px 2px #222; -khtml-box-shadow:2px 2px 8px 2px #222 }

/********************************* ALBUM GAMBAR ******************************************************************************************/
#albumGambarKekotakNyok { position:relative; display:inline-block; margin:0 3px 7px 0 }
#albumGambarThumb { opacity:0.4; filter:alpha(opacity=40); border:1px solid #000; -moz-box-shadow:2px 2px 4px 1px #000; box-shadow:2px 2px 4px 1px #000; -webkit-box-shadow:2px 2px 4px 1px #000; -o-box-shadow:2px 2px 4px 1px #000; -khtml-box-shadow:2px 2px 4px 1px #000 }
#albumGambarKekotakNyok:hover #albumGambarThumb { opacity:1; filter:alpha(opacity=100); border:1px solid #000; -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -khtml-transform:rotate(0deg) }
#albumGambarKekotakNyok:active #albumGambarThumb { opacity:1; filter:alpha(opacity=100); border:1px solid #000; -moz-box-shadow:0 0 48px 15px #222; box-shadow:0 0 48px 15px #222; -webkit-box-shadow:0 0 48px 15px #222; -o-box-shadow:0 0 48px 15px #222; -khtml-box-shadow:0 0 48px 15px #222; -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg); -khtml-transform:rotate(-4deg) }

/****************************************** EFEK TEKS ***************************************************************************************/
#bayangTajukBesar { text-shadow:2px 2px 5px #ccc }
#bayangTeks { text-shadow:1px 1px 1px #aaa }
#bayangTeksHover { text-shadow:1px 1px 1px #aaa	}
#bayangTeksHover:hover { text-shadow:0 0 0 #aaa }
#bayangNombor { text-shadow:3px 3px 10px #111 }

#tajukPopup { color:#444; text-decoration:none }
#tajukPopup:hover { color:#fff; text-decoration:none; text-shadow:3px 3px 10px #111 }
#tajukPopup:active { color:#fff; text-decoration:none; text-shadow:1px 1px 2px #111 }

/************************************* STYLE ************************************************************************/
td, textarea, input, select { font-family:tahoma; font-size:12px; color:#929292; font-weight:normal; line-height:13px }
a.z:link { font-family:tahoma; font-size:14px; line-height:14px; font-weight:bold; color: #ed1c24; text-decoration:none }
a.z:visited { font-family:tahoma; font-size:14px; line-height:14px; font-weight:bold; color: #ed1c24; text-decoration: none }
a.z:hover { font-family:tahoma; font-size:14px; line-height: 14px; font-weight:bold; color: #555; text-decoration: none }
a.z2:link { font-family:arial,tahoma; font-size:13px; line-height: 14px; font-weight:bold; color: #800000; text-decoration: none }
a.z2:visited { font-family:arial,tahoma; font-size:13px; line-height:14px; font-weight:bold; color:#800000; text-decoration:none }
a.z2:hover { font-family:arial,tahoma; font-size:13px; line-height:14px; font-weight:bold; color:#555; text-decoration:none }
a.a:link { font-family:tahoma; font-size:11px; line-height:11px; font-weight normal; color:#ed1c24; text-decoration:underline }
a.a:visited { font-family:tahoma; font-size:11px; line-height:11px; font-weight:normal; color:#000; text-decoration:underline }
a.a:hover { font-family:tahoma; font-size:11px; line-height:11px; font-weight:normal; color:#81992B; text-decoration:none }
a.b:link { font-family:tahoma; font-size:14px; font-weight: normal; color:#f39912; text-decoration:none; line-height:14px }
a.b:visited { font-family:tahoma; font-size:14px; font-weight: normal; color:#f39912; text-decoration:none; line-height:14px }
a.b:hover { font-family:tahoma; font-size:14px; font-weight:normal; color:#999; text-decoration:none; line-height:14px }
a.c:link { font-family:arial,tahoma; font-size:12px; font-weight:normal; color:#81992b; text-decoration:none }
a.c:visited { font-family:arial,tahoma; font-size:12px; font-weight:normal; color:#81992b; text-decoration:none }
a.c:hover { font-family:arial,tahoma; font-size:12px; font-weight:normal; color:#616066; text-decoration:none }
a.d:link { font-family:tahoma; font-size:15px; font-weight:bold; color:#669900; text-decoration:none }
a.d:visited { font-family:tahoma; font-size: 15px; font-weight:bold; color:#669900; text-decoration:none}
a.d:hover { font-family:tahoma; font-size:15px; font-weight:bold; color:#861215; text-decoration:none }
a.e:link { font-family:arial,tahoma; font-size:12px; line-height:13px; letter-spacing:.2em; font-weight:bold; color:#555; text-decoration:none }
a.e:visited { font-family:arial,tahoma; font-size:12px; line-height:13px; letter-spacing:.2em; font-weight:bold; color:#555; text-decoration:none }
a.e:hover { font-family:arial,tahoma; font-size:12px; line-height:13px; letter-spacing:.2em; font-weight:bold; color:#ed1c24; text-decoration:none }
a.f:link { font-family:tahoma; font-size:11px; font-weight:normal; color:#81992B; text-decoration:none }
a.f:visited { font-family:tahoma; font-size:11px; font-weight:normal; color:#81992B; text-decoration:none }
a.f:hover { font-family:tahoma; font-size:11px; font-weight:normal; color:#81992B; text-decoration:underline }
a.g:link { font-family:Trebuchet MS; font-size:10px; line-height:10px; font-weight:normal; color:#fff; letter-spacing:.2em; text-decoration:none }
a.g:visited { font-family:Trebuchet MS; font-size:10px; line-height:10px; font-weight:normal; color:#fff; letter-spacing:.2em; text-decoration:none }
a.g:hover { font-family:Trebuchet MS; font-size:10px; line-height:10px; font-weight: normal; color:#000; letter-spacing:.2em; text-decoration:none }
a.h:link { font-family:Trebuchet MS; font-size:13px; line-height:13px; letter-spacing:.3em; font-weight:bold; color:#ed1c24; text-decoration: none }
a.h:visited { font-family:Trebuchet MS; font-size:13px; line-height:13px; letter-spacing:.3em; font-weight:bold; color:#ed1c24; text-decoration:none }
a.h:hover { font-family:Trebuchet MS; font-size:13px; line-height:13px; letter-spacing:.3em; font-weight:bold; color:#555; text-decoration:none }
a.i:link { font-family:arial,tahoma; font-size:12px; line-height:13px; letter-spacing:.2em; font-weight:bold; color:#000; text-decoration:none }
a.i:visited { font-family:arial,tahoma; font-size:12px; line-height:13px; letter-spacing:.2em; font-weight:bold; color:#000; text-decoration:none }
a.i:hover { font-family:arial,tahoma; font-size:12px; line-height:13px; letter-spacing:.2em; font-weight: bold; color:#555; text-decoration:none }
a.j:link { font-family:arial,tahoma; font-size:13px; line-height:13px; letter-spacing:.3em; font-weight:bold; color:#000; text-decoration:none }
a.j:visited { font-family:arial,tahoma; font-size:13px; line-height:13px; letter-spacing:.3em; font-weight:bold; color:#000; text-decoration:none }
a.j:hover { font-family:arial,tahoma; font-size:13px; line-height:13px; letter-spacing:.3em; font-weight:bold; color:#555; text-decoration: none }
a.y:link { font-family:tahoma; font-size:12px; font-weight:normal; color:#81992B; text-decoration:none }
a.y:visited { font-family:tahoma; font-size:12px; font-weight:normal; color:#81992B; text-decoration:none }
a.y:hover { font-family:tahoma; font-size:12px; font-weight:normal; color:#81992B; text-decoration:underline }
a.y:active { font-family:tahoma; font-size:12px; font-weight:bold; color:#000; text-decoration:underline }
a.ahli:link { font-family:arial,tahoma; font-size:12px; font-weight:normal; color:#888; text-decoration:none}
a.ahli:visited { font-family:arial,tahoma; font-size:12px; font-weight:normal; color:#888; text-decoration:none }
a.ahli:hover { font-family:arial,tahoma; font-size:12px; font-weight:normal; color:black; text-decoration:underline }
a.ahli:active { font-family:arial,tahoma; font-size:12px; font-weight:bold; color:black; text-decoration:underline }

/************************************* POP IMAGE *********************************************************************************/
a.tooltip span { display:none; padding:5px }
a.tooltip:hover span { position:absolute; display:inline; top:10px; left:200px; padding:10px; background:lightyellow; border:1px solid #000; text-align:center; z-index:100 }
a.tooltip_depan span { display:none }
a.tooltip_depan:hover span { position:absolute; display:inline; bottom:0px; left:-398px; padding:2px; background:black; border:1px solid #000; text-align:center; z-index:100 }
a.tooltip_depan2 span { display:none }
a.tooltip_depan2:hover span { position:absolute; display:inline; bottom:-10px; left:-620px; padding:2px; background:black; border:5px solid #000; text-align:center; z-index:100; -moz-box-shadow:0 0 100px 2px #222; box-shadow:0 0 100px 2px #222; -moz-webkit-shadow:0 0 100px 2px #222; -o-box-shadow:0 0 100px 2px #222; -khtml-box-shadow:0 0 100px 2px #222 }
a.tooltip_depan2:active span { -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222 }

/******************************************* PMG FIX FOR IE ***********************************************************/
img, div, a, input { behavior: url(script/iepngfix.htc) }

/****************** MENU ************************************************/
#navigation td { border-bottom:1px solid #e1e1e1 }
#navigation a { color:#81992B; line-height:10px; text-decoration:none; display:block; background-image:url(../img/dot.gif); background-repeat: no-repeat; background-position:10px 50%; padding:6px 6px 6px 22px; font-family:Arial, Helvetica, sans-serif; font-size:12px }	
#navigation a:hover { color:#ffffcc; font-weight:bold; background-color:#ff0000; background-repeat:no-repeat; background-position:0px 50% }
#navigation a:visited { color:#81992B; line-height:10px; text-decoration:none; display:block; background-image:url(../img/dot.gif); background-repeat:no-repeat; background-position:10px 50%; padding:6px 6px 6px 22px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#navigation a:visited:hover { color:#ffffcc; font-weight:bold; background-color:#ff0000; background-image:url(../img/menubg.gif); background-repeat: no-repeat; background-position:0px 50% }
#navheader { font:24px georgia; color:#1F2669; letter-spacing:.4em; padding:10px; line-height:30px }	
.navText { font:12px arial, Georgia, Times New Roman, Times, serif; color:#81992B; line-height:16px; text-decoration:none }

#navigation2 td { border-bottom:0px solid #e1e1e1 }
#navigation2 a { color:#81992B; line-height:10px; text-decoration:none; display:block; background-image:none; background-repeat:no-repeat; background-position:10px 50%; padding:3px 6px 3px 22px; font-family: Arial, Helvetica, sans-serif; font-size:12px }
#navigation2 a:visited { color:#81992B; line-height:10px; text-decoration:none; display:block; padding:3px 6px 3px 22px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
#navigation2 a:hover { color:#FFFFCC; font-weight:bold; background-color:#81992b; background-image:url(img/mm_bullet_yellow.gif); background-repeat: no-repeat; background-position:10px 50% }
#navigation a:visited:hover { color:#ffffcc; line-height:10px; text-decoration:none; display:block; padding:6px 6px 6px 22px; font-family: Arial, Helvetica, sans-serif; font-size:12px }
#navheader2 {font:24px georgia; color: #1F2669; letter-spacing:.4em; padding:10px; line-height:30px }
.navText2 { font:12px arial, Georgia, Times New Roman, Times, serif; color:#1F2669; line-height:16px; text-decoration:none }

#navigation3 td { border-bottom: 1px solid #e1e1e1 }
#navigation3 a { color:#ed1c24; line-height:10px; text-decoration:none; display:block; background-image:url(../img/dot.gif); background-repeat: no-repeat; background-position:10px 50%; padding:6px 6px 6px 22px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
#navigation3 a:hover { color:#FFFFCC; font-weight:bold; background-color:#ff0000; background-repeat:no-repeat; background-position:0px 50% }
#navigation3 a:visited { color:#ed1c24; line-height:10px; text-decoration:none; display:block; padding:6px 6px 6px 22px; font-family: Arial, Helvetica, sans-serif; font-size:12px }
#navigation3 a:visited:hover { color:#ffffcc; font-weight:bold; background-color:#ff0000; background-image: url(../img/menubg.gif); background-repeat:no-repeat; background-position:0px 50% }
#navheader3 { font:24px georgia; color: #ff0000; letter-spacing:.4em; padding:10px; line-height:30px }
.navText3 { font:12px arial, Georgia, Times New Roman, Times, serif; color:#1F2669; line-height:16px; text-decoration:none }

/**************************** POPIP UNTUK MENU *************************************************************/
.anylinkmenu { position:absolute; left:0; top:0; visibility:hidden; border:1px solid #000000; border-bottom-width:0; font:normal 11px Tahoma; font-stretch:narrower; line-height:20px; text-align:left; z-index:100; background:#ff0000; width:200px }
.anylinkmenu ul { margin:0; padding:0; list-style-type:none }
.anylinkmenu ul li a { width:100%; display:block; text-indent:3px; border-bottom:1px solid #000000; padding:2px 0; text-decoration:none; color:#ffffcc; font-weight:bold; text-indent:5px }
.anylinkmenu a:hover { background:#000; color:#ffffcc }
.anylinkmenu a:visited { background:#ff0000; color:ffffcc }
.anylinkmenu a:visited:hover { background:#000; color:ffffcc }
/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkmenucols { position:absolute; width:350px; top:0; visibility:hidden; border:1px solid #0079b2; font:normal 12px verdana; z-index:100; background:#E9E9E9 }
.anylinkmenucols li { padding-bottom:3px }
.anylinkmenucols .column { float:left; padding:3px 8px; margin-right:5px; background:#E0E0E0 }
.anylinkmenucols .column ul { list-style-type:none }
/* ######### class for shadow DIV ######### */
.anylinkshadow{ position:absolute; left:0; top:0; z-index:99; background:black; visibility:hidden }

/***************************************** AKTIVITI & PROJEK STYLER ***************************************************/
#fetauredKekotakNyok { position:relative; width:120px }
#featured { width:120px; left:20px; padding-left:0px; padding-right:380px; position:relative; border:0px solid #000000; height:90px; background:transparent; overflow: hidden; z-index:0 }
#bayangAP { position:absolute; width:100px; height:100px; top:-25px; left:-20px; background:url(../img/bayangbulat.png); z-index:-2 }
#fetauredKekotakNyok:hover #bayangAP { position:absolute; width:100px; height:100px; top:-25px; left:-20px; background:transparent; z-index:-2 }
#bayangAP2 { position:absolute; width:100px; height:100px; top:20px; left:70px; background:url(../img/bayangbulat.png); z-index:-2 }
#fetauredKekotakNyok:hover #bayangAP2 { position:absolute; width:100px; height:100px; top:20px; left:60px; background:transparent; z-index:-2 }
#featuredBgThumb { position:absolute; top:0px; left:20px; width:120px; height:80px; background:#fff; border:0px solid #000; z-index:-1 }
#featuredBayangThumb { position:absolute; top:0px; left:20px; width:120px; height:80px; border:0px solid #000; z-index:-2 }
#fetauredKekotakNyok:hover #featuredBayangThumb { position:absolute; top:0px; left:20px; width:120px; height:80px; border:0px solid #000; -moz-box-shadow:0 0 15px 2px #222; box-shadow:0 0 15px 2px #222; -webkit-box-shadow:0 0 15px 2px #666; -o-box-shadow:0 0 15px 2px #222; -khtml-box-shadow:0 0 15px 2px #222; z-index:-2 }
#fetauredKekotakNyok:active #featuredBayangThumb { position:absolute; top:0px; left:20px; width:120px; height:80px; border:0px solid #000; -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #666; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222; z-index:-2 }
#featured ul.ui-tabs-nav { position:absolute; top:5px; left:132px; list-style:none; padding:0; margin:0; width:368px; z-index:10 }
#featured ul.ui-tabs-nav li { padding:0px 0; padding-left:0px; font-size:12px; color:#666 }
#featured ul.ui-tabs-nav li img { float:left; margin:0px 0px 0px 0px; background:#000; padding:0px; border:1px solid #000 }
#featured ul.ui-tabs-nav li span { font-size:11px verdana; line-height:18px }
#featured li.ui-tabs-nav-item a { display:block; height:14px; color:#888; background: url(../img/dotblack.gif) left 5px no-repeat; padding-left:12px; line-height:14px; font-weight:bold; text-decoration:none }
#featured li.ui-tabs-nav-item a:hover { background: url(../img/dotblack.gif) left 5px no-repeat; padding-left:12px; color:#000; text-decoration:none; font-weight:bold }
#featured .ui-tabs-selected { background:none }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:url(../img/dotblack.gif) left 5px no-repeat; padding-left:12px; color:#000; text-decoration:none; font-weight:bold }
#featured .ui-tabs-panel { width:120px; height:80px; background:transparent; position:relative; text-align:left; z-index:3 }
#featured .ui-tabs-panel .info{ position:absolute; top:224px; left:0; width:460px; height:25px; background: url('../script/slider/images/transparent-bg.png'); padding:15px 20px 0 20px }
#featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:0px; margin:0; overflow:hidden }
#featured .info p{ margin:0 0px; font:11px tahoma; line-height:12px; color:#fff }
#featured .info a{ text-decoration:none; color:#fff}
#featured .info a:hover{ text-decoration:underline }
#featured .ui-tabs-hide{ display:none }
.gambar{ filter:opacity(40); opacity:0.4 }
#fetauredKekotakNyok:hover .gambar { filter:opacity(100); opacity:1.0 }
.gambar:visited{ filter:opacity(40); copacity:0.4 }

/******************************************** PAGINATION ***************************************************************************************/
div.pagination { padding:3px; margin:3px }
div.pagination a { padding:2px 5px 2px 5px; margin: 2px; border:1px solid #800000; text-decoration:none; color:#000 }
div.pagination a:hover { font-weight:bold; background-color:#800000; color:#fff; -moz-box-shadow:0 0 15px 1px #777; box-shadow:0 0 15px 1px #777; -webkit-box-shadow:0 0 15px 1px #777; -o-box-shadow:0 0 15px 1px #777; -khtml-box-shadow:0 0 15px 1px #777 }
div.pagination a:active { font-weight:normal; background-color:transparent; color:#000; -moz-box-shadow:0 0 0 0 #777; box-shadow:0 0 0 0 #777; -webkit-box-shadow:0 0 0 0 #777; -o-box-shadow:0 0 0 0 #777; -khtml-box-shadow:0 0 0 0 #777 }
div.pagination span.current { padding:2px 5px 2px 5px; margin:2px; border:1px solid #800000; font-weight:bold; background-color:#800000; color:#FFF }
div.pagination span.disabled { padding:2px 5px 2px 5px; margin:2px; border:1px solid #EEE; color:#DDD }
	
/********************************************* TARIKH & TARIKH HIJRIAH *************************************************************************/
#haribulanHijrah { color:#ed1c24; font-size:38px; font-family:sylfaen,arial; font-weight:bolder; text-shadow:2px 2px 5px #bbb }

/********************************************* IPAY88 PUNYA LOGO *******************************************************************************/
#ipay88 { position:relative; width:240px; height:117px; border-bottom:1px solid #e9e9e9; margin:0 auto 5px auto; padding:10px 0 3px 0; z-index:15 }
#ipay88KotakImage { position:absolute; width:240px; height:117px }
#ipay88:hover #ipay88KotakImage { position:absolute; width:260px; height:124px; top:6px; left:-10px; z-index:15 }
#ipay88:active #ipay88KotakImage { position:absolute; width:240px; height:117px; top:10px; left:0px }
#ipay88Image { width:240px; height:117px }
#ipay88:hover #ipay88Image { width:260px; height:124px }
#ipay88:active #ipay88Image { width:240px; height:117px }
#ipay88BayangImage, #ipay88BayangImage2 { position:absolute; width:30px; height:20px; bottom:20px; left:70px; z-index:-10 }
#ipay88:hover #ipay88BayangImage { -moz-box-shadow:-20px 2px 50px 20px #222; box-shadow:-20px 2px 50px 20px #222; -webkit-box-shadow:-20px 2px 50px 20px #222; -o-box-shadow:-20px 2px 50px 20px #222; -khtml-box-shadow:-20px 2px 50px 20px #222 }
#ipay88:active #ipay88BayangImage { -moz-box-shadow:0 0 0 0 #222; box-shadow:0 0 0 0 #222; -webkit-box-shadow:0 0 0 0 #222; -o-box-shadow:0 0 0 0 #222; -khtml-box-shadow:0 0 0 0 #222
}
#ipay88:hover #ipay88BayangImage2 { -moz-box-shadow:100px 2px 100px 15px #ccc; box-shadow:100px 2px 100px 15px #ccc; -webkit-box-shadow:100px 2px 100px 15px #ccc; -o-box-shadow:100px 2px 100px 15px #ccc; -khtml-box-shadow:100px 2px 100px 15px #ccc }
#ipay88:active #ipay88BayangImage2 { -moz-box-shadow:0 0 0 0 #ccc; box-shadow:0 0 0 0 #ccc; -webkit-box-shadow:0 0 0 0 #ccc; -o-box-shadow:0 0 0 0 #ccc; -khtml-box-shadow:0 0 0 0 #ccc }
#ipay88BayangAtas { position:absolute; width:240px; height:30px; top:-40px; left:0; padding:0 0 40px 0 }
#ipay88:hover #ipay88BayangAtas { position:absolute; width:240px; height:30px; top:-40px; left:0; padding:0 0 40px 0; visibility:hidden }
#ipay88BayangBawah { position:absolute; width:240px; height:40px; bottom:-46px; left:0; padding:46px 0 0 0 }
#ipay88:hover #ipay88BayangBawah { position:absolute; width:240px; height:40px; bottom:-46px; left:0; padding:46px 0 0 0; visibility:hidden }

/********************************* ENGLISH NEWS TICKER LATEST NEWS ON PALESTINE ***********************************************************/
.palestinkiniclass { width:470px; color:#888; font:12px arial; line-height:12px; background-color:none; padding:5px 20px 0 20px }
.palestinkiniclass a { color:#555; font:12px arial; font-weight:bold; line-height:12px; text-decoration:none }
.palestinkiniclass a:visited { color:#555; font:12px arial; line-height:12px; text-decoration:none }
.palestinkiniclass a:hover { color:#000; font:12px arial; line-height:12px; text-decoration:underline }
.palestinkiniclass a:visited:hover { color:#000; font:12px arial; line-height:12px; text-decoration:none }
.newsclass { border:1px solid orange; background-color:lightyellow; width:350px }