/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#582902; font:14px/16px Arial, Helvetica, sans-serif;}
div, p, ul, form, input, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----MAIN PANEL----*/
#mainPan{width:1000px; position:relative; margin:0 auto;}

/*----Left Panel----*/
#leftPan{width:155px; height:700px; float:left; background:#FFFCF4; color:#582902; border-bottom:1px solid #E3DDCD; border-left:1px solid #E3DDCD; border-right:1px solid #E3DDCD; padding:48px 0 0; background-image:url('images/leftbg.gif'); background-repeat:repeat-x;}

#leftPan ul.one{width:127px; height:120px; margin:0 0 22px 14px;}
#leftPan ul.one li{width:127px; height:21px; border-bottom:1px solid #E3DDCD;}
#leftPan ul.one li a{width:93px; height:21px; display:block; background:url(images/arrow1.gif) 23px 8px no-repeat #FFFCF4; color:#40361B; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li a:hover{background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li#current a{background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li.home{width:93px; height:21px; background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 34px;}
#leftPan ul.one li.contact{width:127px; height:21px; border-bottom:none;}

#fastformPan{width:127px; height:141px; background:#E3DDCD; color:#574A22; margin:0 14px 11px;}
#fastformPan form.formone{width:127px; height:141px;}
#fastformPan form.formone h2{width:117px; height:23px; background:#574A22; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
#fastformPan form.formone select{width:104px; height:18px; background:#fff; color:#000; font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:7px 0 0 10px;}

#submitPan{width:61px; height:20px; position:absolute; top:360px; left:70px;}
#fastformPan form input{width:61px; height:20px; display:block; background:url(images/button.gif) 0 0 no-repeat #E3DDCD; color:#fff; border:none; font:11px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase;}

#fastformPan form label{width:40px; height:10px; display:block; float:left; background:#E3DDCD; color:#574A22; font:10px/10px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0; padding:0 0 0 5px;}
#fastformPan form input.check{width:12px; height:12px; float:left; margin:10px 0 0; background:none;}

#leftPan h3{ height:20px; background:#FFFCF4; color:#574A22; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 25px;}

#leftPan ul.two{width:127px; height:180px; margin:23px 0 22px 14px;}
#leftPan ul.two li{width:127px; height:20px;}
#leftPan ul.two li a{width:105px; height:18px; display:block; background: #FFFCF4; color:#582902; font-size:13px; text-decoration:none; padding:0 0 0 22px;}
#leftPan ul.two li a:hover{background:url(images/arrow1.gif) 12px 6px no-repeat #FFFCF4; color:#574A22; font-size:13px; text-decoration:blink;}

#secondformPan{width:127px; height:210px; background:#E3DDCD; color:#574A22; margin:0 14px 30px;}
#secondformPan form.formtwo{width:127px; height:150px;}
#secondformPan form.formtwo h2{width:117px; height:23px; background:#574A22; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
#secondformPan a{color:#CC0000; border:none; font:12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;  text-align:center; margin:10px 0 0 10px; text-decoration:none;}
#secondformPan a:hover{color:#1300CC; border:none; font:12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;  text-align:center; margin:10px 0 0 10px; text-decoration:none;}
#secondformPan form.formtwo .teks{width:110px; height:15px; color:#000; border:none; font:11px/15px Verdana, Arial, Helvetica, sans-serif;  text-align:center; margin:0 0 0 0;}
#secondformPan form.formtwo .text{width:110px; height:20px; background:url(images/text.gif) 0 0 no-repeat #E3DDCD; color:#000; border:none; font:11px/20px Verdana, Arial, Helvetica, sans-serif;  text-align:center; margin:10px 0 0 0;}
#secondformPan form.formtwo .input{width:61px; height:20px; background:url(images/button.gif) 0 0 no-repeat #E3DDCD; color:#fff; border:none; font:11px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; margin:10px 0 0 56px;}
#secondformPan input{width:104px; height:18px; display:block; background:#fff; color:#000; font:11px/18px Verdana, Arial, Helvetica, sans-serif; margin:8px 0 0 10px;}

#leftPan ul.three{width:127px; height:20px; margin:23px 0 22px 14px;}
#leftPan ul.three li{width:127px; height:20px;}
#leftPan ul.three li a{width:105px; height:18px; display:block; background: #FFFCF4; color:#582902; font-size:13px; text-decoration:none; padding:0 0 0 22px;}
#leftPan ul.three li a:hover{background:url(images/arrow1.gif) 12px 6px no-repeat #FFFCF4; color:#574A22; font-size:13px; text-decoration:blink;}

/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:621px; float:left;}
/*---Top Panel----*/
#topPan{width:565px; height:100px; padding:0 0 0 30px;}
#topPan img.logo{width:213px; height:30px; margin:0px 0 5px;}
#topPan img.banner{width:546px; height:100px; margin:10px 0 200px;}

#topPan p{width:210px; height:18px; border:1px solid #D1C7A7; background:#fff; color:#010000; text-align:center; font-size:14px;}

#topPan ul{width:168px; position:absolute; top:51px; right:105px;}
#topPan ul li{width:55px; height:38px; border-right:1px solid #E3DDCD; float:left;}
#topPan ul li.home{width:55px; height:38px; background:url(images/icon1-normal.gif) 0 0 no-repeat;}
#topPan ul li.home a{width:55px; height:38px; display:block; background:url(images/icon1-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.home a:hover{width:55px; height:38px; background:url(images/icon1-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.home#sel a{width:55px; height:38px; background:url(images/icon1-hover.gif) 0 0 no-repeat; text-indent:-20000px;}

#topPan ul li.about{width:55px; height:38px; background:url(images/icon2-normal.gif) 0 0 no-repeat;}
#topPan ul li.about a{width:55px; height:38px; display:block; background:url(images/icon1-norma2.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.about a:hover{width:55px; height:38px; background:url(images/icon2-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.about#sel a{width:55px; height:38px; background:url(images/icon2-hover.gif) 0 0 no-repeat; text-indent:-20000px;}

#topPan ul li.contact{width:55px; height:38px; background:url(images/icon3-normal.gif) 0 0 no-repeat; border:none;}
#topPan ul li.contact a{width:55px; height:38px; display:block; background:url(images/icon3-norma2.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.contact a:hover{width:55px; height:38px; background:url(images/icon3-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.contact#sel a{width:55px; height:38px; background:url(images/icon3-hover.gif) 0 0 no-repeat; text-indent:-20000px;}

/*---/Top Panel----*/
/*---Body Panel----*/
#bodyPan{width:700px; padding:16px 40px 0 30px; font-size:12px;}
#bodyPan h3{height:30px; background:#fff; color:#40361B; font:20px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyPan p.contant1{background: padding:10px 0 0 98px;}
#biasa a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#993300; text-decoration:none;}
#biasa a:hover{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CC9900; text-decoration:none;}

#bodyPan p.more{background:url(images/more-line.gif) 0 90% repeat-x;}
#bodyPan p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 375px;}
#bodyPan p.more a:hover{background:#E3DDCD; color:#CC0000; text-decoration:none;}
/*---Body Lower Panel----*/
#bodylowerPan{width:700px; padding:16px 40px 0; position:relative; margin:0 auto;}
#bodylowerLeftPan{width:291px; padding:0 40px 0 0; float:left;}
#bodylowerLeftPan p{padding:15px 0;}
#bodylowerLeftPan h3{height:30px; background:#fff; color:#40361B; font:20px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodylowerLeftPan ul.list{width:290px;}
#bodylowerLeftPan ul.list li{width:290px; height:20px;}
#bodylowerLeftPan ul.list li a{height:20px; background:url(images/bullet1.gif) 0 3px no-repeat #fff; color:#000; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#bodylowerLeftPan ul.list li a:hover{background:url(images/bullet2.gif) 0 3px no-repeat #fff; color:#5E2401; line-height:20px; text-decoration:underline;}

#bodylowerLeftPan p.more{background:url(images/more-line.gif) 0 90% repeat-x; padding:0px;}
#bodylowerLeftPan p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 193px;}
#bodylowerLeftPan p.more a:hover{background:#E3DDCD; color:#CC0000; text-decoration:none;}

#bodylowerRightPan{width:194px; float:left;}
#bodylowerRightPan h4{height:50px; background:#fff; font:20px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodylowerRightPan ul{width:162px; height:144px; padding:0 16px 0; background:#fff; font:12px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodylowerRightPan ul li{width:162px; height:20px; border-bottom:1px solid #887B53;} 
#bodylowerRightPan ul li a{width:142px; height:20px; background:url(images/arrow4.gif) 8px 6px no-repeat #574A22; color:#fff; text-decoration:none; line-height:20px; padding:0 0 0 20px;} 
#bodylowerRightPan ul li a:hover{background:url(images/arrow5.gif) 8px 6px no-repeat #574A22; color:#FCF0CD; text-decoration:none; padding:0 0 0 20px;} 
#bodylowerRightPan ul li.lastlink{border:none;}

#bodylowerRightPan p.more{width:194px; height:38px; background:url(images/more-bg.jpg) 24px 0 no-repeat #574A22; color:#342B0D; padding:12px 0 0;}
#bodylowerRightPan p.more a{width:72px; background:#DED8C6; color:#342B0D; font-size:13px; font-weight:bold; margin:0 0 0 77px; text-decoration:none; }
#bodylowerRightPan p.more a:hover{text-decoration:none;}
/*---/Body Lower Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:60px; background:url(images/footerbg.gif) 0 0 repeat-x #FFFCF4; color:#010101; clear:both; padding:15px 0 0;}

#footerPan{width:778px; position:relative; margin:0 0; font-family:Arial, Helvetica, sans-serif;}

#footerPan ul{width:580px; height:20px; position:relative; margin:10px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#574A22; background:#FFFCF4; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:300px; position:relative; margin:0px 10px; background:#FFFCF4; color:#010000;  font-size:11px;}