/* CSS Document */
*html div.min300 { height:650px}

body { margin:0; padding:0; background:#f90d0d url(../images/bg/bg_site.gif) repeat-y fixed center top; font-family:tahoma; color:#505050; font-size:12px; line-height:19px}

.fl { float:left;}
.fr { float:right}
.clr { clear:both}

a { text-decoration:none; color:#cc2302}
a:hover { text-decoration:underline}

h1, h2, h3, h4, form, ul, li, input, select { margin:0; padding:0}
ul, li { list-style:none}

img { border:0}
.lineheight18 { line-height:15px}
.small { font-size:10px; line-height:18px}

.in03 { width:300px; height:18px}
.sel { width:200px; height:20px}

.pad5 { padding:5px}
.pad10 { padding:10px 10px}
.padT20 { padding:20px 0}

.red { color:#c72902}
.borImg { border:1px solid #e5e5e5; padding:2px}
.imgL { float:left; margin:0 7px 5px 0}

.boderTab { border:1px solid #e5e5e5; background:#f2f2f2; padding:2px}

.w200 { width:300px}

a.more { float:right; margin-top:20px}
a.more span { background:url(../images/ico/arrow.gif) no-repeat right; padding-right:10px}

.book a { background:url(../images/bg/bg_trong.gif) no-repeat; display:block; width:38px; height:22px; text-align:center; color:#4f4f4f; padding-top:2px}
.book a:hover, .book a.active { background:url(../images/bg/bg_day.gif) no-repeat; text-decoration:none}

.book a.fixed_pos { background:url(../images/bg/bg_day.gif) no-repeat; display:block; width:38px; height:22px; text-align:center; color:#4f4f4f; padding-top:2px}
.book a.confirmed_pos { background:url(../images/bg/bg_confirmed.gif) no-repeat; display:block; width:38px; height:22px; text-align:center; color:#4f4f4f; padding-top:2px}

h1.title { color:#c72902; font-size:14px; margin-bottom:10px; text-transform:uppercase}
h4.titleBar { color:#fff; padding:7px 10px 5px 15px; font-size:12px}
h4.titleGray { color:#606060; font-size:12px }
h4.titleBarmain { color:#000; padding:5px 10px; font-size:12px}

#site { width:980px; padding:0px; margin:0 auto}


#header { background:url(../images/bg/bg_header.gif) no-repeat center top; width:980px; padding:0px;}

#logo { padding:0px 20px 0px 20px; float:left; width:300px; color:#f03202; font-weight:bold; font-size:18px; height: 110px; text-transform:uppercase}
#search { float:right; width:60px; text-align:left; padding:25px 10px 0px 20px;  line-height: 25px; height: 110px;}
#search a { color:#da0312}

#menutop { clear:both; padding:0px}
#menutop ul { padding-top:0px}
#menutop li { float:left; text-indent:-9999px; padding:5px 20px}
#menutop li.m1 a { background:url(../images/bnt/bnt_home.gif) no-repeat; width:101px; height:30px; display:block}
#menutop li.m1 a:hover, #menutop li.m1 a.active { background:url(../images/bnt/bnt_home.gif) no-repeat left -30px}
#menutop li.m2 a { background:url(../images/bnt/bnt_about.gif) no-repeat; width:101px; height:30px; display:block}
#menutop li.m2 a:hover, #menutop li.m2 a.active { background:url(../images/bnt/bnt_about.gif) no-repeat left -30px}
#menutop li.m3 a { background:url(../images/bnt/bnt_services.gif) no-repeat; width:86px; height:30px; display:block}
#menutop li.m3 a:hover, #menutop li.m3 a.active { background:url(../images/bnt/bnt_services.gif) no-repeat left -30px}
#menutop li.m4 a { background:url(../images/bnt/bnt_book.gif) no-repeat; width:86px; height:30px; display:block}
#menutop li.m4 a:hover, #menutop li.m4 a.active { background:url(../images/bnt/bnt_book.gif) no-repeat left -30px}
#menutop li.m5 a { background:url(../images/bnt/bnt_news.gif) no-repeat; width:86px; height:30px; display:block}
#menutop li.m5 a:hover, #menutop li.m5 a.active { background:url(../images/bnt/bnt_news.gif) no-repeat left -30px}
#menutop li.m6 a { background:url(../images/bnt/bnt_carreer.gif) no-repeat; width:127px; height:30px; display:block}
#menutop li.m6 a:hover, #menutop li.m6 a.active { background:url(../images/bnt/bnt_carreer.gif) no-repeat left -30px}
#menutop li.m7 a { background:url(../images/bnt/bnt_contact.gif) no-repeat; width:86px; height:30px; display:block}
#menutop li.m7 a:hover, #menutop li.m7 a.active { background:url(../images/bnt/bnt_contact.gif) no-repeat left -30px}

#banner { clear:both; padding:0 6px; background:#eaeaea}

#main { padding:6px}

#tab1 { background:url(../images/bg/bg_tab_bottom.gif) no-repeat bottom left; width:195px; margin-bottom:10px}
#tab1 div.tab1Bottom { background:url(../images/bg/bg_tab_topgray.gif) no-repeat; width:195px}

#tab2 { background:url(../images/bg/bg_tab_bottom.gif) no-repeat bottom left; width:195px}
#tab2 div.tab1Bottom { background:url(../images/bg/bg_tab_topred.gif) no-repeat; width:195px; margin-bottom:10px}

#tab3 { background:url(../images/bg/bg_tab_middle2.gif) repeat-y; width:555px; margin-bottom:10px}
#tab3 div.tab3Top { background:url(../images/bg/bg_tab_top2.gif) no-repeat top left; width:555px}
#tab3 div.tab3Bottom { background:url(../images/bg/bg_tab_bottom2.gif) no-repeat bottom left; width:555px; padding:0px 0 10px 0}

div.min300 { height:auto; min-height:650px}

.colL1 { width:65%; float:left; text-align:justify}
.colR1 { width:30%; float:right}

.intab { padding:10px; text-align:center; line-height:18px}

#leftCol { float:left; width:195px}

#rightCol { float:left; width:555px; margin:0 5px 0 10px}

#rightCol2 { float:right; width:195px; margin-right:3px}

.fromBook { margin:0 30px}

.noteTable { float:right; width:150px; padding-top:5px}

#barbody { background:url(../images/bg/bg_bar.gif) repeat-x; height:25px}
#barbody div.barbodyL { background:url(../images/bg/bg_barL.gif) no-repeat; width:218px; height:25px}

ul#newsHome { padding:10px}
ul#newsHome li { clear:both; padding:5px 0}


#footer { background:url(../images/bg/bg_footer.gif) no-repeat bottom left; width:980px; height:55px; display:block}
#footer div.footerIn { padding:15px; text-align:center}

.pageNume { clear:both; padding:15px 0 0 0; text-align:center}
	
	DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
	}
	DIV.green-black A {
		BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
	}
	DIV.green-black A:hover {
		BORDER-RIGHT: #cc3202 1px solid; BORDER-TOP: #cc3202 1px solid; BACKGROUND: url(image2.gif) #cc3202; BORDER-LEFT: #cc3202 1px solid; COLOR: #fff; BORDER-BOTTOM: #cc3202 1px solid
	}
	DIV.green-black A:active {
		BORDER-RIGHT: #cc3202 1px solid; BORDER-TOP: #cc3202 1px solid; BACKGROUND: url(image2.gif) #cc3202; BORDER-LEFT: #cc3202 1px solid; COLOR: #fff; BORDER-BOTTOM: #cc3202 1px solid
	}
	DIV.green-black SPAN.current {
		BORDER-RIGHT: #cc3202 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cc3202 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #cc3202; PADDING-BOTTOM: 2px; BORDER-LEFT: #cc3202 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #cc3202 1px solid
	}
	DIV.green-black SPAN.disabled {
		BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
	}