/* CSS Document */
body{
padding:0px; 
margin:17px 0 0; 
background:url(../images/mainbg_black2.gif) 0 0 repeat-x #4B4848;
background-color:#4B4848; 
font:12px/16px Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: #4B4848;
SCROLLBAR-HIGHLIGHT-COLOR: #363030;
SCROLLBAR-SHADOW-COLOR: #363030;
SCROLLBAR-3DLIGHT-COLOR: #4B4848;
SCROLLBAR-ARROW-COLOR: #373535;
SCROLLBAR-TRACK-COLOR: #4B4848;
SCROLLBAR-DARKSHADOW-COLOR: #4B4848;
}

div, p, ul, li, h1, h2, h3, h4{
padding:0px; 
margin:0px;
}

A.inside {
COLOR: #6d6d6d; 
TEXT-DECORATION: underline; 
}

A.inside:hover {
COLOR: #1169E8; 
TEXT-DECORATION: underline; 
}

ul{
list-style-type:none;
}

input {
background-color: #3B3A3A; 
border: 1px #363030 solid; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px;
margin-left:0px;
margin-top:0px;
color:#CCCCCC;
} 

textarea {
background-color: #3B3A3A; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
border: 1px #363030 solid;
color:#CCCCCC;
} 


/*----MAIN PANEL----*/
#mainPan{
width:778px; 
position:relative; 
margin:0 auto;
}

/*----TOP PANEL----*/
#topPan{
width:778px; 
height:270px; 
background:url(../images/topbg_black2.jpg) 0 0 no-repeat; 
position:relative; 
margin:0 auto;
} 

#topPan img.logo{
width:236px; 
height:89px; 
position:absolute; 
top:25px; 
left:25px;
}

#topPan h1{
width:241px; 
height:78px; 
display:block; 
background:url(../images/header_black2.jpg) 0 0 no-repeat #F3F3F3;
color:#fff; 
position:absolute; 
top:114px; 
left:0px; 
font-size:12px; 
font-weight:bold; 
line-height:16px; 
padding:73px 186px 0 53px;
}

#topPan ul{
width:424px; 
display:block; 
position:absolute; 
left:320px; 
top:62px; 
padding:0;
}

#topPan ul li{
float:left; 
font:13px/18px Arial, Helvetica, sans-serif; 
font-weight:normal;
}

#topPan ul li a{
background:url(../images/arrow3_black.gif) 0 6px no-repeat; 
padding:0 15px 0 9px; 
color:#ffffff; 
text-decoration:none;
}

#topPan ul li a:hover{
background:url(../images/arrow4_black.gif) 0 6px no-repeat; 
color:#F8C400; 
text-decoration:none;
}

#topPan ul li.about{
float:left; 
font:13px/18px Arial, Helvetica, sans-serif; 
font-weight:normal;
}

#topPan ul li.about a{
background:url(../images/arrow4_black.gif) 0 6px no-repeat; 
padding:0 15px 0 9px; 
color:#F8C400; 
text-decoration:none;
}

#topPan ul li.about a:hover{
background:url(../images/arrow4_black.gif) 0 6px no-repeat; 
color:#F8C400;
text-decoration:none;
}

#toprightPan{
width:300px;
height:151px; 
background:url(../images/specialbg_black2.jpg) 0 0 no-repeat #F3F3F3;
color:#fff; 
position:absolute; 
top:114px; 
right:0px;
}


/*----Body Left Panel---*/
#leftPan{
width:538px; 
height:auto; 
float:left; 
background:url(../images/body-bottombg_fx_black2.gif) bottom left no-repeat #fff;
_background:url(../images/body-bottombg_ie_black2.gif) bottom left no-repeat #fff; 
color:#6D6D6D;
}

#leftPan ul{
width:538px; 
height:40px; 
background:url(../images/togel_black2.gif) 0 0 no-repeat; 
margin:0px; 
padding:0px;
}

#leftPan ul li{
width:110px; 
height:52px; 
float:left;
}

#leftPan h2{
width:430px; 
height:40px; 
display:block; 
background:url(../images/destaq_1.gif) 0 0 no-repeat #fff; 
color:#F9C500; 
font-size:26px; 
line-height:18px; 
font-weight:bold; 
margin:0 0 0 40px; 
padding:22px 0 0 42px;
}

#leftPan p{
padding: 0 0 10px 50px;
}

#leftPan p span{
font-weight:bold;
}

/*----Body one box---*/
#bodyleftlinkboxonePan{
width:490px; 
height:auto; 
position:relative; 
display:block; 
margin:20px 0 0 0px;
}

/*----Body two box---*/
#bodyleftlinkboxtwoPan{
width:490px; 
height:100px; 
display:block; 
margin:10px 0 0 0; 
padding:10px;
}

#bodyleftlinkboxtwoPan ul{
width:490px; 
height:135px; 
background:none; 
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

#bodyleftlinkboxtwoPan ul li.inside{
width:205px; 
height:90px; 
display:block; 
padding:10px 0 0 40px;
}

#bodyleftlinkboxtwoPan ul li.inside2{
width:400px; 
height:90px; 
display:block; 
padding:10px 0 0 40px;
}

#bodyleftlinkboxtwoPan ul li.inside span{
font-weight:bold;
}

#bodyleftlinkboxtwoPan ul li.inside2 span{
font-weight:bold;
}

#bodyleftlinkboxtwoPan ul li.cont_inside{
float:right; 
width:200px; 
height:auto; 
display:block; 
padding:0 15px 10px 20px; 
}

#bodyleftlinkboxtwoPan ul li.cont_inside span{
font-weight:bold;
}

/*----body tree box----*/
#bodyleftlinkboxtreePan{
width:490px; 
height:175px;
display:block; 
margin:10px 0 0 0; 
padding:10px;
}

#bodyleftlinkboxtreePan ul{
width:490px; 
height:28px; 
background:none; 
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

#bodyleftlinkboxtreePan ul li.inside{
width:230px; 
height:auto; 
display:block; 
padding:10px 0 35px 55px;
}

#bodyleftlinkboxtreePan ul li.inside span{
font-weight:bold;
}

#bodyleftlinkboxtreePan ul li.cont_inside{
float:right; 
width:170px; 
height:auto; 
display:block; 
padding:10px 0 20px 10px; 
}

#bodyleftlinkboxtreePan ul li.cont_inside span{
font-weight:bold;
}

/*----Body list box---*/
#bodyleftlinkboxlist{
width:490px; 
height:90px; 
display:block; 
margin:10px 0 0 0; 
padding:10px;
}

#bodyleftlinkboxlist ul{
width:490px; 
height:70px; 
background:none; 
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

#bodyleftlinkboxlist ul li.inside{
width:205px; 
height:50px; 
display:block; 
padding:0 0 0 40px;
}

#bodyleftlinkboxlist ul li.inside span{
font-weight:bold;
}

#bodyleftlinkboxlist ul li.cont_inside{
float:right; 
width:200px; 
height:auto; 
display:block; 
padding:0 15px 10px 20px; 
}

#bodyleftlinkboxlist ul li.cont_inside span{
font-weight:bold;
}

/*----Body space box---*/
#bodyleftlinkboxspace{
width:490px; 
height:70px;
_height:2px; 
display:block; 
margin:10px 0 0 0;
padding:10px;
}


/*----Body Right Panel---*/
#bodyrightPan{
width:240px; 
float:left; 
font:12px Arial, Verdana;
color:#bebaba;  
}

#bodyrightPan ul{
width:240px; 
height:35px; 
margin:0px; 
padding:0px;
}

#bodyrightPan h2{
height:20px; 
font:22px Arial, Verdana; 
color:#B88F00; 
font-weight:normal; 
margin:10px 0 0 38px;
padding-bottom:8px;
padding-top:30px;
}

#bodyrightPan p{
padding:11px 15px 0 38px;
}

#bodyrightPan p form{
font:9px;
display:block; 
left:225px; 
color:#fff; 
padding-top:10px;
}


/*----FOOTER PANEL---*/
#footermainPan{
height:195px; 
background:url(../images/footerbg.gif) 0 0 repeat-x; 
clear:both;
}

#footermainPan img.logo{
width:228px; 
height:155px; 
position:absolute; 
top:17px; 
left:527px;
}

#footerPan{
width:778px; 
height:90px; 
display:block; 
position:relative; 
margin:0 auto; 
color:#fff; 
background:url(../images/footerbg.gif) 0 0 repeat-x #979797; 
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#footerPan p{
padding:51px 0 0;
}

#footerPan p span{
background:#1C1B19; 
color:#AC2626; 
font-size:10px;
}

#footerPan p.copyright{
background:#979797;
display:block;
position:absolute;
top:128px;
left:205px;
color:#fff;
font:11px/15px Tahoma,Arial, Helvetica, sans-serif;
padding:0;
width: 110px;
}

#footerPan ul{
width:424px; 
display:block; 
position:absolute; 
left:80px; 
top:41px; 
padding:0;
}

#footerPan li{
float:left; 
font:12px Arial, Helvetica, sans-serif; 
font-weight:normal;
}

#footerPan ul li a{
padding:0 8px 0 8px; 
color:#fff; 
background:#979797; 
text-decoration:none;
}
 
#footerPan ul li a:hover{
text-decoration:underline;
}

#footerPan ul.info{
width:424px; 
height:45px; 
display:block; 
position:absolute; 
left:78px; 
top:70px; 
padding:0;
}

#footerPan ul.info li{
display:block; 
width:109px;
}

#footerPan ul.info li.address{
width:150px; 
background:url(../images/vertical-dot.gif) 100% 0 repeat-y #979797; 
color:#353535; 
font-family:Tahoma,Arial, Helvetica, sans-serif; 
font-size:10px; 
padding:0 0 0 16px; 
font-weight:bold;
}

#footerPan ul.info li.phone{
width:94px; 
background:url(../images/vertical-dot.gif) 100% 0 repeat-y #979797; 
color:#353535; 
font-family:Tahoma,Arial, Helvetica, sans-serif; 
font-size:10px; 
padding:0 0 0 16px; 
font-weight:bold;
}

#footerPan ul.info li.fax{
width:94px; 
background:#979797; 
color:#353535; 
font-size:10px; 
padding:0 0 0 16px; 
font-family:Tahoma,Arial, Helvetica, sans-serif; 
font-weight:bold;
}

#footerPan ul li span{
background:#979797; 
color:#FFDB5D; 
font-size:10px; 
font-weight:bold; 
line-height:18px;
}

#footerPan ul.design{
width:75px; 
background:#979797; 
color:#fff; 
display:block; 
position:absolute; 
top:146px; 
left:221px;
}

#footerPan ul.design li{
font-size:11px;
}

#footerPan ul.design li a{
background:#979797; 
display:block; 
color:#fff; 
text-decoration:none;
}

#footerPan ul.design li a:hover{
text-decoration:underline;
}

