/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul, ol { list-style-type:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }

/* ---------- A note on font-sizing ---------- 
Default font size in IE6, IE7 and FireFox is 16px. 
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/

html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	color: #282828;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em; /* 75% of 16px = 12px */
	margin: 0;
	padding: 0;
	text-align:center;
}

a, a:link, a:visited {
	color: #1c5475;
	text-decoration:underline;
}

a:hover {
	color: #4A7061;
}

h1 {
	color:#4A7061;
	font-size:1.3em;
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

h2 {
	color:#4A7061;
	font-size:1.1em;
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
h3 {
	color:#4A7061;
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

#content_container p {
	margin-bottom:12px;
	}

#content_container ol { 
	margin-left:30px;
	list-style:decimal;
	}

	#content_container ol li {
		margin-bottom:8px;
		}

		#content_container ol ol, #content_container ol ol ol {
			margin-left:22px;
			margin-top:8px;
			}

#content_container ul {
		margin-left:25px;
		}
		
		#content_container ul li {
			list-style-type: none;
			background: url("images/arrow.gif") no-repeat 0 5px;
			padding-left: 13px;
			margin-bottom:5px;
			}
	

/* Common Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear: both;
	height:.01em;
	overflow:hidden;
}

.divider {
	width:100%;
	height:1px;
	color:#d9d9d9;
	overflow:hidden;
	background-color:#d9d9d9;
	margin:20px 0;
	}

.Normal {
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.Normal table {
		font-size:.83em;
		}

table .Normal {
	font-size:.82em;
	}



/* Layout
 * ------------------------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 1027px;
	text-align:left;
}

#header, #header_chinese {
	background: url("images/leader_map.gif") 200px no-repeat;
	height: 140px;
	padding: 20px 0 10px 0;
}

#header_chinese {
	background: url("images/leader_map_chinese.gif") 200px no-repeat;
}

#logo {
	}

#dnn_dnnSEARCH_txtSearch {
	width:140px;

	margin:0;
	
	}

#dnn_dnnSEARCH_ClassicSearch {
	margin:0;
	padding:0;
	
	}

#banner {
	width:1027px;
	height:165px;
	margin:0 0 20px 0;
	padding:0;
	}

#search {
	width: 230px;
	text-align:right;

}

	#search #news_lead {
		color: #4A7061;
		font-size:.86em;
		line-height: 13px;
		text-align:left;
		margin-top:10px;
	}

#content_left_column {
	margin: 20px;
	width:987px;
	background:url(images/content_container_left_column_bg.gif) repeat-y;
}

#content_right_column {
	margin: 20px;
	width:987px;
	background:url(images/content_container_right_column_bg.gif) repeat-y;
}

#content_single_column {
	margin:20px;
	width:987px;
	}

#content_home {
	margin: 20px;
	background:url(images/content_container_bg_home.gif) repeat-y;
	width:987px;
}

#content h3 {
	color: #4A7061;
	font-size: 16px;
}

#main_content {

	float:left;
	width:713px;
	display:inline;
	line-height:1.4em;
}

#left_column_main {
	width:743px;
	float:right;
	display:inline;
	line-height:1.5em;
	}

#right_column_main {
	width:743px;
	float:left;
	display:inline;
	}

#location table p {
	line-height:1.6em;
	}


.location_info {
	width: 355px;
	float: left;
	font-size: 11px;
}

	.location_info img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.location_info h4 {
		margin: 0 0 5px 0;
		font-size: 13px;
	}
	
	.location_info .location_address {
		margin: 0;
		line-height: 1.5em;
	} 
	
#sidebar_right_home {
	float: left;
	width: 233px;
	margin: 0 0 0 41px;
	font-size:.82em;
	line-height: 16px;
	text-align:left;
	display:inline;

}

#sidebar_left {
	float: right;
	width: 203px;
	margin: 0 41px 0 0;
	display:inline;
	text-align:left;
	}

#sidebar_right {
	float: left;
	width: 203px;
	margin: 0 0 0 41px;
	display:inline;
	text-align:left;
	}

.contact {
font-size:12px; /* 75% of 16px = 12px */
}


/* Footer
 * ------------------------------------------------------------------------- */	
#footer {
	background: #4A7061;
	text-align: center;
	padding:12px 0;
}

ul#footer_nav {
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

	ul#footer_nav li {
		display: inline;
		border-right: 1px solid #D9D9D9;
		margin: 0;
		padding: 0 7px 0 5px;
	}
	
	ul#footer_nav li.last {
		border-right: none;
	}
	
		ul#footer_nav li a {
			color: #FFFEFC;
			text-decoration: none;
		}
		
		ul#footer_nav li a:hover {
			color: #d6d6d6;
		}
	
#copyblock {
	text-align: center;
	margin: 20px 0;
	font-size: 11px;
}



/*  horizontal navigation
 * ------------------------------------------------------------------------- */
#chinese_link, #english_link {
	width:78px;
	background:url(images/chinese_link.gif) no-repeat;
	height:23px;
	display:block;
	text-indent:-5000px;
	}
	
#english_link {
	background:url(images/english_link.gif) no-repeat;
	}
	
#chinese_link:hover, #chinese_link:active, #english_link:hover, #english_link:active {
	background-position:0px -29px;
	}

#nav { background:url("images/nav.gif") no-repeat; width:821px; height:23px; position:relative; margin-left:17px;  }
#nav-chinese { background:url("images/nav_chinese.gif") no-repeat; width:821px; height:23px; position:relative; margin-left:17px;  }

#nav li, #nav-chinese li { position:absolute; top: 0; }
#nav li, #nav a, #nav-chinese li, #nav-chinese a { height:23px; display:block; }
#nav span, #nav-chinese span { display:none; }

#nav #nav-01 { width: 70px; left: 0px; }
#nav #nav-02 { width: 76px; left: 70px; }
#nav #nav-03 { width: 149px; left: 146px; }
#nav #nav-04 { width: 110px; left: 295px; }
#nav #nav-05 { width: 91px; left: 405px; }
#nav #nav-06 { width: 143px; left: 496px; }
#nav #nav-07 { width: 91px; left: 639px; }
#nav #nav-08 { width: 91px; left: 730px; }
#nav #nav-09 { width: 78px; left: 821px; }

#nav #nav-01 a:hover, #nav.test #nav-01 { background: transparent url("images/nav.gif") -0px -29px no-repeat; }
#nav #nav-02 a:hover, #nav.about #nav-02 { background: transparent url("images/nav.gif") -70px -29px no-repeat; }
#nav #nav-03 a:hover, #nav-03.selected { background: transparent url("images/nav.gif") -146px -29px no-repeat; }
#nav #nav-04 a:hover, #nav-04.selected { background: transparent url("images/nav.gif") -295px -29px no-repeat; }
#nav #nav-05 a:hover, #nav-05.selected { background: transparent url("images/nav.gif") -405px -29px no-repeat; }
#nav #nav-06 a:hover, #nav-06.selected { background: transparent url("images/nav.gif") -496px -29px no-repeat; }
#nav #nav-07 a:hover, #nav-07.selected { background: transparent url("images/nav.gif") -639px -29px no-repeat; }
#nav #nav-08 a:hover, #nav-08.selected { background: transparent url("images/nav.gif") -730px -29px no-repeat; }
#nav #nav-09 a:hover, #nav-09.selected { background: transparent url("images/nav.gif") -821px -29px no-repeat; }
	
	
#nav-chinese #nav-01 { width: 90px; left: 0px; }
#nav-chinese #nav-02 { width: 95px; left: 91px; }
#nav-chinese #nav-03 { width: 103px; left: 186px; }
#nav-chinese #nav-04 { width: 106px; left: 289px; }
#nav-chinese #nav-05 { width: 107px; left: 395px; }
#nav-chinese #nav-06 { width: 111px; left: 502px; }
#nav-chinese #nav-07 { width: 108px; left: 613px; }
#nav-chinese #nav-08 { width: 101px; left: 721px; }
#nav-chinese #nav-09 { width: 78px; left: 821px; }

#nav-chinese #nav-01 a:hover, #nav-chinese #nav-01.selected { background: transparent url("images/nav_chinese.gif") -0px -29px no-repeat; }
#nav-chinese #nav-02 a:hover, #nav-chinese #nav-02.selected { background: transparent url("images/nav_chinese.gif") -91px -29px no-repeat; }
#nav-chinese #nav-03 a:hover, #nav-chinese #nav-03.selected { background: transparent url("images/nav_chinese.gif") -186px -29px no-repeat; }
#nav-chinese #nav-04 a:hover, #nav-chinese #nav-04.selected { background: transparent url("images/nav_chinese.gif") -289px -29px no-repeat; }
#nav-chinese #nav-05 a:hover, #nav-chinese #nav-05.selected { background: transparent url("images/nav_chinese.gif") -395px -29px no-repeat; }
#nav-chinese #nav-06 a:hover, #nav-chinese #nav-06.selected { background: transparent url("images/nav_chinese.gif") -502px -29px no-repeat; }
#nav-chinese #nav-07 a:hover, #nav-chinese #nav-07.selected { background: transparent url("images/nav_chinese.gif") -613px -29px no-repeat; }
#nav-chinese #nav-08 a:hover, #nav-chinese #nav-08.selected { background: transparent url("images/nav_chinese.gif") -721px -29px no-repeat; }
#nav-chinese #nav-09 a:hover, #nav-chinese #nav-09.selected { background: transparent url("images/nav_chinese.gif") -821px -29px no-repeat; }


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

 /* Prevent main level background image from showing up in submenu links */
 #nav #nav-02 li a:hover, #nav.about #nav-02 li a, #nav-chinese #nav-02 li a:hover, #nav-chinese.about #nav-02 li a { background: none; }
 #nav #nav-05 li a:hover, #nav.about #nav-05 li a, #nav-chinese #nav-05 li a:hover, #nav-chinese.about #nav-05 li a { background: none; }
 #nav #nav-06 li a:hover, #nav.about #nav-06 li a, #nav-chinese #nav-06 li a:hover, #nav-chinese.about #nav-06 li a { background: none; }
 
 
#nav li ul, #nav-chinese li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	padding-top:0px;
	line-height: 1.2em;
	font-size:11px;
	line-height:14px;
	}

#nav li ul li, #nav-chinese li ul li { 
	height:auto; 				/* Height of each drop down nav item */
	border:1px solid #ffffff;
	border-top:none;
	background-image: none;
	background-color:#ffffff; /* Put background here! Not in the ul!!*/
	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	margin-top: 0px;
	padding:10px 10px 10px 10px;
	}	

#nav li ul li a, #nav-chinese li ul li a {
	background: none;
	width:auto;
	height:auto;				/* Height of each drop down nav item, should match above */
	display:inline;
	line-height:18px;
	}

#navleft {
float:left;
}
	
#navright {
float:right;
}
	
#nav li ul li.most_top {
	border-top:1px solid #93b0da;
	
}

#nav li ul li a span {
	display:block;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:underline;
	}

#nav li:hover ul, #nav li.sfHover ul, #nav-chinese li:hover ul, #nav-chinese li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover { 
	background-image:none;
	text-decoration:underline;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:300px; }		
#nav-05 ul, #nav-05 li { width:300px; }	
#nav-06 ul, #nav-06 li { width:250px; }	

/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }