@charset "utf-8";

* {margin:0; padding:0;}
html, body {height:100%;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#171717; text-align:center; 
background:#ff6d00 url('../images/bg_header.jpg') no-repeat top center;}

a {color:#0249ea; border-bottom:0px dotted #0249ea; text-decoration:none; outline:none;}
a:focus {outline:none;}
a:hover {color:#f26522; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {color:#000; line-height:125%; font-weight:bold; }
h1 {font-size:30px; border-bottom:1px dotted #000; margin-bottom:20px;}
h2 {font-size:21px; margin-bottom:10px;}
h3 {font-size:18px; margin-bottom:8px;}
h4 {font-size:14px; margin-bottom:2px;}
h5 {font-size:12px; margin-bottom:2px;}
h6 {font-size:10px; margin-bottom:2px;}
p, ul, ol {font-size:12px; line-height:140%; margin-bottom:12px;}
li {list-style:disc outside url('../images/flower_list.png');}
li.heading {list-style:none; margin-left:-18px; font-size:13px; font-weight:bold;}
ul.none li {list-style:none; margin-left:-18px;}
p.last, img.last, ol.last, ul.last, div.last, object.last {margin-bottom:25px;}

img {border:none;}
button {width:60px; padding:3px; margin-bottom:5px; background:none; background-color:#666; color:#fff; cursor:pointer; border:1px solid #999;}
button:hover {background-color:#333;}
small {font-size:11px; margin-bottom:10px; display:block;}
object, embed {margin-bottom:2px;}
div.table {width:540px; margin-bottom:12px; border:5px solid #ccc; padding:10px;}
table td {border-bottom:1px solid #ccc; padding:4px 0; vertical-align:top;}
table.noborder td {border:none;}

fieldset {border:none;}
label {display:block;}
textarea {width:100%; height:100px; margin-bottom:10px; border:1px solid #7f9db9;}
input {margin-bottom:10px; order:1px solid #7f9db9;}
input.name {width:100%;}
input.submit {font-size:14px; color:#fff; background-color:#FF6D00; border:1px solid #000; padding:2px 4px;}
input.submit:hover {color:#333; background-color:#FC0; cursor:pointer;}
input:focus, textarea:focus {border:1px solid #7f9db9; background-color:#efefef;}

.float_right {float:right; margin-left:15px;}
.float_left {float:left; margin-right:15px;}
.clear_both {clear:both;}
.clear_right {clear:right;}
.clear_left {clear:left;}
.no_margin {margin:0px;}
.orange {color:#f26522;}
.small {font-size:12px;}
a.application {background:url('../images/icon_application.png') no-repeat left center; padding-left:18px;}
a.document {background:url('../images/icon_document.png') no-repeat left center; padding-left:18px;}
a.map {background:url('../images/icon_map.png') no-repeat left center; padding-left:16px;}
div.backtotop {text-align:right; font-size:12px; clear:both; padding-top:4px; margin-bottom:12px;}
span.backtotop {background-color:#ececec; border:1px solid #ccc; padding:3px 5px;}
hr {display:none; clear:both;}
div.hr {height:5px; border:1px solid #ccc;}

/*=========layout============*/
#wrapper {width:960px; margin:0 auto; text-align:left;}
#header {width:960px; height:297px; background:url('../images/bg_navigation.gif') repeat-x bottom left; position:relative;}
#navigation {width:945px; padding-left:0px; position:absolute; left:0; bottom:0; z-index:99}
#navigation ul {line-height:45px;}
#navigation li {font-size:13px; font-weight:bold; line-height:45px; float:left; list-style:none;}
#navigation li.select a {color:#ff6d00; cursor:default;}
#navigation li a {padding:14px 8px; color:#fff; list-style:none; border-bottom:none;}
#navigation li a:hover {color:#ff6d00; list-style:none;}
#navigation li a.yellow {color:#FF0;}
#navigation li a.yellow:hover {color:#ff6d00;}

#banner {width:960px; height:280px; margin-bottom:15px;}
#logo {position:absolute; left:-15px; top:20px;}
#animal {position:absolute; right:0; bottom:0;}
#flower {position:absolute; right:175px; bottom:0;}
#newyear { position:absolute; top:92px; left:203px; font-size:18px; font-weight:bold; color:#fff; line-height:110%; }
#slideshow {width:650px; height:280px; float:left;}
#animalbox {width:310px; height:280px; float:left; background:#ff9c00 url('../images/bg_tigerpattern.gif') no-repeat top left; background-position: 0px 45px;}
#animalbox h2 {font-size:24px; font-weight:bold; line-height:45px; margin-bottom:0; padding:0 20px; background:url('../images/bg_animalheading.gif') repeat-x top left;}

#home_content {clear:left; margin-bottom:15px; padding:25px 40px 15px 40px; overflow:hidden; background-color:#ffb900; border:0px solid #000;}
#content {clear:both; margin-bottom:10px; overflow:hidden;}
#content .suggestion {margin-bottom:10px; border-bottom:1px solid #ccc;}
#content .suggestion small {margin-bottom:2px; color:#777;}

div.box_container {display:block; width:960px; height:200px; margin-bottom:15px; overflow:hidden; clear:both;}
div.homebox {width:310px; height:200px; float:left; margin-right:15px; background:#ff9c00 url('../images/bg_homebox.gif') no-repeat top left; background-position: 0px 40px; display:inline;}
div.homebox.last {margin-right:0;}
div.homebox img {float:right; margin:15px;}
div.homebox h2 {font-size:18px; font-weight:bold; line-height:40px; margin-bottom:0px; padding:0 20px; background:url('../images/bg_boxheading.gif') repeat-x top left;}
div.homebox p, .homebox ul, .box p, .box ul, #animalbox p {padding:15px 20px 15px 20px; margin:0;}
div.homebox ul, .box ul {margin-left:18px;}

#leftcolumn {width:570px; float:left; padding:25px 30px; background-color:#fff; border-left:10px solid #000; border-right:10px solid #000; border-bottom:10px solid #000;}
#leftcolumn ul {margin-left:18px;}
#leftcolumn img {padding:4px; border:1px solid #ccc; background-color:#eaeaea; margin-bottom:2px;}

#rightcolumn {width:310px; float:left;}
#rightcolumn .box {width:310px; margin-bottom:15px; background:#ff9c00 url('../images/bg_subpagebox.gif') no-repeat top left; background-position: 0px 40px;}
#rightcolumn .box h2 {font-size:16px; margin-bottom:0; font-weight:bold; padding:0 20px; line-height:40px; background:url('../images/bg_boxheading.gif') repeat-x top left;}
#rightcolumn fieldset {border:none; padding:0 20px;}
#rightcolumn img.border {padding:4px; border:1px solid #ccc; background-color:#eaeaea; margin-bottom:2px;}

div.sponsor_logo img {margin-bottom:10px;}
div.sponsor_logo {margin-bottom:25px;}

#sponsors {width:960px; margin-bottom:5px; clear:both; border-top:1px solid #fff; overflow:hidden;}
#sponsors h3 {color:#fff; text-align:center; padding-bottom:10px;}
#sponsors img {float:left; list-style:none; margin:0 15px 15px 0;}
#sponsor img.last {margin-right:0px;}
#footer {font-size:11px; color:#eee; margin-bottom:25px; border-top:1px solid #eee; clear:both;}
#footer a {color:#fff;}
#google_translate_element {position:absolute; top:4px; right:4px; padding-top:17px; background:url('../images/bg_tienviet.png') no-repeat top left;}
#google_translate_element select {width:168px;}
#google_translate_element a {border:none;}

.thumbnails {margin-bottom:40px; border:opx solid #b2c5d8; padding:9px 8px 0px 0px; overflow:hidden;}
.thumbnails img {float:left; margin:0 9px 9px 0; padding:0px; border:1px solid #b2c4d8; background-color:#b2c4d8;}
.thumbnails img.last {margin-right:0px;}
.thumbnails a img {border:1px solid #b2c5d8;}
.thumbnails a:hover img {border:1px solid #4c76a2;}

/*==== Lightbox =====*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#555; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }