@charset "utf-8";
/* CSS Document */

body, div, img, p, h1, h2, h3, h4, h5, h6, a, a:hover, ul, li{margin:0px; padding:0px;}


body{ background:url(images/top_bg.jpg) repeat-x;}

#main_box{ width:1004px; margin:0px auto; position:relative; }

#header{height:108px; background:#252f38; }

#logo{ width:260px; height:55px; padding:5px 0px 0px 20px;}

#banner{height:241px; background:url(images/banner.jpg) no-repeat 0px 1px; }

.menu{  text-align:center;  }

.menu ul{ padding-top:20PX;}

.menu ul li{ text-transform:uppercase; font: bold 13px Arial, Helvetica, sans-serif; display:inline; list-style:none; border-left:1px solid #FFF; padding:0px 12px;}

.menu ul li a{ color:#FFF; text-decoration:none; padding:2px 18px;}

.menu ul li a:hover{padding:2px 18px; color: #F00;  }
.hover{ color:#F00; background:#02a6ee; border-radius:10px; }


#detail{ margin:10px 0 0 0;   padding:10px 0px 0px 10px; border:1px solid #ccc;}

#left{width:733px; float:left;}
#left p{font:12px Arial, Helvetica, sans-serif; color:#333; padding:10px; text-align:justify;}
#left img{padding:8px;}

.clear{clear:both;}
#left h1{font:24px Arial, Helvetica, sans-serif; color:#333; background:url(images/h1_bg.gif) bottom repeat-x; height:35px;}
#right{width:250px; float: right;  }
#right img{ margin-bottom:5px;}

.top{background:url(images/top.gif) top no-repeat;}
.mid{background:url(images/mid.gif) repeat-y;}
.btm{background:url(images/btm.gif) bottom no-repeat; padding:0px 28px; height:380px;}



#footer{height:35px; background:#000; color:white; font:12px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;}
#footer a{ color:#09F; text-decoration:none; }
#footer a:hover{ color:#F60;}



/***********************   for inner page         ******************************/
table{font:13px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;}