/*************/
/*  OVERALL  */
/*************/

*{padding:0; margin:0;}

 body {
	font-size:65%; 
	background-color:rgb(135,206,235); 
	font-family:verdana,arial,sans-serif,PMingLiU;
	}
.page-container {
		width:900px;
		height:auto;
		margin:0 auto;
		margin-top:12px; 
		margin-bottom:12px; 
		font-size:1.0em;
		border:solid 1px rgb(100,100,100);
		}
/*************/
/*   HEADER  */
/*************/

.header {
	width:900px;
	font-family:"trebuchet ms",arial,sans-serif; 
	}
.header-top {
	width:900px; 
	height:80px; 
	background:url(../img/bg_Htop.jpg); 
	overflow:visible !important; 
	overflow:hidden;
	}
.header-middle {
		width:900px; 
		height:150px;
		background:rgb(150,150,150) url(../img/bg_Hmiddle.jpg);overflow:visible !important; overflow:hidden;
		}
.header-bottom {
	width:900px; 
	height:70px;
	background:url(../img/bg_side.jpg) repeat-y;
	}

/********************/
/*  LOGO SECTION  */
/********************/

.sitelogo {
	width:90px; 
	height:60px; 
	position:absolute;z-index:1; 
	margin:10px 0 0 20px; 
	background:url(../img/logo.gif); 
	}
.sitename {
	width:350px; 
	height:45px; 
	position:absolute; 
	z-index:1; 
	margin:20px 0 0 110px; 
	overflow:visible !important; 
	overflow:hidden;
	}
.sitename p {
	font-size:250%;
	font-weight: bold;
	font-family:DFKai-SB,PMingLiU,MingLiu;
	}
.sitename a {
	text-decoration:none; 
	color:rgb(0,0,0);
	}
.sitename a:hover {
		text-decoration:none; 
		color:rgb(11,92,232);
		}
.sub {
	width:350px; 
	margin:-3px 0 0 0; 
	z-index:2;  
	font-size:120%;
	font-weight:bold;
	}
.language {
	width:350px;
	z-index:3; 
	position:absolute; 
	margin:25px 0 0 0; 
	margin-left:550px !important; 
	margin-left:553px;
	}
.language ul {
	float:right; 
	padding:0 20px 0 0;
	}
.language li {
	display:inline; 
	list-style:none;
	}
.language li a {
		padding:0 0 0 3px;
		}
.language a:hover img {
		height:20px; border:none;
		}
.language a img {
		height:18px; border:none;
		}


.nav {
	width:350px;
	height:auto; 
	position:absolute; 
	z-index:3; 
	margin:45px 0 0 550px;
	}
.nav ul {
	float:right; 
	padding:0 15px 0 0;
	}	
.nav li {
	display:inline; 
	list-style:none;
	}
.nav li a {
	display:block; 
	float:left; 
	padding:2px 5px 2px 5px;
	color:rgb(0,0,0); 
	text-decoration:none; 
	font-size:120%;
	}
.nav a:hover {
	text-decoration:none;
	color:rgb(11,92,232);
	font-weight: bold;
	}
.nav a:hover span{
		font-weight: bold;
		font-size:100%;
		color:rgb(11,92,232);
		}

/********************/
/*  NAV SECTION     */
/********************/

.tabs {
	float:left;
	width:100%;
	font-size:120%;
	line-height:normal;
	border-bottom:1px solid rgb(107,120,169);
	}
.tabs ul {
	margin:0;
	padding:10px 10px 0 23px;
	list-style:none;
	}
.tabs li {
	display:inline;
	margin:0;
	padding:0;
	}
.tabs a {
	float:left;
	cursor:hand;
	background:url("../img/tableft4.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	}
.tabs a span {
		float:left;
		display:block;
		background:url("../img/tabright4.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		color:rgb(0,0,0);
		}
.tabs a:hover span {
		font-weight: bold;
		font-size:97%;
		color:rgb(11,92,232);
		background-position:100% -42px;
		}
.tabs a:hover {
		background-position:0% -42px;
		}

.site_map {
	clear:both; 
	width:900px;
	height:30px;
	padding:1.0em 0 0 0;
	margin-bottom:-10px;!important;
	margin-bottom:-5px;
	background:url(../img/bg_side.jpg) repeat-y;
	}
.site_map ul {
	float:left; 
	width:560px; 
	list-style:none; 
	padding:0 0 0 15px; 
	font-family:verdana,arial,sans-serif;
	}
.site_map ul li {
		display:inline; 
		padding:0 0 0 10px; 
		background:transparent url(../img/bg_arrow.gif) no-repeat 0 50%; 
		font-weight:bold; 		
		color:rgb(11,92,232); 
		font-size:100%;	
		}
.site_map ul a {
		color:rgb(100,100,100); 
		text-decoration:none;
		}
.site_map ul a:hover {
		color:rgb(11,92,232);
		text-decoration:overline underline;
		}

.searchform {
	float:right; 
	width:285px; 
	padding:0 17px 0px 0px !important; 
	padding:0 12px 0px 0px;
	}

.searchform form fieldset {
			float:right; 
			border:none;
			}

.searchform input.field {
			width:10.0em; padding:0.2em 0 0.2em 0; 
			border:1px solid rgb(200,200,200); 
			font-family:verdana,arial,sans-serif; 
			font-size:120%; 
			}

.searchform input.button {
			width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; 
			background:rgb(230,230,230); 
			border:solid 1px rgb(150,150,150); 
			text-align:center; 
			font-family:verdana,arial,sans-serif; 
			color:rgb(150,150,150); 
			font-size:120%;
			font-weight:bold;
			}

.searchform input.button:hover {
				cursor:pointer; border:solid 1px rgb(80,80,80); 
				background:rgb(200,200,200; 
				color:rgb(11,92,232);
				}


/****************/
/* MAIN SECTION */
/****************/

.main {
	clear:both; 
	width:900px; 
	margin:auto;
	padding-bottom:30px; 
	background:transparent url(../img/bg_main.jpg) top left repeat-y;
	}
.main a {
	color:rgb(100,100,100); 
	font-weight:bold; 
	text-decoration:none;
	}
.main a:hover {
	color:rgb(11,92,232); 
	text-decoration:none;
	}
.main a:visited {
		color:rgb(42,90,138);
		}
.main-left {
	display:inline;
	float:left;
	width:200px; 
	overflow:visible !important;
	overflow:hidden;
	}
.main-left .round-corner {
			width:10px; 
			height:10px; 
			position:absolute; 
			z-index:100; 
			margin:0 0 0 190px; 
			background:url(../img/round_corner.gif) no-repeat;
			}


.main-left .news {
		width:180px;
		float:left;
		margin:auto;
		}

.news a img {
		border:none;
		}
.news_img{
	margin:18px 0 0 18px; 
	}

.main-left .contact {
		width:190px;
		float:left;
		margin:10px 0 0 5px;
		line-height:1.5em; 
		font-size:110%;
		font-weight:bold;
		color:rgb(100,100,100);
		}
}
.main-left h1 {
		clear:both; 
		margin:10px 0 18px 18px; 
		padding:4px 20px 3px 12px; 
		background:rgb(190,190,190); 
		font-family:"trebuchet ms",arial,sans-serif; 
		color:rgb(255,255,255); 
		font-weight:bold; 
		font-size:150%;
		}
.main-left h1.title {
		clear:both; 
		margin:0; 
		padding:4px 20px 3px 12px; 
		background-color:rgb(135,206,235); 
		font-family:"trebuchet ms",arial,sans-serif; 
		color:rgb(255,255,255); 
		font-weight:bold; 
		font-size:150%;
		}
.main-left h3 {
		clear:both; 
		margin:0px 0 18px 18px; 
		color:rgb(100,100,100); 
		font-weight:bold; 
		font-size:115%;
		}
/****************/
/* MAIN CONTENT */
/****************/
.main-content {
		display:inline; 
		float:left; 
		width:640px;
		margin:0 0 0 30px;
		overflow:visible !important; 
		overflow:hidden;
		}
.main-content .unit {
		width:640px; 
		margin-bottom:10px !important; 
		margin-bottom:5px;
		}
.main-content h1.content_title {
			margin:0 0 0.4em 0; 
			border-bottom:solid 7px rgb(135,206,235); 
			font-family:"trebuchet ms",arial,sans-serif; 
			color:rgb(100,100,100); 
			font-weight:bold; 
			font-size:220%;
			}
.main-content h1.block {
			clear:both; 
			margin:0.7em 0 0.4em 0;
 			padding:2px 0 2px 2px !important; 
			padding:6px 0 1px 2px; 
			background:rgb(135,206,235); 
			font-family:"trebuchet ms",arial,sans-serif; 
			color:rgb(255,255,255); 
			font-weight:bold; 
			font-size:220%;
			}
.main-content h1 {
		margin:0 0 1.0em 0; 
		line-height:1.5em; 
		font-size:120%;
		font-weight:bold;
		color:rgb(100,100,100); 
		font-family:"trebuchet ms",arial,sans-serif; 
		}
.main-content h1 {
		clear:both; 
		margin:1.0em 0 0.5em 0; 
		font-family:"trebuchet ms",arial,sans-serif; 
		color:rgb(100,100,100); 
		font-weight:bold; 
		font-size:120%;
		}
.main-content h3 {
		clear:both; 
		margin:-0.5em 0 0.5em 0; 
		font-family:"trebuchet ms",arial,sans-serif; 
		color:rgb(100,100,100); 
		font-weight:bold; 
		font-size:120%;
		}
.main-content hr.clear_unit{
	clear:both; 
	width:640px; 
	height:0.1em; 
	border:none; 
	background:rgb(210,210,210); 
	color:rgb(210,210,210);
	}
.main-content .unit hr.blank_line{
	clear:both; 
	width:640px; 
	height:1.1em; 
	border:none;
	background:rgb(255,255,255); 
	color:rgb(255,255,255);
	}
.main-content p.address {
			clear:both; 
			margin:2.25em 0 1.0em 0; 
			line-height:1.5em; 
			font-size:120%;
			font-weight:bold;
			color:rgb(100,100,100);
			}
.main-content a.form {
			clear:both; 
			margin:2.25em 0 1.0em 0; 
			line-height:1.5em; 
			font-size:120%;
			font-weight:bold;
			text-decoration: underline ;
			color:rgb(200,100,100);
			}
.main-content table {
		clear:both; 
		width:620px; 
		margin:1.0em 0 0.2em 10px; 
		table-layout: fixed; 
		border-collapse:collapse; 
		empty-cells:show; 
		background-color:rgb(233,232,244);
		text-align:left;
}
.main-content table th.top {
			height:2.5em; 
			padding:0 7px 0 7px; 
			empty-cells:show; 
			background-color:rgb(135,206,235); 
			text-align:left; 
			color:rgb(255,255,255); 
			font-weight:bold; 
			font-size:150%;
			}
.main-content table th {
			height:3.0em; 
			padding:2px 20px 2px 7px; 
			border-left:solid 2px rgb(255,255,255); 
			border-right:solid 2px rgb(255,255,255); 
			border-top:solid 2px rgb(255,255,255); 
			border-bottom:solid 2px rgb(255,255,255); 
			background-color:rgb(225,225,225); 
			text-align:left; 
			color:rgb(80,80,80); 
			font-weight:bold; 
			font-size:120%;
			}
.main-content table td {
			height:3.0em; 
			padding:2px 7px 2px 7px; 
			border-left:solid 2px rgb(255,255,255); 
			border-right:solid 2px rgb(255,255,255); 
			border-top:solid 2px rgb(255,255,255); 
			border-bottom:solid 2px rgb(255,255,255); 
			background-color:rgb(225,225,225); 
			text-align:left; 
			font-weight:normal; 
			color:rgb(80,80,80); 				
			font-size:120%;
			}
.main-content p {
		margin:0 0 1.0em 0; 
		line-height:1.5em; 
		font-size:170%;
		font-weight:bold;
		color:rgb(100,100,100); 
		font-family:"trebuchet ms",arial,sans-serif; 
		}

.main-content ul {
	float:left; 
	width:600px; 
	list-style:none;
	font-family:MingLiu,DFKai-SB,PMingLiU;
	}
.main-content li {
		line-height:18px;
		font-weight:normal; 		
		color:rgb(50,50,50); 
		font-size:120%;	
		}
.main-content li span{
		margin:0 0 0 15px; 	
		}

.main-content ul.photozoom {
			padding:0; 
			margin:1em auto; 
			list-style-type:none; 
			width:630px; 
			height:auto;
			border:solid 0px rgb(221,25,215);
			}
.main-content ul.photozoom li {
				position:relative;
				display:block; 
				float:left; 
				margin-right:5px;
				margin-left:5px;
				margin-bottom:10px;
				width:300px; 
				height:200px;
				}
.main-content ul.photozoom li a {
				position:relative; 
				display:block; 
				width:300px; 
				height:200px; 
				background:transparent; 
				}
.main-content ul.photozoom li a img {
					width:100%; 
					height:100%; 
					border:0;
					}
.main-content ul.photozoom li a:hover {
					position:absolute; 
					left:-30px; 
					top:-20px; 
					width:330px; 
					height:220px; 
					z-index:100;
					}

.main-content li#phototitle {
		margin-left:5px;

		width:300px; 
		height:10px;
		text-align:center;
		}

/********************/
/*  FOOTER SECTION  */
/********************/

.footer {
	width:900px; 
	height:3.7em; 
	padding:1.1em 0 0; 
	background:url(../img/bg_foot.jpg) no-repeat;
	font-size:1.0em; overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}
.footer p {
	line-height:1.3em;
	text-align:center;
	color:rgb(125,125,125); 
	font-weight:bold; 
	font-size:110%;
	}
.footer a {
	text-decoration:none; 
	color:rgb(125,125,125);
	}
.footer a:hover {
		text-decoration:none;
		font-weight:bold; 
		font-size:105%; 
		color:rgb(25,206,235);
		}

/*****************/
/*  CLEAR FLOAT  */
/*****************/
.page-container:after, .header:after, .header-bottom:after, .main:after, .main-left:after, .main-content:after, .main-content div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.unit:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear_unit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}