@charset "utf-8";
/* CSS Document */
body{
	background: url(../images/skin/bg_main.jpg) #006699 repeat-x; height: 100%; margin: 0 auto 0 auto;
	font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 
	line-height:1.5em; letter-spacing:0.1em;
	color:#4d4d4d;
	scrollbar-face-COLOR:#FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF ; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #ffffff; /*tam giac*/
	SCROLLBAR-TRACK-COLOR: #ffffff; /*bg track*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;

}
A {
	font-family:'DFKai-SB',Arial, Helvetica, sans-serif; 	COLOR: #003366  ; font-size:14px; 

	text-decoration:none;
}
A:hover {
	font-family:'DFKai-SB',Arial, Helvetica, sans-serif; 	COLOR: #FF0000;	 font-size:14px; 

	text-decoration:underline;
}

a img{ border:0px;}
TD { color:#333333;		font-family:'DFKai-SB',Arial, Helvetica, sans-serif;   font-size:14px; 

 }


#body {
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 auto; background:#ffffff; font-family:'DFKai-SB',Arial, Helvetica, sans-serif;   font-size:14px; 
}

#intro {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0 auto 0 auto; margin-top:30px;
}
#header{width:970px; float:left; background: url(../images/skin/sp_top.jpg) no-repeat top #FFFFFF; padding-top:17px; padding-bottom:9px}
#menu{ background:url(../images/skin/menu_bg.jpg) no-repeat; height:35px; width:863px; float:left;font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px;  }
#menu ul { list-style:none; padding:0px; margin:0px; font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; }
#menu li{ 	 font-weight:bolder; text-transform:uppercase; float: left; height:30px; line-height:30px;  font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 	 }
#menu	a{background: url(../images/skin/sp_menu.jpg) no-repeat right top; display:block; color:#fff;  padding-left:12px; padding-right:12px; font-weight:bolder; 	font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px;   }
#menu a:hover{ color: #FF0; text-decoration: underline;	font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px;  }

#slide{width:970px; float:left; height:160px; border-bottom:5px #F60 solid; margin-bottom:5px;}
#center{width:960px; float:left; background:#FFF; padding-left:5px; padding-right:5px; padding-bottom:10px;}
#left_180{ float:left; width:180px;}

#left_700{ width:690px; float:left; margin-right:5px; padding-left:0px; padding-right:10px; }
#title{  color: #F30; font-weight:bold; background:url(../images/skin/title_bg.jpg) no-repeat; padding-left:5px; padding-bottom:5px; margin-bottom:10px; text-transform:uppercase;font-family: 'DFKai-SB',Arial, Helvetica, sans-serif; font-size:18px; }
#content_700{ line-height:18px; color:#000; 	    margin-left:20px;}
#content_400{ line-height:18px; color:#000;	   margin-left:10px; float:left; width:500px}
#content_400x{ line-height:18px; color:#000; 	   margin-left:10px; }

#right_255{ width:255px; float:left;font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; }

#search_box{ width:255px; float:left; background: url(../images/skin/search_box_bottom.jpg) no-repeat bottom #0099cc; color:#FFF}
#adv img{ margin-top:5px}

#footer{ clear:both; background:url(../images/skin/footer.jpg) #006699 no-repeat center top; float:left; width:970px; 	font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 
	  COLOR: #333; text-align: center ;  line-height:18px; height:90px; }
#footer A {		font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 
	 COLOR: #fff; TEXT-DECORATION: none}
#footer A:hover {		font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 
	 COLOR: #FC0  ; text-decoration: underline;}

#footer .menu A{		font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 
 COLOR: #fff; TEXT-DECORATION: none; margin-left:5px; margin-right:5px;}
#footer .menu A:hover{		font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; 
 COLOR: #FC0  ; text-decoration: underline;}




.clear{ clear:both}
.fleft{ float:left}
.contact_name{ width:90px; float:left; font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; }
.contact_input_min{ width:180px; margin-bottom:5px; border:1px solid #CCC; font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; }
.contact_input_medium{ width:240px; margin-bottom:5px; border:1px solid #CCC}
input{ border:1px solid  #999; padding:3px; width:auto; background:#fff; margin:2px 0px 8px 0px; }
textarea{ border:1px solid #999; padding:5px; width:auto ;  background:#fff; margin-top:3px;margin-bottom:3px;}
.radio{ border:0px ; padding:0px;margin:0px;background:none; }

.red{ color:#F00}
.org{ color:#F90}
.smalltext{ font-size:8pt;}
.marginBt5px{ margin-bottom:5px;}

#news_menu { margin:0px; padding:0px; font-family:  'DFKai-SB',Arial, Helvetica, sans-serif; font-size:14px; }
#news_menu .sidenav {font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #333; text-align: left; margin-bottom:0px; margin-left:0px; padding:0px;}
#news_menu .sidenav ul {list-style: none; margin:0px; padding:0px;border: none;}
#news_menu .sidenav li {border-bottom: 1px solid #fff; padding-left: 0px; padding-top: 0px; background-color: #0099cc;}
#news_menu .sidenav li a {display: block; padding: 5px 5px 5px 10px; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #fff;}
#news_menu .sidenav li a:hover {display: block; background-color: #333; color: #fff; border-left: 5px #ff9900 solid; padding-left: 10px;}
#news_menu .sidenav li a.selected {color: #fff; font-weight: bold; font-size: 12px; background-color: #333; border-left: 5px #ff9900 solid;}

#box_tour{float:left; width:465px;  padding:10px;   margin-bottom:10px; background:url(../images/skin/gradient-200px-tile.jpg) repeat-x}
#box_tour_pic_fix{border:5px solid #FFF; margin-right:10px; background:#FFF; width:182px; height:90px ; overflow: hidden; float:left}
#box_tour_detail{float:left; width:465px;  padding:10px;   margin-bottom:10px; border-top:1px solid #CCC}

#box_news{float:left; width:465px;  padding:10px;   margin-bottom:10px; text-align:justify; }
#box_news_pic_fix{border:5px solid #FF9; margin-right:10px; background:#FFF; width:100px; height:80px ; overflow: hidden; float:left; }
#box_news_pic_fix A:hover{border:5px solid #F00; margin-right:10px; background:#FFF; width:100px; height:80px ; overflow: hidden; float:left; }

#box_news_pic_full{border:1px solid  #CCC; margin-right:10px; background:#FFF; width:450px; overflow: hidden; float:left; margin-bottom:10px;}

#box_gallery{float:left; width:210px;  padding:10px;   margin-bottom:10px; background:url(../images/skin/gradient-200px-tile.jpg) repeat-x; margin-right:15px;}
#box_gallery_pic{border:5px solid  #CCC; margin-right:10px; background:#FFF; width:200px; height:95px;  overflow: hidden; float:left; margin-bottom:10px;}

#toppanel{float:right; padding-right:5px; margin-top:15px;}
