@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
img {
	border:none
}
#content > img, #content div>p img {
	width: 100% !important;
	max-width: 700px !important;
}
#header {
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#version {
	background-image: url(images/version_bg.gif);
	width: 989px;
	height: 33px;/*CHG.42=33+9*/
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right: 10px;
	padding-top: 9px;padding-bottom:auto;
}
.version_btn {
	font-size: 15px;
	/*line-height: 42px;*/
	color: #032567;
	text-decoration: none;
	padding-right: 30px;
}
.version_btn a {
	font-size: 15px;
	/*line-height: 42px;*/
	color: #032567;
	text-decoration: none;
}
.version_btn a:hover {
	color: #032567;
	text-decoration: underline;
	
}
.version_btn_selected {
	font-size: 15px;
	/*line-height: 42px;*/
	font-weight: bold;
	color: #d90000;
	text-decoration: none;
	padding-right: 30px;
}

#logo {
/*
	background-image: url(images/logo_bg.jpg);
*/	
	width: 959px;
	height: 40px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	padding-top: 110px;
	background-repeat: no-repeat;
	background-position: left top;
}



#menu_bg {
	background-image: url(images/menu_bg.gif);
	width: 959px;
	height: 40px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-repeat: repeat-x;
}
.menu_btn {
	font-size: 15px;
	line-height: 40px;
	color: #455958;
	text-decoration: none;
}
.menu_btn a {
	font-size: 15px;
	line-height: 40px;
	color: #455958;
	text-decoration: none;
	background-image: url(images/menu_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 14px;
}
.menu_btn a:hover {
	font-size: 15px;
	line-height: 40px;
	color: #455958;
	text-decoration: underline;
}
.menu_btn_selected {
	font-size: 15px;
	line-height: 40px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.menu_btn_selected a {
	font-size: 15px;
	line-height: 40px;
	color: #FFF;
	text-decoration: none;
	background-image: url(images/menu_1_selected.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 14px;
	font-weight: bold;
}
.menu_btn_selected a:hover {
	font-size: 15px;
	line-height: 40px;
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}



#menu_bar {
	width: 959px;
	height: 5px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-color: #032567;
}

#menu_w_bar {
	width: 959px;
	height: 1px;
	float: none;
	margin-left:auto;
	margin-right:auto;
}

#main {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


#main_1 {
	width: 959px;
	height: 354px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#muti_banner {

	width: 538px;
	height: 28px;
	float: left;
	margin-left:auto;
	margin-right:auto;
	padding-top: 327px;
	
	/* background-image:url(images/muti_banner.jpg); */
}
.muti_selected_no {
	color: #fff;
	text-decoration: none;
	width: 20px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	background-color: #852528;
}
.muti_selected_no a {
	color: #fff;
	text-decoration: none;
	width: 20px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	border: 1px solid #F90;
	background-color: #852528;
	text-align: center;
}
.muti_selected_no a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
.muti_no {
	color: #fde200;
	text-decoration: none;
	width: 20px;
	float: left;
}
.muti_no a {
	color: #fde200;
	text-decoration: none;
	width: 20px;
	float: left;
	line-height: 20px;
	border: 1px solid #F90;
	background-color: #011337;
	text-align: center;
}
.muti_no a:hover {
	color: #6FC;
	text-decoration: none;
	float: left;
	line-height: 20px;
}
.muti_t {
	color: #FFF;
	text-decoration: none;
	float: left;
	font-size: 13px;
}




#news_1 {
	width: 206px; /* 176 */
	height: 354px;
	float: left;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/news_1_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px; /* 15 */
	padding-right: 0px; /* 10 */
}
.news_1_title {
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	line-height: 50px;
}
.news_1_t {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news_1_t a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
}
.news_1_t a:hover {
	font-size: 13px;
	color: #333;
	text-decoration: underline;
	
}
.news_date {
	font-size: 11px;
	color: #ff870f;
	text-decoration: none;
}




#news_2 {
	width: 189px; /* 165 */
	height: 354px;
	float: right;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/news_2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#336666;
	padding-left: 10px; /* 15 */
	padding-right: 6px;
	overflow:hidden;/*2012.12 Hard fix overflow in IE6*/
}


.pic {
	border: 1px solid #CCC;
	padding: 1px;
	margin-right: 5px;
	background-color: #FFF;
}


#news_bar {
	width: 959px;
	height: 3px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}






#main_2 {
	width: 959px;
	height: 267px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-color: #bd0000;
}
#message {
	width: 488px;
	height: 148px;
	float: left;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/message_bg.jpg);
	text-align: left;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}
.message_t {
	font-size: 13px;
	color: #333;
}


#banners {
	width: 488px;
	height: 83px;
	float: left;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/banner_s_bg.jpg);
	text-align: left;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 1px;
}
.banners_t {
	font-size: 13px;
	color: #FFF;
}



#album {
	width: 391px;
	height: 236px;
	float: right;
	margin-left:auto;
	margin-right:auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.album_title {
	font-size: 17px;
	color: #fbed06;
	text-decoration: none;
	font-weight: bold;
}
.album_t {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.album_t a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.album_t a:hover {
	font-size: 13px;
	color: #FFF;
	text-decoration: underline;
	
}
.album_date {
	font-size: 11px;
	color: #fbed06;
	text-decoration: none;
}



#sitemap {
	background-image: url(images/sitemap_bg.jpg);
	width: 909px;
	height:auto;
	float: none;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
} 
.sitemap_title {
	font-size: 11px;
	color: #FFF;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 21px;
}
.sitemap_title a {
	font-size: 11px;
	color: #FFF;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.sitemap_title a:hover {
	font-size: 11px;
	color: #FFF;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
}
.sitemap_t {
	font-size: 11px;
	color: #f0e6a9;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 18px;
	/*background-image: url(images/sitemap_dot.gif);*/
	background-repeat: no-repeat;
	background-position: left 5px;
	/*padding-left: 13px;*/
}	
.sitemap_t a {
	font-size: 11px;
	color: #f0e6a9;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.sitemap_t a:hover {
	font-size: 11px;
	color: #f0e6a9;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
}



#copyright {
	width: 899px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 50px;
	background-image: url(images/copyright_bg.jpg);
	height: 25px;
}
#copyright_right {
	width: 205px;
	float: left;
	text-align: right;
}#copyright_left {
	float: left;
}
.copyright_t {
	font-size: 11px;
	color: #032567;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 18px;
}
.copyright_t a {
	font-size: 11px;
	color: #032567;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	line-height: 18px;
}
.copyright_t a:hover {
	font-size: 11px;
	color: #032567;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: underline;
	line-height: 18px;
}




#subpage_main {
	width: 999px;
	height:auto; /* louis */
	background-image: url(images/subpage_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	min-height: 400px;
	margin-right: auto;
	margin-left: auto;
}

#submenu {
	width: 218px;
	float: left;
	margin-left:auto;
	margin-right:auto;
}
.submenu_1 {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(images/submenu_1_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submenu_1 a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.submenu_1 a:hover {
	color: #FFF;
	text-decoration: underline;
	
}
.submenu_1_selected {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(images/submenu_1_selected_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.submenu_1_selected a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.submenu_1_selected a:hover {
	color: #FFF;
	text-decoration: underline;
	
}
.submenu_2 {
	font-size: 13px;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(images/submenu_2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submenu_2 a {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
.submenu_2 a:hover {
	color: #000;
	text-decoration: underline;
	
}
.submenu_2_selected {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(images/submenu_2_selected_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.submenu_2_selected a {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
}
.submenu_2_selected a:hover {
	color: #FFF;
	text-decoration: underline;	
}
.submenu_3 {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(images/submenu_3_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submenu_3 a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
}
.submenu_3 a:hover {
	color: #333;
	text-decoration: underline;
	
}
.submenu_3_selected {
	font-size: 13px;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	background-image: url(images/submenu_3_selected_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.submenu_3_selected a {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
.submenu_3_selected a:hover {
	color: #000;
	text-decoration: underline;
	
}




#subpage_banner {
	width: 739px;
	/*height:au;*/
	/*float: right;*/
	margin-left:auto;
	margin-right:auto;
	/*NO need/*height: 182px;/*152px; CHG NOW to incl navbar +30px*/
	padding-right: 32px;
	padding-left: 10px;
	/*background-image: url(images/subpage_banner.jpg);
	background-repeat: no-repeat;
	background-position: 10px top;*/
	margin-top: 1px;
	margin-bottom: 1px;
}
#subpage_banner_img {
	width: 739px;
	height: 152px;
	overflow:hidden;
}
#path {
	width: 739px;
	height:auto;
	float: right;
	/*margin-left:auto;
	margin-right:auto;*/
	/*margin-left:10px;
	margin-right:32px;*/
	/*background-color: #dbd8c9;*/
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-bottom: 5px;
	/*margin-bottom: 25px;*/
	text-align:right;
}
.path {
	font-size: 13px;
	color: #555;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 15px;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
}
.path a {
	font-size: 13px;
	color: #555;
	text-decoration: none;
}
.path a:hover {
	color: #555;
	text-decoration: underline;
	
}
.path_selected {
	/*font-size: 15px;*/
	font-size: 13px;
	color: #777;
	text-decoration: none;
	padding-right: 10px;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	/*font-weight: bold;*/
}
.path_selected a {
	font-size: 13px;
	color: #777;
	text-decoration: none;
}
.path_selected a:hover {
	color: #555;
	text-decoration: underline;	
}



/*add this div for subpage_main 's right part as div to float 
subpage_main 's left part is this
#submenu {
	width: 218px;
	float: left;
}
*/

#subpage_main_right{ 
	width:781px;
	float: right;
}

#content {
	/*position:relative;*/
	width: 699px;
	/*float: right;*/ /* louis */
	/*margin-left: 268px;
	margin-right: 32px;
	Chg now as put #content into <div> of #subpage_main_right 
	*/
	margin-left: 50px;
	margin-right: 32px;	
	padding-top: 5px;
	padding-bottom: 5px;
	min-height:400px;
}

#content_title {
	width: 299px;  /* revised */
	font-size: 24px;
	font-weight:bold;
	/* font-size: 25px; */
	color: #00529b;
	text-decoration: none;
    margin-left: 268px;
	margin-right: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content_t {
	font-size: 13px;
	color: #000;
	text-decoration: none;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 5px;
}
.content_t a {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
.content_t a:hover {
	color: #000;
	text-decoration: underline;
	
}


.download_t {
	font-size: 13px;
	color: #069;
	text-decoration: none;
	padding-bottom: 0px;
	padding-left: 3px;
	list-style:none;
}
.download_t a {
	color: #069;
	text-decoration: none;
}
.download_t a:hover {
	color: #069;
	text-decoration: underline;
}
.download_t li {
	display: inline;
	margin-top: 0;
	margin-right: -5px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	list-style:none;
}
.download_t ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style:none;
}
/*.clear {zoom:1; clear:both;} */
.clear {clear:both;}
.clear:after {content:''; clear:both; visibility:hidden; height:0px;font-size:0px;overflow:hidden;}
.line2 {
	padding-top:5px;
}
.newsline a{
	/*color:#730404; font-weight:bold;text-decoration: underline; ORG */
	color:#333; text-decoration: underline;
}

/***** structure *****/

#strucListName {
	margin:0;
	float:left;
	width:600px;
	text-align:left;
	margin-bottom:20px;
	/*min-height:600px;
	height:auto !important; /* fix for IE6 */
	/*height:600px;
	background-color:#e3e3e3;*/

}

#strucListName  .blockList {
	width:170px;
	margin:10px 10px;
	text-align:center;vertical-align:top;
	display:inline-block;
	/*overflow:hidden;*/
}

#strucListName  .blockList {
 *display:inline;/*Fix IE6/IE7 NOT support inline-block*/
}

#strucListName  .blockList a{
	color:#11708E;
	font-size:13px;
	text-decoration: none;
}

#strucListName  .blockList a:hover{
	color:#11708E;
	font-size:13px;
	text-decoration: underline;
}

#strucListName  .thumb_m {
	width: 170px; margin:10px auto;
	text-align:center;
}
#strucListName  .thumb_m img {
	height:100px;
	border: 1px solid #ccc;
	padding:4px 8px;
	border-bottom: 3px solid #CCC;
}

#div_stru {
	font-size: 13px;
	color: #555;
	width: 560px;
}

/*LR/BOTH--CHG TO L{LL}/R*/
#div_stru  .stru_left{
	width: 220px; 
	float: left;
	text-align:center;
}

#div_stru  .stru_photo{
	width: 200px; 
	margin: 6px 2px;
	float: left;
	text-align:center;
}

#div_stru  .stru_photo img{
	/*width: 200px; */
	border: 1px solid #ccc;
	padding:4px 8px;
	margin-bottom:5px;
}

#div_stru  .stru_title{
	width:216px;
	margin: 10px 2px;
	
	font-size:15px;
	line-height: 22px;
	font-weight:bold;
}

#div_stru  .stru_name{
	font-size:20px;
	font-weight:bold;
}

#div_stru  .stru_posit{
	/*margin: 10px auto;*/
	
	width: 320px; 
	margin: 10px;
	float: right;
	
	font-size:15px;
	line-height: 22px;
}

/***** END structure *****/


/*ADD 2012.12*/
#search_area{
	height: 23px;
	line-height: 23px;
	padding-right:40px;
	padding-bottom:2px;
}
.websitesearch{
	padding:auto auto;
}
.sitesearch{
	padding:auto auto;
}

.search_title {
	color:#5d058f; font-size:18px;
}
#search_paging a {
	color:#555;
	text-decoration: none;
}
#search_paging a:hover {
	color:#A83333;
	text-decoration: none;
}
.sc_font,.sc_font a {
	font-size: 13px;
	color:#333;
	text-decoration: none;
}
.sc_font a:hover{
	text-decoration: underline;
}

/* END 2012.12 */