body {
	background:url(../assets/bg-body.png) no-repeat center;
	background-color:#3471a9;
	background-attachment:fixed;
	padding:0;
	margin:0 auto;
	color:#000000;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#container {
	background-color:#FFFFFF;
	margin:0 auto;
	width:960px;
}
#container #outside {
	padding:0 10px;
}
#container #header {
	padding:20px 0 0 0;
}
#header .logo {
	float:left;
	width:350px;
}
#header .header-right {
	text-align:right;
	font-size:11px;
}
.header-right li {
	display:inline;
	padding:0 5px;
}
ul img {
	vertical-align:middle;
	padding-right:5px;
}
#header .bg-banner {
/*	background:url(../assets/bg-banner-vn.jpg) no-repeat;*/
	height:188px;
	width:940px;
	margin:20px 0 20px 0;
	text-align:right;
}
	/*body#en #header .bg-banner {
		background:url(../assets/bg-banner-en.png) no-repeat;
	}
	body#vn #header .bg-banner {
		background:url(../assets/bg-banner-vn.png) no-repeat;
	}*/
.bg-banner .sponsors {
	padding:0 0 0 755px;
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
}
.sponsors dl {
	display:inline-block;
	padding:10px 0 0 0;
	line-height:14px;
}
dl dt {
	float:left;
	width:100px;
	padding:0 10px 0 0;
}
dl dd {
	float:left;
}
.bg-banner p {
	padding:20px 0 0 0;
}
a.name-title, a.name-title:visited {
	font-size:12px;
	color:#ffcc00;
	text-decoration:none;
}
a.name-title:hover {
	font-size:12px;
	color:#ffcc00;
	text-decoration:underline;
}
a.link-flag, a.link-flag:visited {
	color:#000000;
	text-decoration:none;
}
a.link-flag:hover {
	color:#000000;
	text-decoration:underline;
}
#container #main-content {
}
#main-content #sideleft {
	float:left;
	width:208px;
	margin-right:16px;
}
#sideleft .menu-left {
	background:url(../assets/bg-sideleft-1.png) no-repeat top left;
	padding:15px 10px 0 10px;
}
.menu-left h2 {
	padding:8px 0;
	margin:0;
	border-bottom:1px solid #e9e9e9;
}
.menu-left .submenu {
	margin:10px 0 0 20px;
}
.menu-left .end{
	border:none;
}
.submenu li {
	border:none;
	padding:4px 0;
	list-style:url(../assets/square.png);
}
#sideleft .focus-topic{
	background:url(../assets/bg-focustopic.png) no-repeat top left;
	/*height:228px;*/
	/*height:150px;*/
	padding:15px 18px 20px 10px;
	margin:10px 0 0 0;
}
.focus-topic h3{
	padding:10px 0 0 0;
}
.focus-topic ul{
	margin:20px 0 0 20px;
}
.focus-topic li{
	padding:3px 0;
	list-style:square;
	color:#0060AF;
}
.focus-topic dl{
	display:inline-block;
	margin:10px 0 0 0;
	font-size:11px;
}
.focus-topic dt{
	float:left;
	width:36px;
	padding:10px 10px 0 0;
}
.focus-topic dd{
	float:left;
	width:130px;
	padding:10px 0 20px 0;
}
#sideleft .ad-banner{
	margin:10px 0 0 0;
}
.ad-banner li{
	padding:5px 0 8px 0;
}
.ad-banner img{
	/*border:1px solid #bababa;*/
}
a.link-submenu, a.link-submenu:visited{
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
a.link-submenu:hover{
	color:#0060af;
	font-size:11px;
	text-decoration:underline;
}
a.link-focus, a.link-focus:visited{
	color:#000000;
	text-decoration:none;
}
a.link-focus:hover{
	color:#0060af;
	text-decoration:underline;
}
a.link-menu, a.link-menu:visited {
	font-size:16px;
	font-weight:bold;
	color:#0060af;
	text-decoration:none;
}
a.link-menu:hover {
	font-size:16px;
	font-weight:bold;
	color:#DEA303;
	text-decoration:none;
}
#main-content #sideright {
	float:left;
	width:200px;
	margin-right:-3px;
}
#sideright .upcomming-events {
	margin-bottom:15px;
}
.upcomming-events .top {
	background:url(../assets/bg-title-sideright.png) no-repeat;
	height:27px;
	line-height:27px;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
}
.upcomming-events .bg {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	line-height:16px;
	padding:0 10px;
}
.bg h2 {
	font-size:13px;
	font-weight:bold;
	color:#0060af;
	padding:15px 0 5px 0;
}
.bg p {
	padding-bottom:10px;
}
.upcomming-events .bottom {
	background:url(../assets/border-around-bottom.png) no-repeat;
	height:4px;
	font-size:1px;
}
#sideright .gallery {
	margin:20px 0 0 0;
}
.gallery .top {
	background:url(../assets/border-around-top.png) no-repeat;
	height:4px;
	font-size:1px;
}
.gallery .bg {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:0 8px 0 10px;
}
.bg .signature {
	font-weight:bold;
	color:#999999;
}
.bg h3 {
	font-size:16px;
	color:#eeb300;
	padding:5px 0 3px 0;
}
.bg img {
	float:left;
	border:1px solid #999999;
	width:54px;
	height:54px;
	margin:10px 4px 0 0;
}
.bg .view-gal {
	text-align:right;
	font-size:11px;
	padding:0 5px 10px 0;
}
.gallery .bottom {
	background:url(../assets/border-around-bottom.png) no-repeat;
	height:4px;
	font-size:1px;
}
#sideright .downloads {
	margin:20px 0 0 0;
}
.downloads .brochure {
	text-align:right;
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	padding:10px 0;
}
a.link-view, a.link-view:visited {
	color:#0060af;
	text-decoration:none;
}
a.link-view:hover {
	color:#0060af;
	text-decoration:underline;
}
#main-content #content {
	/*margin:0 210px 0 218px;*/
	float:left;
	width:500px;
	margin-right:16px;
}
#content .path{
	padding:10px 0 0 0;
	font-size:11px;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:6px;
}
#content .welcome {
	padding:25px 0 0 0;
}
.welcome h2 {
	font-size:22px;
	color:#116bb4;
}
.welcome p {
	padding:8px 0 0 0;
	line-height:25px;
}
.welcome .line-break {
	text-align:center;
	background:url(../assets/line-break.png) no-repeat;
	height:15px;
	margin:40px 0 0 0;
}
#content .latestnews {
}
.latestnews h3 {
	font-size:16px;
}
.latestnews dl {
	display:inline-block;
	margin:10px 0 0 0;
}
.latestnews dt {
	float:left;
	width:84px;
}
.latestnews dd {
	float:left;
	width:400px;
}
.latestnews h4 {
	font-weight:bold;
	padding:0 0 10px 0;
	color:#0060af;
}
.latestnews p {
	line-height:16px;
}
#content .lists {
	border-top:1px solid #e5e5e5;
	margin:30px 0 0 0;
	padding-top:15px;
	font-size:11px;
}
.lists ul {
	margin:0 0 0 20px;
}
.lists li {
	padding:3px 0;
	list-style:url(../assets/square-gray.png);
}
#container #bg-bottom {
	background:url(../assets/bg-bottom-content.png) repeat-x;
	height:61px;
}






#container #sponsors {
	padding:20px 0 0 10px;
}
	#sponsors h3{margin-bottom:15px;}
/*start styles sponsors*/
#sponsors ul{
	margin:5px 0 0 0;
}
#sponsors li {
	display:inline;
	padding:0 2px 0 2px;
	
}
#sponsors .gold{
	width:29%;
	float:left;
	padding:0 0 0 10px;
	line-height:14px;
	border-right:1px dotted #bababa;
}
.gold .text-gold{
	color:#FF9900;
}
.cu .other, .silver .other{
	color:#666666;
}
#sponsors .silver{
	line-height:14px;
	width:37%;
	float:left;
	border-right:1px dotted #bababa;
}
#sponsors .cu{
	line-height:14px;
	padding:0 0 0 10px;
	float:left;
	width:30%;
	border-right:none;
}
/*end styles sponsors*/






#container #bg-bottom-sponsors {
	background:url(../assets/bg-bottom-sponsors.png) no-repeat;
	height:49px;
}
#footer {
	background: url(../assets/bg-footers.png) no-repeat top center;
	height:130px;
	font-size:11px;
	background-color:326DA6;
}
#footer .logo-iboss{
	padding:20px 0 0 0;
}
	#footer a {text-decoration:none; color:#FFF;}
	#footer a:hover {text-decoration:underline;}
a.link-copyright, a.link-copyright:visited{
	text-decoration:none;
	color:#F4D90C;
}
a.link-copyright:hover{
	text-decoration:underline;
	color:#F4D90C;

}
#footer ul {
	text-align:center;
	padding:15px 0 0 0;
	font-weight:bold;
	color:#fff;
}
#footer li {
	border-right:1px solid #fff;
	padding:0 10px;
	display:inline;
}
#footer p {
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:8px 0 0 0;
}
a.link-footer, a.link-footer:visited {
	color:#fff;
	text-decoration:none;
}
#footer .last {
	border:none;
}
a.link-footer:hover {
	color:#fff;
	text-decoration:underline;
}
a.link-up, a.link-up:visited{
	color:#0060af;
	text-decoration:none;
}
a.link-up:hover{
	color:#0060af;
	text-decoration:underline;
}

#content .n-img{
	 float:left;
	 width:188px;
	 border:1px solid #CCCCCC;
	 padding:4px;
	 margin:10px 10px 5px 0;
}
#content p{
	/*margin:10px 0 0 0;*/
	line-height:16px;
}
/*.welcome .paragraph{
	line-height:40px;
}*/
#content ul{
	margin:20px 0 0 40px;
}
a.link-listnews, a.link-listnews:visited{
	color:#00549b;
	text-decoration:none;
}
a.link-listnews:hover{
	color:#00549b;
	text-decoration:underline;
}
#content li{
	padding:3px 0;
	list-style:url(../assets/square.png);
}
#content h2{
	font-size:16px;
	margin:10px 0;
}

	/*siTrung-IBOSS*/
	/*Search*/
	#txt_search {
	background:url(../assets/form_txtbg.gif) repeat-x;
	width:180px; height:16px;
	padding:3px 0 0 0;
	border:solid 1px #ccc;
	font-size:90%;
	color:#999;
}
	#btn_submit {
	background: url(../assets/but_search.gif);
	width:24px; height:24px;
	border:none;
	text-indent:-2000em;
}
/*contacts*/
#fldcontact {
	border:solid 1px #ccc;
	padding:20px 30px;
	margin:20px 0;
}
#fldcontact legend {font-size:120%; font-weight:bold;}
#fldcontact p {margin:5px 0;}
#fldcontact label {margin-bottom:5px; display:block;}
#fldcontact #txt_cusmsg {width:350px;}
#fldcontact h3 {font-size:120%; margin-bottom:5px; font-weight:bold;}
.txt1 {width:150px;}
.txt2 {width:300px;}
.cm_txt {
	background:url(../assets/form_txtbg.gif) repeat-x;
	height:16px;
	padding:3px 0 0 0;
	border:solid 1px #ccc;
	font-size:90%;
}

/*Sitemap*/
#sitemap h4 {font-size:110%; font-weight:bold; margin-bottom:5px;}
#sitemap ul {margin:5px 0; padding-left:25px;}
#sitemap ul li {list-style:disc;}
#sitemap ul ul ul {font-size:90%;}
/*paging*/
.paging {
	clear:both;
	padding:10px 0;
	font-size:80%;
	text-align:right;
}
.paging a {
	background:#eee;
	padding:1px 4px;
	margin-right:1px;
	color:#333;
}
.paging a.current {background:#e81866; color:#fff;}
.cmbut {
	background:url(../assets/cmbut_bg.gif) repeat-x;
	border:solid 1px #dea406;
	height:17px;
	padding:0 5px;
	color:#000; font-size:90%; font-weight:bold;
	display:inline-block;
}
.cmbut a {color:#000;}
strong {font-weight:bold;}
.navlink {background:url(../assets/dotted_h_grey.gif) bottom repeat-x; margin:0 0 10px 0; padding-bottom:5px;}
.navlink a {font-weight:bold;}
.navlink label {color:#999; font-weight:bold;}
/*testimonials*/


#faqlist dl {font-size:90%;}
#faqlist dl dt {font-weight:bold;}
#faqlist dl dd {margin-bottom:10px; border-bottom:solid 1px #ccc; padding-bottom:10px;}

/*end-siTrung-IBOSS*/
.subpagecontents 	.items-img	{ display:block; float:left; vertical-align:bottom;}
.subpagecontents 	.items-img	img	{border:solid 1px #ccc; padding:2px;  vertical-align:bottom; }
.subpagecontents	a.title-img,.subpagecontents	a.title-img:visited	{clear:both; display:block; text-align:center; width:100px; text-decoration:underline}
.subpagecontents	a.title-img:hover	{text-decoration:none; font-weight:700;}
h3.title-album	{color:#e3a600; font-size:140%; margin:20px 0;}

.linfo	{font-style:italic; font-size:11px;}
.rinfo	{ font-size:12px; color:#000; margin:10px 0 0 0}
.trongalbum	{margin:0 6px!important;  height: 110px; line-height:110px;}

.rinfo	span	{font-weight:700;}
.rinfo	a,.rinfo	a:visited	{background:#ffe6a3;padding:1px 7px; font-weight:400; border:1px #d07300 solid}
.rinfo	a:hover	{ background:none; font-weight:700; padding:1px 7px;}



/*dropdown menu bar*/

.menu {
	z-index:1000;
	background:url(../images/bg-sideleft-1.png) no-repeat top left;
	padding:15px 18px 0 10px;/*margin:25px 0 50px 15px;*/ /* this page only */
}
.menu .name {
	font-size:15px;
	font-weight:bold;
	color:#0060af;
	padding:0 10px 0 0;
}
.menu .submenu{
	color:#0060af;
}
.menu .hasSub{
	background:url(../assets/icon-arrow.png) no-repeat;
	width:7PX;
	padding:0 10PX 0 0;
	vertical-align:sub;
	
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:5px 0 0 0;
	list-style-type:none;
	width:170px;
}
/* hack for IE5.5 */
* html .menu ul {
	margin-left:-16px;
	ma\rgin-left:0;
}
/* position relative so that you can position the sub levels */
.menu li {
	position:relative;
	background:#FFFFFF;
	height:26px;
	padding:3px 0;
	border-bottom:1px solid #e9e9e9;
}
.menu .last{
	border-bottom:none;
}
/* get rid of the table */
.menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}
/* style the links */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:149px;
	color:#000;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {
	background:#fff;
	width:150px;
	w\idth:149px;
}
/* style the link hover */
* html .menu a:hover {
	color:#fff;
	background:#e9e9e9;
}
.menu :hover > a {
	color:#fff;
	background:#e9e9e9;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:150px;
	border:1px solid #e9e9e9;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}

.album {margin:10px 0;}
	.album .pitem {width:106px; float:left; margin-right:15px; margin-bottom:10px;}
	.album dt {margin-bottom:5px;}
		.album .pitem img {border:solid 1px #ccc; padding:2px;}
	.album .pitem p {text-align:center; margin-bottom:5px; font-weight:bold;}
	
a:link, a:visited {color:#0060AF; text-decoration:none;} a:hover {text-decoration:underline;}
.clearleft {clear:left; line-height:0;}

#showmovie {text-align:center; padding:10px;}
.mv-detail p {margin:10px; text-align:center;}
.mv-detail h3 {margin:10px 0; font-size:120%; font-weight:bold; text-align:center;}
