/*      basic elements
-----------------------------------------------------------------------*/
* {padding:0;margin:0;}
html, body {height: 100%;text-align: center;}
ol, ul {
	list-style: none;
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	text-align: center;
	line-height: 1.6;
	font-size: 13px;
	background-color: #666666;
	background-image: url(../images/ws-bg-01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

td{
	line-height: 1.6;
	font-size: 13px;
}


/*      page
-----------------------------------------------------------------------*/
.line{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;

}

.line-vertical{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	background-image: url(../images/ws-index-07.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

.leftimg {
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.rightimg {
	float: right;
	border: none;
	clip:  rect(auto,auto,auto,auto);
	margin-left: 20px;
}

#title{
	font-size: 15px;
	background-image: url(../images/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	width: 100%;
	text-align: left;
	padding-left: 55px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	margin-top: 10px;
}

.h1{
	font-size: 13px;
	valign: bottom;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 2;
	letter-spacing: 1pt;
	font-weight: bold;
}
.h2 {
	font-size: 18px;
	font-weight: bold;
	valign: bottom;
	font-family: Arial, Helvetica, sans-serif;
}

.h3 {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}

#container{
	background-color: #FFFFFF;
	text-align: left;
  overflow:hidden;
  width:960px;
  min-height:100%;
  height:auto;
  text-align:left;
  margin:auto;/*ff*/
  *margin:0;/*ie*/
  position:relative;
}

#content{
	width:960px;
	font-size: 13px;
	z-index:1;
	position:relative;
	min-height:600px;
	*height:600px;
	border-top:1px solid #ffffff;
	background:transparent url(../images/content_bg.gif) repeat-y top left;
	display:table-cell;
}
#content a{
	color: #333333;
	text-decoration: none;

}
#content a:hover{
	text-decoration: underline;
	color: #660066;

}
#main{
	width:700px;*width:708px;
	padding:0 0 20px 20px;
	float:left;
	/*position:relative;
	left:230px; */
}

ul.proList {padding:10px 0;}
ul.proList li {
	float:left;
	display:block;
	width:220px;height:265px;
	border:1px solid #999999;
	text-align:center;
	margin:5px;_margin:3px;
	}
ul.proList em {
	display:block;
	text-align:left;
	font-style:normal;
	background:transparent url(../images/icon_item.gif) no-repeat top left;
	padding-left:15px;
	margin:10px 0 0 5px;
	line-height:110%;
	}
ul.proList a {
	display:table-cell;
	height:220px;width:220px;
	vertical-align:middle;
	border-bottom:1px dotted #cccccc;
	padding:10px;
	}
ul.proList a:hover {background-color:#fafafa;}
ul.proList img {border:0;vertical-align:middle;}

.datatable {
	border-collapse: collapse;
	background-color: #FFFFFF;
	border:1px solid #ffffff;

}

.datatable th {
	color: #336633;
	background-color:#E6EDD3;
	text-align:center;
	font-size: 12px;
	line-height: 1.2;
	height: 25px;
	top: 5px;
	letter-spacing: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9DC882;
	border-bottom-color: #9DC882;
	border-left-color: #ECE9D8;
	font-weight: bold;
}
.datatable td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 28px;
	color: #333333;
	font-size: 13px;
	text-align: left;
	padding:10px;padding-left:0;
	background-image: url(../images/ws-bg-09.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.datatable  tr.altrow {	background-color: #F4F3F0;}

.dec {
	padding-bottom:10px;
	background:transparent url(../images/ws-bg-09.gif) repeat-x bottom left;
	}

ul.pageNum {
	clear:both;
	margin:15px 0 25px 0;
	text-align:center;
	}
ul.pageNum li {display:inline;margin:0 2px;}
ul.pageNum a {padding:1px 3px;}
ul.pageNum li.current a{color:#ffffff;background-color:#cccccc;	}
ul.pageNum a.prev {
	font-size:11px;color:#aaaaaa;
	padding:1px 5px;margin:2px 10px 0 0;
	border:1px solid #cccccc;
	}
ul.pageNum a.next {
	font-size:11px;color:#aaaaaa;
	padding:1px 5px;margin:2px 0 0 10px;
	border:1px solid #cccccc;
	}
ul.pageNum a.prev:hover , ul.pageNum a.next:hover {color:#0080FF}

/*      header
-----------------------------------------------------------------------*/
#header{
	height: 80px;
	width: 960px;
	background-color: #FFFFFF;
	position:relative;
}

.color-1 {color: #999900}
.color-2 {color: #006666}
.color-3 {color: #0066CC}

#menu {
	height: 80px;
	padding-top: 0px;
	width:630px;
	font-size: 13px;
	letter-spacing: 1px;
	margin-left:310px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	float:right;
}
#menu ul li {
	float: left;
	text-align: center;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #333333;
	height: 30px;
	width:80px;_width:120px;
	padding:20px 20px 0 20px;
	background-image: url(../images/ws-index-02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	line-height:120%;
	_line-height:100%;
}

#menu ul li a:hover,#menu ul li a.current {
	background-image: url(../images/ws-index-03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	color: #660000;
}

#logo{
	height: 140px;
	width: 310px;
	background: transparent url(../images/logo.png) no-repeat top left !important;/*ff ie7*/
  _background-image: none;/*ie6*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale');/*ie6*/
	top:0;left:0;
	position:absolute;
}

.pro_title {
	height: 33px;
	width: 196px;
	background:transparent url(../images/pro_title.gif) no-repeat top left;
	top:197px;
	left:36px;
	position:absolute;
	}

#language{
	width: 125px;
	float: left;
	text-align: center;
	vertical-align: middle;
	height: 80px;
}

#banner{
 width: 100%;
 height: 150px;
 overflow: hidden;
 background-color: #404040;
 /*padding-left: 19px;*/
}

#breadCrumb{
	height:20px;
	background-image: url(../images/ws-bg-02.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
	padding-top: 4px;
}

#breadCrumb a{
	color: #990000;
	font-weight: normal;
}

#breadCrumb a:hover{
	text-decoration: none;
}

ul#lan_menu {
	float:right;
	margin:-23px 0 0 0;
	list-style: none;
	}
ul#lan_menu li{
	float:left;
	border:1px solid #cccccc;
	padding:0;margin:0;
	}
ul#lan_menu a {
	color:#191919;
	font-size: 0.87em;
	text-decoration: none;
	vertical-align:bottom;
	padding:5px 7px;
	}
ul#lan_menu a:hover {
	background-color:#f2f2f2;
	color:#9F0000;
	}


/*      left
-----------------------------------------------------------------------*/
#left{
  padding-top: 0px;
	width:193px;*width:195px;
	font-size: 13px;
	border-left:1px solid #DFDABD;
	border-right:1px solid #DFDABD;
	min-height:100%;height:100%;
	background-color: #EFEFEF;
	float:left;
	margin:0 0 0 36px !important;_margin-left:18px;
	display:table-cell
	/*position:absolute;
	left:35px;*left:36px;	*/
}

#left h3{ /*CSS class for menu headers in general (expanding or not!)*/
  font-size:12px;font-weight:lighter;
  letter-spacing: 1px;
	text-align:left;
	color: #330000;
	background-color: #EFEFEF;
	border-bottom:1px solid #E3E0DB;
	padding:4px 0 0 30px;margin:0;
  text-transform: uppercase;
  cursor: hand;
  cursor: pointer;
}

#left ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

#left ul li a{
  display: block;
	text-decoration: none;
	color: #666666;
	width:153px;*width:100%;
	border-bottom:1px solid #E3E0DB;
	background: #fff url(../images/ws-bg-03.jpg) no-repeat top left;
	padding: 5px 0 5px 40px;
	margin:0;
	text-align: left;
	font-size: 12px;
}

#left a:hover , #left a.current{ /*hover state CSS*/
  background: #f7f7ef url(../images/ws-bg-04.jpg) no-repeat top left;
	color: #8A0000;
}


/*      footer
-----------------------------------------------------------------------*/
#footer{
	height: 60px;
	width: 960px;
	background:#fff url(../images/ws-index-04.jpg) repeat-X top left;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	padding-top: 20px;
	color: #666666;
	float: left;
	border-top:1px solid #E2DFCF;
	z-index:5;
	position:relative;
}
#footer a{
	color: #CC0000;
	text-decoration: underline;
}
#footer a:hover{
	text-decoration: none;
}