.eng_font, .ia_font { font-family: Verdana, Tahoma, sans-serif; }
.zh_font { font-family: Verdana, Tahoma, 'Microsoft YaHei', NSimSun, sans-serif; }
.zht_font { font-family: Verdana, Tahoma, 'Microsoft JhengHei', PMingLiU, sans-serif; }

body {
	font-size: 13px;
	text-align: center;
	background-color: #e0e0e0;
}

img { border: 0; }

div,h1,h2 { margin: 0; padding: 0; }

pre,code,textarea, .mono_font
{ font-family: 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace; }

abbr, acronym, .abbr, .acronym { border-bottom: dashed 1px; cursor: help; }

textarea { font-size: 13px; }

#header_browser_warning {
	background-color: Red;
	color: White;
	font-weight: bold;
}


#header_wrapper { background-color: #528BC5; }

#header {
	width: 980px;
	margin: 0 auto;
	background-color: #336699;
	color: White;
	text-align: left;
	position: relative;
}

#header_text_wrapper {
	height: 150px;
	text-align: center;
}

#content_wrapper {
	width: 980px;
	margin: 0 auto;
	background: #efefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAAXNSR0IArs4c6QAAAAJiS0dEAACqjSMyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2QIFAxUqWrPVjgAAACpJREFUCNdjeJDEAAMP/j/ggbCYGBgY5j9ggjFDGFY+4GFgYHzwH6oyGQAUkgm/HwHWQgAAAABJRU5ErkJggg==) bottom left no-repeat;
}

#left {
	text-align: left;
	width: 230px;
	display: inline;
	float: left;
	padding: 55px 0;
}

#right {
	text-align: left;
	display: inline;
	float: right;
	width: 700px;
	padding: 55px 25px;
	background: White url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAAXNSR0IArs4c6QAAAAJiS0dEAACqjSMyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2QIFAxMyH4XqXgAAACxJREFUCNctxjEBACAIALDJTTwTUMzbVnSwgA+7xuhak/QCOhyCTtcmujwbPtoPCRzSoHFjAAAAAElFTkSuQmCC) bottom right no-repeat;
}

#footer {
	clear: both;
	padding-top: 25px;
	width: 980px;
	margin: 0 auto;
}


a { text-decoration: none; color: #336699; cursor: pointer !important; }
a:visited { color: #336699; }
a:hover { color: Red; }

h1#header_text_zh {

	padding: 40px 0 0 0;
}

h1#header_text_en {
	font-size: 24px;
	color: #dddddd;
	font-weight: normal;
}

.header_en_hl { 
	font-weight: bold;
	color: White;
}


#motto_box { text-align: left; position: absolute; left: 650px; top: 100px; width: 330px; }


#lang_bar_wrapper { text-align: right; font-size: 12px; }
#lang_bar_list { margin: 0 20px 0 0; display: block; padding: 0; }
.lang_item { display: inline; height: 20px; padding: 0; vertical-align: bottom; }
.cur_lang, a.other_lang { padding: 0 20px !important; }
.cur_lang { font-weight: bold; color: #336699; background-color: White; }
a.other_lang { color: White !important; }
a:hover.other_lang { color: #336699 !important; background-color: White; }


#left_list { padding: 0; margin-left: 0 ; list-style-image: none; list-style-type: none; list-style-position: outside;  }
.left_list_item_outer { width: 210px; margin: 0 0 10px 20px; position: relative;  }
a.left_list_item_other, .left_list_item_current { font-size: 12px; height: 18px; padding: 5px 0 5px 10px; overflow: hidden; display: block }
a.left_list_item_other { }
a:hover.left_list_item_other, .left_list_item_current {
	font-weight: bold; color: Black;
	background: Transparent url(data:image/gif;base64,R0lGODlh0gAcAIABAP///wAAACH5BAEKAAEALAAAAADSABwAAAKMjI+py+0Po5y02ouz3rz7D4biSJbmiabqyl5AC8eyCrxGjef6zvf+DwwKh8Si8Yg83pLMpvMJjUqRgan1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYaFil2Gi25BgJdiBZ2TWDmampUbPp+Qm6YBNKWmp6iprqUQAAOw==) no-repeat;
}

.left_list_submenu_cur, .left_list_submenu_cur2 {
	margin-left: 0; padding: 0; list-style-image: none; list-style-type: none; list-style-position: outside;
}
.left_list_subitem_outer { width: 210px; margin: 0; padding: 0; }
a.left_list_subitem_other, .left_list_subitem_current { font-size: 11px; height: 18px; padding: 0 0 0 30px; overflow: hidden; display: block }
a:hover.left_list_subitem_other, .left_list_subitem_current {
	font-weight: bold; color: Black;
	background: Transparent url(data:image/gif;base64,R0lGODlh0gASAIAAAP///////yH5BAEKAAEALAAAAADSABIAAAJ0jI+py+0Po5y02nsB3rz7D4YYoHHkiabqyrbuC8fyTNd2bd76zvf+D1xtgsSi8YiEjZLMpvMpW0Kn1KpRas1qtzEs9wveesPkcnNsTqt/6LX7PRvC5/RXro7Pd/J8uugPGCg4+EFCeIiYqPhXsuj4CBl5UAAAOw==) no-repeat;
}

.left_list_hidden_menu {
	display: none;
	position: absolute;
	top: 0px; left: 200px;
	background-color: #efefef;
	padding: 5px 0 5px 0;
	margin-left: 0; list-style-image: none; list-style-type: none; list-style-position: outside;
	z-index: 100;
	width: 180px;
	border-style: outset;
	border-width: 1px;
	border-color: Black;
}
.left_list_hidden_menu_title {
	font-weight: bold;
	margin: 0 5px 5px 5px;
	padding-left: 5px;
}
.left_list_hidden_item_outer { margin: 0; padding: 0; }
a.left_list_hidden_item { font-size: 11px; height: 18px; margin: 0 5px 0 5px; padding: 0 5px 0 5px; overflow: hidden; display: block; }
a:hover.left_list_hidden_item {
	font-weight: bold; color: Black;
	background-color: White;
}


#translate_warning, #unavailable_lang_warning {
	border: 2px dotted Red;
	margin-bottom: 20px;
}
#translate_warning_text, #unavailable_lang_warning_text { font-weight: Bold; color: Red; }
#translate_warning_button, #unavailable_lang_warning_button {
	display: block;
	float: right;
	cursor: pointer;
}



.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.vertmiddle { vertical-align: middle; }


#code_wrapper { display: block; background-color: #ffffea; font-size: 11px; }