/*CHCTN StyleSheet*/
/*global.css - mainlayout stylesheet*/

/*Main Layout*/
body {
	text-align:center;
	font: 75%/140% Tahoma, Helvetica, sans-serif;
	background:#dce9ef;
}
#wrapper {
	background:url(../assets/container_mid.gif) repeat-y;
	width:920px;
	text-align:left;
	margin:20px auto;
	overflow:hidden;
}

#container {
	background:url(../assets/container_top.gif) top no-repeat;
	padding:10px 20px;
}
#header {padding:5px 10px; margin-bottom:10px;}
#search {
	float:right;
	margin:-50px 0 0 0;
}
#search .lang {text-align:right; margin-bottom:5px;}
#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/btn_search.gif);
	width:16px; height:13px;
	border:none;
	text-indent:-2000em;
}
#footer {
	background:url(../assets/container_bot.gif) bottom no-repeat;
	padding:32px 20px 5px 20px;
	height:37px;
	color:#fff;
}
#footer p {font-size:90%; clear:both}
#footer .footlinks a {color:#fff; font-weight:bold; border-right:solid 1px #eee; margin-right:5px; padding-right:5px;}
#footer .footlinks {margin:-18px 0 0 0; float:right;}
#footer .footlinks a.last {margin-right:0; border:none; padding-right:0;}
#navi {background:url(../assets/navi_bg.gif) no-repeat; height:23px; padding:5px 10px 0 10px;}
#navi ul li {float:left; margin-right:10px; font-weight:bold}
#navi a {color:#fff;}
#navi ul li.current a {color:#ffc705;}
#mainbanner {background:url(../assets/banner_botbg.gif) bottom no-repeat; padding-bottom:17px; margin-bottom:10px;}

/*content structure - total 880px*/
#wrapcontent {}
#leftsidebar {width:175px; float:left; margin-right:10px; padding:0 20px 0 5px;}
#maincontents {width:460px; float:left; margin-right:10px;}
#rightsidebar {width:185px; float:left; padding:0 0 0 15px;}

/*leftsidebar*/
#leftsidebar {background:url(../assets/sidebar_lbg.gif) top right no-repeat;}
#leftsidebar h3 {font-size:110%; font-weight:bold; margin-bottom:10px;}
#subnav {padding-bottom:10px;}
#subnav ul {list-style:square; margin:0 0 0 15px;}
#subnav ul li {list-style:square; border-bottom:solid 1px #ccc; font-weight:bold; margin:3px 0; padding-bottom:3px;}
#subnav ul li.last {border-bottom:none;}
#subnav, #announcement, #programnews { margin-bottom:10px; border-bottom:solid 3px #f38125;}
#announcement ul li {font-size:90%; border-bottom:solid 1px #ddd; margin:5px 0; padding-bottom:5px; font-weight:bold;}
#announcement ul li.last {border-bottom:none;}
#announcement dl {font-size:90%;}
#announcement dl dt {font-weight:bold;}
#announcement dl dd {margin-bottom:10px; color:#333;}
#programnews dl {font-size:90%;}
#programnews dl dt {font-weight:bold;}
#programnews dl dd {margin-bottom:10px; color:#333;}
/*===========================================================*/
#rightsidebar {background:url(../assets/sidebar_rbg.gif) top left no-repeat;}
#rightsidebar h3 {font-size:110%; font-weight:bold; margin-bottom:10px;}
#overview {
	background:url(../assets/intro_botbg.gif) bottom no-repeat #0f82b8;
	padding:10px 10px 17px 10px;
	color:#fff; font-size:90%;
}
#overview h3 {font-size:130%; font-weight:bold; margin-bottom:5px;}
#overview p {margin:5px 0;}
#overview a {color:#bfdeec;}
#overview ul {list-style:square; margin:0 0 0 15px}
#overview ul li {list-style:square;}

#hcmcrelation {
	background:url(../assets/bot_shadow.gif) bottom no-repeat;
	margin:5px 0 10px 0;
	padding:0 5px 20px 5px;
	font-size:90%;
}
#hcmcrelation p.n-title {font-weight:bold; margin-bottom:3px;}
#hcmcrelation p {margin:0; padding:0;}
#resources {
	background:url(../assets/bot_shadow.gif) bottom no-repeat;
	padding:0 5px 20px 5px;
}
#resources p {margin:5px 0;}
#resources ul {list-style:square; margin:0 0 0 15px;}
#resources ul li {list-style:square; font-size:90%;}
/*-------------NVA 04/07/2008---------------------*/
#partners {
	margin:10px 0 10px 0;
	padding:0 5px 20px 5px;
	font-size:90%;
}
#partners p {margin:10px 0; clear:both;}
#partners img {float:left; margin:0 10px 5px 0; width:80px}
/*-------------------------------------*/
.asterik {font-weight:bold; color:#f60;}
/*commonly use*/
a {color:#016fa6; text-decoration:none;}
a:hover {text-decoration:underline;}
img {vertical-align:middle;}
.notes {font-size:90%; color:#666;}
.navlink {
	margin-bottom:10px;
	padding-bottom:5px;
	background:url(../assets/h_dotted.gif) bottom repeat-x;
	font-size:90%;
	color:#666;
}
.navlink label {font-weight:bold; margin-right:2px;}
.msg {
	border:solid 1px #ccc;
	padding:5px 10px;
	text-align:center;
	margin-bottom:10px;
	font-size:90%;
}
.notice {color:#666;}
.warning {color:#ff0000;}
.success {color:#336600;}
.float-left {float:left;}
.float-right {float:right}
.align-center {text-align:center}
.align-right {text-align:right;}
strong {font-weight:bold;}
.cround {background:url(../assets/c_round_botbg.gif) bottom no-repeat;}
.cround h3 {background:url(../assets/c_round_topbg.gif) top no-repeat; padding:10px 0 0 10px;}
.cround-body {padding:0 10px 10px 10px;}

.twocols {}
.l-col {width:214px; float:left; margin-right:15px; padding-right:15px; border-right:solid 1px #ccc;}
.r-col {width:215px; float:left;}

/*subpage*/
.subcontents {padding:0 10px;}
.subcontents h2 {font-size:150%; font-weight:bold; margin-bottom:10px;}
.subcontents h3 {font-size:130%; font-weight:bold; margin-bottom:10px;}
.subcontents h4 {font-size:120%; font-weight:bold; margin-bottom:10px;}
.subcontents h5 {font-size:100%; font-weight:bold; margin-bottom:10px;}
.subcontents p {margin:10px 0;}
.subcontents p, .subcontents ul, .subcontents ol {font-size:90%; line-height:1.5em;}
.subcontents ul, .subcontents ol {margin:10px 0 10px 15px;}
.subcontents ul {list-style:square;} .subcontents ul li {list-style:square; line-height:1.3em; margin-bottom:5px;}
.subcontents ol {list-style:decimal;} .subcontents ol li {list-style:decimal; line-height:1.3em; margin-bottom:5px;}
.subcontents .n-img {float:left; margin:5px 20px 20px 0; border:solid 1px #ccc; padding:2px; line-height:0;}
.related {border-top:solid 1px #ccc; padding-top:10px; margin-top:10px; font-size:90%;}
.related  h3 {font-size:100%; font-weight:bold;}
.othernews {clear:both; list-style:square; margin:10px 0 10px 15px;}
.othernews li {list-style:square; margin-bottom:5px; line-height:1.3em;}

.cm_txt {
	background:url(../assets/form_txtbg.gif) repeat-x;
	height:16px;
	padding:3px 0 0 0;
	border:solid 1px #ccc;
	font-size:90%;
}
/*hack & bugfix*/
/*=======================================*/
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #wrapcontent:after, .twocols:after, .programs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #wrapcontent, .twocols, .programs {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #wrapcontent, * html .twocols, * html .programs {height: 1%;}
.clearfix, #wrapcontent, .twocols, .programs {display: block;}
/* End hide from IE-mac */
/*=======================================*/

/*homepage*/
#welcome {
	background:url(../assets/welcome_bg.gif) no-repeat;
	height:132px;
	padding:10px 20px;
	line-height:160%;
}
#welcome h2 {font-size:120%; font-weight:bold; margin-bottom:5px;}
.programs {border-bottom:solid 1px #ccc; padding-bottom:10px; margin:10px 0; clear:both;}
.programs h3 {font-size:110%; font-weight:bold; margin-bottom:10px;}
.programs p, .programs dl {font-size:90%;}
.programs dl dt {font-weight:bold; margin-bottom:5px;}
.programs dl dd {}
.programs .n-img {float:left; margin:0 20px 10px 0;}

#featuredstory {clear:both;}
#featuredstory h3 {font-size:110%; font-weight:bold; margin-bottom:10px;}
#featuredstory p, #featuredstory dl {font-size:90%;}
#featuredstory dl dt {font-weight:bold; margin-bottom:5px;}
#featuredstory {border-bottom:solid 1px #ccc; padding-bottom:10px; margin:10px 0;}

#nationalprograms h3, #intcooperation h3 {font-weight:bold; font-weight:110%; margin-bottom:5px;}
#nationalprograms dl, #intcooperation dl {font-size:90%;}
#nationalprograms dl dt, #intcooperation dl dt {font-weight:bold; margin-bottom:5px;}
#sponsors {margin:10px 0;}
#sponsors h3 {margin-bottom:10px; font-size:110%; font-weight:bold;}
#sponsors .other-sponsors {float:right; margin:-25px 0 0 0; font-size:90%; font-weight:bold; padding:0 10px 0 0}
#sponsors .other-sponsors a {color:#f38125;}
#sponsors p, #sponsors dl {font-size:90%;}
#sponsors dl dt {font-weight:bold; margin-bottom:5px;}
#sponsors dl dd {}
#sponsors .n-img {float:left; margin:0 20px 10px 0;}

/*contacts*/
.contacts dt {font-weight:bold;}
#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_cusname {width:200px;}
#fldcontact #txt_cusemail {width:200px;}
#fldcontact #txt_cusphone {width:200px;}
#fldcontact #txt_yourtitle {width:200px;}
#fldcontact #txt_cusmsg {width:350px;}
#fldcontact h3 {font-size:120%; margin-bottom:5px; font-weight:bold;}

/*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%;}

.newslist dl {border-bottom:solid 1px #ccc; padding-bottom:5px; margin:10px 0}

/*search result*/

#result dl {font-size:90%;}

#result dl dt {font-weight:bold; margin:0;}

#result dl dd {margin-bottom:10px; border-bottom:solid 1px #ccc; padding-bottom:5px}

/*paging*/

.paging {

	clear:both;

	padding:10px 0;

	font-size:90%;

	text-align:right;

}

.paging a {

	background:#eee;

	padding:1px 4px;

	margin-right:1px;

	color:#333;

}

.paging a.current {background:#e81866; color:#fff;}

/*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;}

.home-img {border:solid 1px #ccc; padding:2px;}
.home-desc {text-align:center; }