/* CSS Document */
body{padding:0px; margin:0px;background:url(images/headerbg2.gif) 0 0 repeat-x #fff; color:#666; font:12px/16px Arial;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#fff;  text-decoration:none; color:#666;}
a:hover{text-decoration:none; font-weight:bold;}

#wrap {
width: 900px;
margin: 0 auto;
}



/*----TOP PANEL----*/
#maintopPan{height:277px; background:url(images/headerbg2d.gif) 0 0 repeat-x; margin:0 auto;}
#topHeaderPan{width:614px; height:277px; float:left; background:url(images/xxx.jpg) 0 0 no-repeat;}

#topHeaderPan ul{width:114px; height:124px; padding: 120px 0 0 25px;}
#topHeaderPan ul li{width:114px; height:24px; background:url(images/dot-line.gif) 0 100% repeat-x;}
#topHeaderPan ul li a{display:block; width:102px; height:24px; background:url(images/bullet1.gif) 0 9px no-repeat; font:14px/24px Arial, Helvetica, sans-serif;  text-decoration:none; padding:0 0 0 12px; color:#fff;}
#topHeaderPan ul li a:hover{text-decoration:underline; background:url(images/bullet2.gif) 0 9px no-repeat; color : #84E003;}
#topHeaderPan ul li.resources{width:114px; height:24px; background:none;}

#topHeaderPan img{width:220px; height:53px; }
/*----Top Side Menu--*/
#topSidemenuPan{width:264px; height:277px; float:left; background:url(images/right-bg.gif) 100% 0 no-repeat #fff; color:#000;}
#topSidemenuPan ul{width:198px;  margin:0 0 0 20px;}
#topSidemenuPan ul li{width:99px; height:277px; float:left;}

#topSidemenuPan ul li.home{width:99px; height:277px;}
#topSidemenuPan ul li.home a{width:99px; height:277px; display:block; background:url(images/home-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.home a:hover{width:99px; height:277px; background:url(images/home-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.contact a{width:99px; height:277px; display:block; background:url(images/contact-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.contact a:hover{width:99px; height:277px; background:url(images/contact-hover.jpg) 0 0 no-repeat;}


/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:878px; clear:both;}
/*----LeftMENU Panel----*/

#leftMenuPan{width:205px; float:left;  margin-top:10px; background:url(images/rightpanbg_kecil.gif) 0 0 repeat-y;}
#leftMenuPan  h2{width:85px; height:74px; background:url(images/icon4.jpg) 0 0 no-repeat ; color:#3A3A3A; font:16px/18px Arial, Helvetica, sans-serif; padding:0px 0 20px 65px; text-transform:uppercase; margin:0px 0 0 35px; }
#leftMenuPan  h2 span{font-size:48px; line-height:32px; color:#61A804; text-transform:none;}
#leftMenuPan  h3{width:85px; height:74px; background:url(images/icon5.jpg) 0 0 no-repeat #fff; color:#3A3A3A; font:14px/18px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 53px; }
#leftMenuPan  h3 span{font-size:48px; line-height:32px; background:#fff; color:#61A804; text-transform:none;}
#leftMenuPan  ul{
    width:190px; margin:0 0 10px 0px;
    padding:0;
    display:block;
}
#leftMenuPan  ul li{
    display:block;
    line-height:0;
    background:none;  padding:0 0 10px 20px;
}
#leftMenuPan  ul li a{
    display:block;
    background:url(images/bullet.gif) 0 7px no-repeat;
    padding:0 0 0 10px;
    font:normal 11px/20px "Trebuchet MS";
    color:#333;
    text-decoration:underline;

}
#leftMenuPan  ul li a:hover{
    color:#1a70a1;
    background:url(images/bullet_h.gif) 0 7px no-repeat #fff;
    text-decoration:none;
}
#lefttopPan{width:205px; height:24px; background:url(images/righttoppan_kecil.gif) 0 0 no-repeat; }
#leftbottomPan{width:205px; height:24px; background:url(images/rightbottompan_kecil.gif) 0 0 no-repeat; }



/*----Left Panel----*/
#leftPan{width:605px; float:left;}
#LeftLeftPan{width:290px; float:left;}
#RightLeftPan{width:290px; float:right;}
#leftPan p{padding:0 25px 14px; text-align:justify;}
#leftPan p span{font-weight:bold;}
#leftPan p.more{
    text-align : right;
    padding:5px 15px 5px 5px;
    color: #B29269;
    font-family: Trebuchet;
    font-size: 11px;
    margin-left : 20px; 
    margin-right: 20px;
    margin-bottom : 20px;
    border: 1px solid #208B51;
    background: #D1F0A6;

}
#leftPan p.more a{ height:10px;  background: #D1F0A6; text-align: left;
    color: #B29269;
    font-family: Trebuchet;
    font-size: 11px; text-decoration:underline; padding:5px 0 5px 5px;}
#leftPan p.more a:hover{background:#D1F0A6; color:#046CB8; text-decoration:none;}

#leftPan h2{
font: 20px/25px "Times New Roman";
    color:#208B51;
    background-color:inherit;
    border-bottom:#208B51 dashed 1px;
    margin:13px  25px 15px 30px;
}

#leftPan h3{
font-size:30px; line-height:32px; background:#fff; color:#61A804; text-transform:none;
    margin:13px  25px 15px 0px;
}



#leftPan h4{
font: 20px/25px "Times New Roman";
    color:#208B51;
    text-decoration : underline;
    margin:5px  5px 0px 0px;
}


#wrapEvent{width:505; margin : 0 auto; }
#wrapEvent h3{height:55px; background:url(images/icon3.gif) 0 0 no-repeat #fff; color:#046CB8; font:30px/10px Arial, Helvetica, sans-serif; padding:30px 0 0 54px; margin:0 0 0 22px;}
#leftPaninleftPan{width:400px; float:left;}
#leftPaninleftPan img{width:209px; height:90px; margin:0 0 0 22px;}
#leftPaninleftPan p.strongtext{font:20px/18px Arial, Helvetica, sans-serif; color:#3A3A3A; font-weight:bold; padding:0px 24px 14px;}

#leftPaninleftPan p.moreone{width:100px; height:23px; margin:0 0 35px;}
#leftPaninleftPan p.moreone a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPaninleftPan p.moreone a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

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

/*----middle Panel----*/
#middlePan{width:400px; float:left;}
#middlePan p{padding:0 25px 14px; text-align:justify;}
#middlePan p span{font-weight:bold;}
#middlePan p.more{
    text-align : right;
    padding:5px 15px 5px 5px;
    color: #B29269;
    font-family: Trebuchet;
    font-size: 11px;
    margin-left : 20px; 
    margin-right: 20px;
    margin-bottom : 20px;
    border: 1px solid #208B51;
    background: #D1F0A6;

}
#middlePan p.more a{ height:10px;  background: #D1F0A6; text-align: left;
    color: #B29269;
    font-family: Trebuchet;
    font-size: 11px; text-decoration:underline; padding:5px 0 5px 5px;}
#middlePan p.more a:hover{background:#D1F0A6; color:#046CB8; text-decoration:none;}

#middlePan h2{
font: 20px/25px "Times New Roman";
    color:#208B51;
    background-color:inherit;
    border-bottom:#208B51 dashed 1px;
    margin:13px  25px 15px 30px;
}

#middlePan h3{
font-size:30px; line-height:32px; background:#fff; color:#61A804; text-transform:none;
    margin:13px  25px 15px 0px;
}



#middlePan h4{
font: 20px/25px "Times New Roman";
    color:#208B51;
    text-decoration : underline;
    margin:5px  5px 0px 0px;
}


#wrapEvent{width:505; margin : 0 auto; }
#wrapEvent h3{height:55px; background:url(images/icon3.gif) 0 0 no-repeat #fff; color:#046CB8; font:30px/10px Arial, Helvetica, sans-serif; padding:30px 0 0 54px; margin:0 0 0 22px;}
#leftPaninleftPan{width:400px; float:left;}
#leftPaninleftPan img{width:209px; height:90px; margin:0 0 0 22px;}
#leftPaninleftPan p.strongtext{font:20px/18px Arial, Helvetica, sans-serif; color:#3A3A3A; font-weight:bold; padding:0px 24px 14px;}

#leftPaninleftPan p.moreone{width:100px; height:23px; margin:0 0 35px;}
#leftPaninleftPan p.moreone a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPaninleftPan p.moreone a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

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


/*----Right Panel----*/
#rightPan{width:273px; float:left; background:url(images/rightpanbg.gif) 0 0 repeat-y;}

#rightPan h2{width:85px; height:74px; background:url(images/icon4.jpg) 0 0 no-repeat #fff; color:#3A3A3A; font:14px/18px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 53px; }
#rightPan h2 span{font-size:48px; line-height:32px; background:#fff; color:#61A804; text-transform:none;}
#rightPan h3{width:85px; height:74px; background:url(images/icon5.jpg) 0 0 no-repeat #fff; color:#3A3A3A; font:14px/18px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 53px; }
#rightPan h3 span{font-size:48px; line-height:32px; background:#fff; color:#61A804; text-transform:none;}
#rightPan ul{
    width:200px; margin:0 0 10px 15px;
    padding:0;
    display:block;
}
#rightPan ul li{
    display:block;
    line-height:0;
    background:none;  padding:0 0 10px 20px;
}
#rightPan ul li a{
    display:block;
    background:url(images/bullet.gif) 0 7px no-repeat;
    padding:0 0 0 10px;
    font:normal 11px/20px "Trebuchet MS";
    color:#333;
    background-color:#fff;
    text-decoration:underline;

}
#rightPan ul li a:hover{
    color:#1a70a1;
    background:url(images/arrow_white_hover.gif) 0 7px no-repeat #e4f1f7;
    text-decoration:none;
}
#rightPicPan{width:200px;  margin:0 auto; padding:20px 0 0 45px;   color:#000;}

#leftmemberPan{width:200px;  margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;}
#leftmemberPan h2{height:48px; background:url(images/symbol4.jpg) 0 0 no-repeat #fff; display:block;  padding:0 0 0 57px; margin:12px 0 20px 13px; font:25px/25px Arial, Helvetica, sans-serif; color:#61A804; text-transform:uppercase;}
#leftmemberPan h2 span{background:#fff; color:#3D3C2C;}
#leftmemberPan  form{width:180px;  background:inherit; padding:0; margin:0 0 15px 8px; color:#333227;}
#leftmemberPan  form label{width:150px; display:block;  padding:0px 5px 10px 16px; text-align:justify; color:blue;}
#leftmemberPan  form submit{width:150px; display:block;}



#rightbottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat; float:right;}

/*----Footer Panel----*/
#footermainPan{height:110px; background:#DCDCDC; color:#fff; clear:both; margin: 0 auto, padding:50px;}
#footerPan{width:840px;height:80px; position:relative; margin:0 auto; padding:30px 0; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal; text-align:right; color:#4C4C4C;}
#footerPan a{padding:0 6px;  background:#DCDCDC; text-decoration:none; color:#4C4C4C;}
#footerPan a:hover{text-decoration:underline;}
#footerPan p.copyright{background:inherit; display:block;  color:#A64200; text-align:right; padding:10px 0;}
#footerPan p.design a{display:block;  color:#DCDCDC; text-align:right; padding:0px 0;}
#footerPan p.design a:hover{display:block;  color:#fff; text-align:right; padding:0px 0; text-decoration:underline;}