/* CSS Document */

/* ---------------------------------------------------------------*/

/* ----------------- Global <<<------------------*/

/* ---------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, img {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Calibri, Tahoma, sans-serif;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	font-size: 10pt;
	color:#000000;
	line-height: 1.5em;
	background:url(../i/bg.gif) left top repeat-x;
}
div, object, embed { outline:none; }

/* Headings

------------------------------------------------------------------*/ 

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Candara, Georgia, serif;
}
h1 {
	float:left;
	position:relative;
	padding:65px 0 0 0;
	width:100%;
}

#slogan {
	float:left;
	width:99%;
	padding:0 0 0 8px;
}

.space-h1 {
	padding:0 0 25px 0;
}
.space2-h1 {
	padding:0 0 10px 0;
}
h2 {
	float:left;
	position:relative;
	padding:20px 0 0 0;
	width:100%;
	font:bold 12pt "Trebuchet MS";
	color:#003d79;
	text-transform:uppercase;
}
h3 {
	font-size: 10pt;
}
h4 {
	font-size: 10pt;
	line-height:1.3em;
}
h5 {
	font-size: 1em;
	margin-bottom: 5px;
	font-weight: bold;
	color: #6c6975;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}
/* Common Formatting

------------------------------------------------------------------*/ 

p {
	margin:0;
}
hr {
	border: 0;
	color: #e9e9e9;
	height: 1px;
	width: 100%;
}
fieldset, img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
#right {
	float:right;
}
#left {
	float:left;
}
/* Links

------------------------------------------------------------------*/  

a:link,  a:visited {
	color:#528395;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	Color:#000000;
}
/* indicate

------------------------------------------------------------------*/

#indicate {
	float:left;
	width:100%;
	font:normal 7pt "Tahoma";
	text-transform:capitalize;
	color:#a0a0a0;
}
.txt_indicate {
	text-transform:capitalize;
	color:#6f9ad1;
}
#indicate a {
	color:#a0a0a0;
}
#indicate a:hover {
	color:#90b7c9;
}
/* ---------------------------------------------------------------*/

/* ----------------- Main Structure <<<------------------*/

/* ---------------------------------------------------------------*/

#top-index{
	width:100%;
	position: relative;
	margin: 0px auto;
	background:#003d79;
	height:29px;
}


#container {
	width:955px;
	position: relative;
	margin: 0px auto;
}
.content-index {
	padding:11px 0 0 26px!important;
}

#content {
	float:left;
	position:relative;
	overflow:hidden;
	width:929px;
	padding:40px 0 0 26px;
}
#bottom {
	float:left;
	width:955px;
	position: relative;
	bottom: 0;
	z-index:60000;
	margin: -80px 0 0 0;
}
/* content

------------------------------------ */

#col1 {
	float:left;
	position:relative;
	width:344px;
	padding:0 17px 0 0;
}
#col2 {
	float:left;
	position:relative;
	width:542px;
	padding:0 0 50px 0;
}
#col3 {
	float:left;
	position:relative;
	width:253px;
	padding:0 17px 0 0;
}
#col4 {
	float:left;
	position:relative;
	width:659px;
}
#bodycopy {
	float:left;
	position:relative;
	width:100%;
}
.bodycopy ul {
	padding:5px 0 0 0;
}
.bodycopy li {
	list-style:url(../i/arrow-li.gif);
	padding: 2px 0 2px 0;
	margin:0 0 0 18px;
}
.bodycopy img.newspic {
	float:left;
	margin:0 15px 10px 0;
}
#team {
	float:left;
	position:relative;
	width:100%;
	margin:5px 0 0 0;
	background:url(../i/bg-team.gif) left top repeat-x;
	height:500px;
}
#team img.team {
	float:right;
	margin:15px 0 0 10px;
}
#team .teamtitle {
	font:bold 12pt "Trebuchet MS";
	color:#ffffff !important;
	padding:15px;
}
#team .teamname {
	font:normal 10pt "Trebuchet MS";
	color:#ffffff !important;
	text-transform:uppercase;
	padding: 0 0 10px 15px;
}
#newsdate {
	float:left;
	position:relative;
	padding:20px 0 0 0;
	width:100%;
	font:normal 9pt "Trebuchet MS";
	color:#003d79;
	text-transform:uppercase;
}

#chinese{
	position:absolute;
	left:630px;
	top:0px;
}

#english{
	position:absolute;
	left:610px;
	top:0px;
}

/* content-col1

------------------------------------ */

#logo {
	float:left;
	position:relative;
	width:90%;
}
/* sidenav */

#sidenav {
	width:100%;
	height:200px;
	float:left;
	padding:0 0 40px 0;
	width:250px;
	margin:40px 0 0 0;
	overflow:hidden;
}
#sidenav ul {
	list-style:none;
	padding:0 0 0 8px;
}
#sidenav li, #sidenav li div {
	list-style:none;
	padding:3px 0;
	font:normal 10pt "Trebuchet MS";
}
#sidenav li a:hover.lv1 {
	color:#095197 !important;
}
#sidenav li a {
	color:#528395;
}
#sidenav li a:hover {
	text-decoration:none;
	color:#003d79;
}
#sidenav li a.lv0 {
	color:#000000 !important;
	text-transform:uppercase;
}
#sidenav li a.lv0:hover {
	color:#003d79;
	text-decoration:none;
}
#sidenav li a.lv1 {
	color:#000000 !important;
	text-transform:uppercase;
}
#sidenav li a.lv1:hover {
	color:#003d79;
	text-decoration:none;
}
#sidenav li a.selected {
	color:#003d79;
}

/* bottom

------------------------------------ */

#nav {
	width:955px;
	height:97px;
	float:left;
	position:relative;
	z-index:10000;
}
#footer {
	width:955px;
	float:left;
	text-align:center;
	font:normal 7pt "Trebuchet MS";
	Color:#838383;
	text-decoration: none;
	margin:0 0 0 0;
	background:#fff url(../i/bg-footer.gif) left top no-repeat;
	padding:10px 0 5px 0;
}
#footer a {
	Color:#838383;
	text-decoration: none;
}
#footer hover {
	Color:#6f9ad1;
	text-decoration: underline;
}
/* link-txt / text

------------------------------------ */

a.green {
	color:#00a650 !important;
}
a.green:hover {
	color:#313131;
}
.green-bold9 {
	color:#00a650;
	font-weight:bold;
	font-size:9pt;
}
.news-date {
	color:#00a650;
}

a.blue{
	color:#003d79!important;
	font:normal 9pt "Arial";
}

a.blue:hover {
	color:#528395!important;
	text-decoration:none;
}

/* ---------------------------------------------------------------*/

/* --- Search box & Select / Form element<<<-------------*/

/* ---------------------------------------------------------------*/



#searchbox {
	padding:0 15px 0 0;
	float:left;
	background:url(../i/dash-sep.gif) right center no-repeat;
}
form {
	margin: 0;
	padding: 0;
}
.input-search {
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-right:none;
	font-size:85% !important;
	height:17px;
	color:#6d6e71;
 *margin-top:-1px;
	padding:2px 0 0 0;
}
/* ---------------------------------------------------------------*/

/* ---Form element<<<-------------*/

/* ---------------------------------------------------------------*/





#form {
	float:left;
	width:500px;
}
#form label {
	display: block;
	float: left;
}
#form p.row {
	width:500px;
	float:left;
	margin:5px 0 5px 0;
}
#form p.row2 {
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 156px;
}
#form p.row3 {
	width:500px;
	float:left;
	margin:2px 0 1px 0;
}
#form label {
	font:bold 8pt "Trebuchet MS";
	width: 140px;
	padding: 0 15px 0 0;
}
.textarea {
	width:200px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Trebuchet MS";
}
.textarea2 {
	width:200px;
	border:1px solid #e6e6e6;
	height: 100px;
	font:normal 8pt "Trebuchet MS";
}
.input2 {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Trebuchet MS";
	width: 180px;
}
.input3 {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Trebuchet MS";
	width: 100px;
}
.input4 {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Trebuchet MS";
	width: 34px;
}
.input5 {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Trebuchet MS";
	width: 128px;
}
.input6 {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Trebuchet MS";
	width: 128px;
	margin:0 0 8px 0;
}
.field {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Trebuchet MS";
}
.select {
	border:1px solid #e6e6e6;
	font:normal 8pt "Trebuchet MS";
}
.button {
	border:1px solid #d1d1d1;
	font:bold 7pt "Trebuchet MS";
	color: #333317;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
	margin-right:3px;
}
.txt-red2 {
	color:#ff0600;
	font:bold 7pt "tahoma";
}
input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
.field {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}
/* ------------------------------------------*/

 /* -----Scroller<<<-----------------*/

/* ------------------------------------------*/





#scrollcontent {
	float:left;
	height:280px;
	overflow:hidden;
	position:relative;
	margin:30px 0 0 0;
}
.submenu {
	width:180px;
	overflow:hidden;
	position:relative;
}
#clearfloat {
	clear:both;
}
/* ------------------------------------------*/

 /* -----Newsletter<<<---------------*/

/* ------------------------------------------*/



#newsletter {
	width:145px;
	background:#fff;
	padding:10px;
	border:1px solid #e2e2e2;
}
img.newslettertitle {
	margin:0 0 3px 0;
}
#newsletter .newsletterbody {
	float:left;
}