/* CSS Document */
body{padding:0px; padding-left: 90px; margin:0px; background: #FFFFCC; color:#7D7D7D; font:12px/18px "Tahoma", Arial, Helvetica, sans-serif;}
div, p, ul, form, label, h2, h3, h4, h5, img{padding:0px; margin:0px;}
a{text-decoration:none;color:#000;}a:hover{text-decoration:none;color: #4C77B6;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#topPan{width:778px; height:184px; background:url(images/banner-top.png) 0 0 no-repeat; position:relative; font:11px "Tahoma", Arial, Helvetica, sans-serif;}
#topPan img.logo{position:absolute; top:165px; right:5px;}

#topPan ul{width:160px; height:20px; background:url(images/top-navigater.png) 0 0 no-repeat; position:absolute; top:28px; left:615px;}
#topPan ul li{float:left;}

#topPan ul li.home{width:160px; height:15px; float:left;margin-left: 31px;}
#topPan ul li.home a{width:18px; height:12px; display:block; margin:0 0 0 10px;text-decoration: none;color: orange; text-indent:0px;}
#topPan ul li.home a:hover{color: #000000;}

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

/*----BODY TOP PANEL----*/
#bodytopPan{width:778px; position:relative; padding:13px 0 0;}
/*----Body Top Left Panel----*/
#btleftPan{width:490px; float:left; padding:0 36px;}
#btleftPan h2{width:auto; height:21px; background:#fff; color:#FF9209; font:14px "Tahoma",Georgia, "Times New Roman", Times, serif;}

#btleftPan p span{font-weight:bold;color: orange;}

#btleftPan p.more{width:73px; height:25px; margin:0 0 0 417px; font:12px/24px "Tahoma",Arial, Helvetica, sans-serif; font-weight:bold;}
#btleftPan p.more a{width:53px; height:25px; display:block; background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#btleftPan p.more a:hover{background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}
/*----/Body Top Left Panel----*/

/*----Body Top Right Panel----*/
#btrightPan{width:203px; float:left; font-family:"Tahoma",Arial, Helvetica, sans-serif;}
#btrightPan h3{;color: orange;}

#btrightPan #main{width:auto; height:41px; display:block; background:url(images/home.png) 0 0 no-repeat; font-size:12px; line-height:18px; position:relative; margin:0 auto;}
#btrightPan #main a{width:auto; height:41px; display:block; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}

#btrightPan #addnote{width:auto; height:41px; display:block; background:url(images/addnote.png) 0 0 no-repeat; font-size:12px; line-height:18px; position:relative; margin:0 auto;}
#btrightPan #addnote a{width:auto; height:41px; display:block; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}

#btrightPan #khonkean{width:auto; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:12px; position:relative; margin:0 auto;}
#btrightPan #khonkean h2{width:auto; height:22px; display:block; background:#fff; color:#FF8700; font-size:12px; position:absolute; top:7px; left:86px;}
#btrightPan #khonkean p{font-size:11px; position:absolute; top:30px; left:86px;}
#btrightPan #khonkean a{width:auto; height:58px; display:block; background:url(images/khonkean-nor.jpg) 12px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #khonkean a:hover{background:url(images/planning-hover.jpg) 12px 1px no-repeat; text-decoration:none;}

#btrightPan #surin{width:auto; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:12px; position:relative; margin:0 auto;}
#btrightPan #surin h2{width:auto; height:22px; display:block; background:#fff; color:#FF8700; font-size:12px; position:absolute; top:7px; left:86px;}
#btrightPan #surin p{font-size:11px; position:absolute; top:30px; left:86px;}
#btrightPan #surin a{width:auto; height:58px; display:block; background:url(images/services-nor.jpg) 12px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #surin a:hover{background:url(images/services-hover.jpg) 12px 1px no-repeat; text-decoration:none;}

#btrightPan #kalasin{width:auto; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:12px; position:relative; margin:0 auto;}
#btrightPan #kalasin h2{width:auto; height:22px; display:block; background:#fff; color:#FF8700; font-size:12px; position:absolute; top:7px; left:86px;}
#btrightPan #kalasin p{font-size:11px; position:absolute; top:30px; left:86px;}
#btrightPan #kalasin a{width:auto; height:58px; display:block; background:url(images/projects-nor.jpg) 12px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #kalasin a:hover{background:url(images/projects-hover.jpg) 12px 1px no-repeat; text-decoration:none;}

/*----/Body Top Right Panel----*/

/*----Body Middle Panel----*/
#bodymiddlePanInd {width:700px; padding:0 34px 0 36px; clear:both; border: 1px solid #000;}
#bodymiddlePanInd h3{width:500px; height:35px; background:#fff; color:#FF9209; font:14px/35px "Tahoma",Georgia, "Times New Roman", Times, serif;}
#bodymiddlePanInd ul{width:650px; height:100px; margin:0px;}
#bodymiddlePanInd ul li {width:645; height:20px; display:block; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#7D7D7D; font-size:12px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bodymiddlePanInd ul li span {color: #345487;}

#bodymiddlePan{width:350px; padding:0 34px 0 36px; clear:both;}

#bodymiddlePan h3{width:380px; height:35px; background:#fff; color:#FF9209; font:14px/35px "Tahoma",Georgia, "Times New Roman", Times, serif;}
#bodymiddlePan h5{width:300px; height:35px; background:#fff; color:#345487; font:12px/35px "Tahoma",Georgia, "Times New Roman", Times, serif;font-weight: bold;}

#bodymiddlePan ul{width:350px; height:100px; margin:0px;}
#bodymiddlePan ul li {width:345; height:20px; display:block; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#7D7D7D; font-size:12px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bodymiddlePan ul li span {color: #345487;}

#bodymiddlePan ul#program{width:350px; margin:0px;}
#bodymiddlePan ul#program li {width:345px; height:20px; display:block; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#7D7D7D; font-size:12px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bodymiddlePan ul#program li span {color: #345487;}

#bodymiddlePan h4{width:628px; height:24px; display:block; float:left; background:url(images/border-line.jpg) 100% 100% no-repeat #fff; color:#CCC502; font-size:30px; line-height:24px; padding:0px; margin:0px;}

#bodymiddlePan p.more{width:73px; height:25px; display:block; float:left; font:12px/24px "Tahoma",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin:0 0 0 6px;}
#bodymiddlePan p.more a{width:53px; height:25px; display:block; background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#bodymiddlePan p.more a:hover{background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}
/*----/Body Middle Panel----*/

/*----Body Bottom Panel----*/
#bodybottomPan{width:706px; padding:0px 36px; clear:both;}
/*----Bottom Left Panel----*/
#bottomleftPan{width:250px; float:left; padding:27px 0 0;}
#bottomleftPan h2{width:auto; height:38px; display:block; color:#FF9209; font:14px/40px "Tahoma",Georgia, "Times New Roman", Times, serif; padding:0px;}

#bottomleftPan p.online{width:250px; height:107px;}
#bottomleftPan p.online a{width:250px; height:107px; display:block; background:url(images/online-chat.jpg) 0 0 no-repeat; text-indent:-20000px;}
#bottomleftPan p.online a:hover{background:url(images/online-chat.jpg) 0 0 no-repeat; text-indent:-20000px;}

#bottomleftPan form{width:250px; height:137px; background:url(images/form.gif) 0 100% no-repeat; position:relative;}
#bottomleftPan form label{width:150px; height:18px; display:block; background:#fff; color:#7D7D7D; font:13px/18px "Tahoma",Arial, Helvetica, sans-serif; font-weight:bold;}
#bottomleftPan form label.labeltopmarginone{position:absolute; top:49px; left:26px;}
#bottomleftPan form label.labeltopmargintwo{position:absolute; top:92px; left:26px;}

#bottomleftPan form input{width:135px; height:17px; font-size:14px;}
#bottomleftPan form input.inputtopmarginone{position:absolute; top:69px; left:26px;}
#bottomleftPan form input.inputtopmargintwo{position:absolute; top:110px; left:26px;}
#bottomleftPan form input.botton{width:60px; height:23px; display:block; background:#fff; color:#7D7D7D; border:none; position:absolute; top:110px; right:20px; font:16px/23px "Tahoma",Georgia, "Times New Roman", Times, serif; font-weight:bold;}

#bottomleftPan h3{width:250px; height:28px; background:#fff; color:#7D7D7D; font:22px/23px "Tahoma",Arial, Helvetica, sans-serif; padding:11px 0 0;}

#bottomleftPan p.resistred{width:250px; height:22px; font:18px/22px "Tahoma",Arial, Helvetica, sans-serif;}
#bottomleftPan p.resistred a{width:250px; height:22px; display:block; background:url(images/registernow-bg.gif) 116px 6px no-repeat #fff; color:#FEA905; text-decoration:none; }
#bottomleftPan p.resistred a:hover{background:url(images/registernow-bg.gif) 116px 6px no-repeat #fff; color:#C98703; text-decoration:none; }

/*----FOOTER PANEL----*/
#footermainPan{height:50px; background:url(images/footerbg.gif) 0 0 repeat-x #F1F1F1; color:#585858; font:13px/20px "Tahoma","Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:48px 0 0;}

#footerPan{width:706px; position:relative; padding:0 0 0 36px;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan a{padding:0; color:#585858; background:#F1F1F1; text-decoration:none; font-size:12px;}
#footerPan a:hover{text-decoration:underline;}

#footerPan p.copyright{width:260px; position:relative; margin:0 auto; background:#F1F1F1; color:#9F5300;  font-size:13px;}

#footerPan ul.templateworld{width:250px; background:#F1F1F1; color:#585858; display:block; position:absolute; top:70px; left:285px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F1F1F1; display:block; color:#585858; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:285px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:360px;}
#footerPancss a{width:50px; height:24px; display:block; background:url(images/css-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/