/* CSS Document */



body{
	padding:	0px;
	margin:		0px;
	width:		1000px;
	height: 	1300px;
	background:	url(images/bg.jpg) repeat-x #666666;
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#919191;
	font-size:	14px;
	}
img, ul, li, h1, h2, h3, p, div{
	padding:0;
	margin:0;
	}
.blank {
		clear:both;
		line-height:0px;
		font-size:0px;
		}	
/*-------------------main frame------------*/
#main{
	width:750px;
	margin:0 auto 0 auto;
	}
/*---------------------header------------*/
#header{
	width:750px;
	height:77px;
	background:url(images/header_pic.jpg) no-repeat #CCCCCC;
	position:relative;
	color:#FFFFFF;
	}
#header img{
	margin:10px 0 0 180px;
	}
#header_flag img{
	margin:5px 0 0 468px;
	}	
#header h1{
	position:absolute;
	top:6px; left:238px;
	font-family:kids;
	font-weight:bold;
	font-size:40px;
	}
/*-------------------body---------------*/
#body{
	width:750px;
		}
		
a.email {		
	font-family:		verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				white;	
		
}

/*-------------------pannels---------------*/

#panel{
	float:			center;
	
	}
		
		
#panel table{
	position:			relative;
	border:				0px;
	border-color:		white;
	border-style:		solid;
	font-family: 		verinda, arial, 'sans serif'; 
	font-size:			13px;
	color:				white;
	border-collapse:	collapse;
	float: 				center;
	}	

		
#panel table.zeroBorder{
	position:			relative;
	width:				100%;
	border:				0px;
	border-color:		white;
	border-style:		solid;
	font-family: 		verinda, arial, 'sans serif'; 
	font-size:			13px;
	color:				white;
	border-collapse:	collapse;
	float: 				center;
	}	

						
#panel table.indexTopLeft{
	position:			absolute;
	left:				24px;			
	top:				105px;
	width:				274px;
	height:				152px;
}

					
#panel table.indexBottomLeft{
	position:			absolute;
	left:				24px;			
	top:				289px;
	width:				274px;
	height:				185px;
}
						
#panel table.indexTopMiddle{
	position:			absolute;
	left:				330px;			
	top:				105px;
	width:				274px;
	height:				185px;
}

				
#panel table.indexBottomMiddle{
	position:			absolute;
	left:				330px;			
	top:				320px;
	width:				274px;
	height:				152px;
	}	

						
#panel table.indexTopRight{
	position:			absolute;
	left:				640px;			
	top:				105px;
	width:				274px;
	height:				152px;
}		
					
#panel table.indexBottomRight{
	position:			absolute;
	left:				640px;			
	top:				288px;
	width:				274px;
	height:				185px;
}

					
#panel table.productTopLeft{
	position:			absolute;
	left:				24px;			
	top:				105px;
	width:				274px;
	height:				185px;
}
	
					
#panel table.productBottomLeft{
	position:			absolute;
	left:				24px;			
	top:				323px;
	width:				274px;
	height:				150px;
}

				
#panel table.productMiddle{
	position:			absolute;
	left:				330px;			
	top:				105px;
	width:				274px;
	height:				368px;
}
	
					
#panel table.productRight{
	position:			absolute;
	left:				640px;			
	top:				105px;
	width:				274px;
	height:				368px;
	font-size:			12px;
}

				
#panel table.siteMapMiddle{
	position:			absolute;
	left:				360px;			
	top:				105px;
	width:				320px;
	height:				368px;
}

					
#panel table.siteMapRight{
	position:			absolute;
	left:				715px;			
	top:				105px;
	width:				200px;
	height:				368px;
	font-size:			12px;
}


#panel table.map{
	position:			absolute;
	left:				330px;			
	top:				105px;
	width:				583px;
	height:				368px;
}
					
#panel table.footer{
	position:			absolute;
	left:				24px;			
	top:				500px;
	width:				890px;
	height:				54px;
}

#panel div.rightBold	{
	text-align:			right;
	font-weight:		bold;
}	
	
#panel tr	{
	vertical-align:		text-top;
	text-align:			justify;
	}
	
#panel p {
	padding-top: 		4px;
	padding-left: 		4px;
	padding-right: 		4px;
}
	
#panel	tr.header	{
	vertical-align:		text-bottom;
	height:				27px;
	font-weight:		bold;
	text-align:			center;
	}

#panel	img	{
	width:				256px;
	height:				133px;
	position:			relative;
	left:				3px;			
	top:				3px;
}

#panel	img.standard	{
	width:				256px;
	height:				133px;
	position:			relative;
	left:				3px;			
	top:				3px;
}

#panel	img.map	{
	width:				583px;
	height:				365px;
	position:			relative;
	left:				0px;			
	top:				0px;
}


#panel a.SOT{
	width:		145px;
	height:		54px;
	position:	absolute;
	left:		742px;			
	top:		0px;
	display:	block;
	background:	url(images/zi.jpg) no-repeat #665A2E;
	}


#panel a.SOT{
	width:		145px;
	height:		54px;
	position:	relative;
	left:		0px;			
	top:		0px;
	display:	block;
	background:	url(images/zi.jpg) no-repeat #665A2E;
	}	
		
#panel a.SOT:hover{
		background:	url(images/zi.jpg) no-repeat;
	}

/*------------------Main Menu--------*/
#mainMenu{
	
	float:		right;
		}
		
				
#mainMenu table{
	width:		600px;
	margin:		10px 0 0 0;
	float: 		right;
	}

#mainMenu table.fixPosition{
	position:			absolute;
	left:				385px;			
	top:				34px;	
	height: 			38px; 
	width: 				562px;
}	


#mainMenu table.fixPosition2{
	position:			absolute;
	left:				210px;			
	top:				34px;	
	height: 			38px; 
	width: 				762px;
}	
		
#mainMenu ul{
	float:				right;
	width:				100%;
	padding:			0;
	margin:				0;
	list-style-type:	none;
	}
#mainMenu ul li{
	display:			inline;
	height:				30px;
	}

#mainMenu ul li a{
	float:				left;
	width:				170px;
	font-family:		verdana;
	font-size:			20px;
	font-weight:		bold;
	text-decoration:	none;
	color:				black;
	background-color:	;
	padding:			0.2em 0.2em;
	}
	
#mainMenu ul li a.selected{
	float:				left;
	width:				170px;
	font-family:		verdana;
	font-size:			20px;
	font-weight:		bold;
	text-decoration:	none;
	color:				#ffff00;
	background-color:	;
	padding:			0.2em 0.2em;
	}
	
#mainMenu ul li a:hover{
	background-color:	#;
	text-decoration:	none;
	color:				red;
	}


/*-------------------Sub Menu----------------*/
#subMenu{
	float:left;
		}
		
#subMenu table{
	width:126px;
	margin:	10px 0 0 0;
	float: right;
	}
			
#subMenu ul{
	width:200px;
	list-style-type:	none;
	display:			block;
	margin:				12px 0 0 0;
	font-size:			0px;
	
	}
#subMenu ul li{
	display:			block;
	height:				18px;
	
	}
#subMenu ul li.li2{
	display:block;
	border-bottom:none;
	height:29px;
	}
	
#subMenu ul li a{
	float:				left;
	font-family:		verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				black;
	background-color:	silver;
	text-decoration:	none;
	line-height:		12px;
	width:				230px;
	padding-left:		11px;
	display:			block;
	padding:			0.2em 0.6em;
	
	
	}
	
#subMenu ul li a.selected{
	float:				left;
	font-family:		verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				black;
	background-color:	white;
	text-decoration:	none;
	line-height:		12px;
	width:				230px;
	padding-left:		11px;
	display:			block;
	padding:			0.2em 0.6em;
	}	
	
#subMenu ul li a:hover{
	background-color:             #768970;
	font-weight:		bold;
	color:				white;
	}
	

/*-------------------Sub Menu----------------*/
#subMenuSM{
	float:left;
		}
		
#subMenuSM table{
	width:126px;
	margin:	10px 0 0 0;
	float: right;
	}
			
#subMenuSM ul{
	width:150px;
	list-style-type:	none;
	display:			block;
	margin:				12px 0 0 0;
	font-size:			0px;
	
	}
#subMenuSM ul li{
	display:			block;
	height:				12px;
	
	}

	
#subMenuSM ul li a{
	float:				left;
	font-family:		verdana;
	font-size:			8px;
	font-weight:		bold;
	color:				white;
	text-decoration:	none;
	line-height:		8px;
	width:				150px;
	padding-left:		11px;
	display:			block;
	padding:			0.2em 0.6em;
	
	
	}
	
#subMenuSM ul li a.selected{
	float:				left;
	font-family:		verdana;
	font-size:			8px;
	font-weight:		bold;
	color:				black;
	background-color:	white;
	text-decoration:	none;
	line-height:		8px;
	width:				140px;
	padding-left:		11px;
	display:			block;
	padding:			0.2em 0.6em;
	}	
	
#subMenuSM ul li a:hover{
	background-color:gray;
	}
	
	
/*-------------------Detail Menu----------------*/
#detailMenu{
	float:left;
		}
			
#detailMenu table{
	width:126px;
	height: 200px;
	margin:	10px 0 0 0;
	float: right;
	
	}

#detailMenu div.ddd{
		height: 350px;
		scroll: right;
		overflow: scroll;
	}		
			
				
#detailMenu ul{
	width:250px;
	list-style-type:	none;
	display:			block;
	margin:				12px 0 0 0;
	font-size:			0px;
	
	}
#detailMenu ul li{
	display:			block;
	height:				18px;
	
	}
#detailMenu ul li.li2{
	display:			block;
	border-bottom:		none;
	height:				24px;
	}
#detailMenu ul li a{
	float:				left;
	font-family:		verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				white;
	text-decoration:	none;
	line-height:		12px;
	width:				240px;
	padding-left:		11px;
	display:			block;
	padding:			0.2em 0.6em;
	
	
	}

	
#detailMenu ul li a.selected{
	float:				left;
	font-family:		verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				black;
	background-color:	white;
	text-decoration:	none;
	line-height:		12px;
	width:				240px;
	padding-left:		11px;
	display:			block;
	padding:			0.2em 0.6em;
	}

		
#detailMenu ul li a:hover{
	background-color:gray;
}

#detailMenu ul li a:active {color: white}
	
#certificate a:hover{
	position:			absolute;
	left:				24px;			
	top:				105px;
	background:	url(images/p20.jpg) no-repeat;
	width:				274px;
	height:				185px;
}