@import "import.css";
.mainBody{ width:1004px; margin:0 auto; text-align:left; }
.top{height:67px;}
.top .logo{ float:left; width:242px;}
.top .topManu{ float:right; background:url(../images/top-menu-bg.gif) right no-repeat; width:340px; height:67px;}
.top .topManu a{ padding-top:34px; display:block; float:left; padding-right:20px;}
.content{ text-align:left; background:url(../images/left-bg-gray.gif) left repeat-y;}
.content .col1{float:left; width:260px; }
.content .col1 .leftContact{ min-height:290px; height:290px; background:url(../images/left-bg.gif) 0px right no-repeat;}
.content .col1 .mainMenu,.content .col2 .banner{ height:294px;}
.mainMenu{padding-left:20px; background:#3a98cc;}
.content .col2{ float:right; width:744px;}
.content .other-col2{ background:url(../images/right-bg.gif) top no-repeat; float:right; width:744px; padding-top:67px;}
.Hcontent{ width:688px; margin:0 auto; padding-top:20px}
.Hcontent .colLeft{ float:left; width:333px;}
.Hcontent .colRight{ float:right; width:333px;}
.newsBox{ padding-bottom:20px;}
.newsBox ul li{ height:20px; display:block; line-height:20px; background:url(../images/dotted-line.gif) bottom repeat-x;}
.newsBox ul li a{ height:20px; display:block; line-height:20px; padding-left:15px; background:url(../images/icon-dotted.gif) 8px no-repeat;}
.newsBox ul li span{ float:right; color:#70726f;}

.newsTitle{ height:24px; background:url(../images/home-title-bg.gif) repeat-y; margin-bottom:8px;}
.newsTitle img{ float:right; padding-top:8px;}
.newsTitle h3{ color:#454545; font-weight:bold; padding-left:13px; font-size:14px; line-height:24px;}

#footer{ background:#235a90; height:29px; line-height:29px; color:#d3dee9; padding-left:40px;}
.text_area{ font-size:12px; line-height:30px; padding-top:10px; 	
			SCROLLBAR-FACE-COLOR: #ffffff;
 			SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 			SCROLLBAR-SHADOW-COLOR: #ffffff;
 			SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 			SCROLLBAR-ARROW-COLOR: #cccccc;
 			SCROLLBAR-TRACK-COLOR: #ffffff;
 			SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 			SCROLLBAR-BASE-COLOR: #ffffff;
}

/*page right*/
.OtherBanner{ width:674px; height:176px; background:url(../images/banner-shadow.gif) bottom repeat-x; margin:0 auto;}
.OtherContent{ width:674px; margin:0 auto; line-height:24px; padding-bottom:30px;}
.OtherContent .textArea{ width:90%; margin:0 auto;}
.OtherContent h1{ height:22px; font-size:12px; font-weight:100; line-height:12px; position:relative; margin-right:50px; padding-bottom:20px; margin-top:20px; padding-left:10px; }
.OtherContent h1 span{ float:right;}
.OtherContent h1 img{ position:absolute; top:-6px;}
.OtherContent h1 span a{ padding:0 10px;}

/*Nlist*/
.Nlist{ clear:both;}
.Nlist ul li{ height:28px; border-bottom:1px solid #e5e6de; background:url(../images/icon-dotted2.gif) center left no-repeat; padding-left:20px; line-height:28px; display:block; margin-bottom:5px; }
.Nlist ul li img{ padding-top:8px; padding-left:20px;}
.Nlist ul li a{ color:#333; line-height:28px; }
.Nlist ul li a:hover{ color:#666}
.Nlist ul li span{ float:right;}
.Nread{ overflow:hidden; margin:0 auto; text-align:left;}
.Nread h2{font-size:14px; font-weight:bold; line-height:25px; border-bottom:1px solid #999; text-align:left; margin-bottom:20px;}
.Nread h2 span{ float:right; font-weight:100; font-size:12px;}
/* Plist */
.plist{
	width:90%;
	padding-left:58px;
	padding-top:30px;
}

.plist ul{
	padding-right:10px;
	margin:0;
}
.plist li{
	float:left;
	width:158px;
	text-align:center;
	margin-right:10px;
	margin-bottom:20px;
}


.imgbox{
	width:156px;
	height:114px;
	text-align:center;
	line-height:114px;
	overflow:hidden;
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.imgbox p {
	position:static;
	+position:absolute;
	top:50%;
	vertical-align:middle;
	text-indent:0;
}
.proLink,a.proLink{ color:#333333; font-weight:bold;}
a.proLink:hover{ color:#333333; text-decoration:underline;}
.imgbox img {
	position:static;
	+position:relative;
	top:-50%;left:-50%;
	vertical-align:middle;
	max-width:150px;	
}
* html .imgbox img{
    width: expression(this.width > 150 && this.width > this.height ? 150 : true);
}
* html .bigImg img{  width: expression(this.width > 270 && this.width > this.height ? 270 : true);}
.bigImg{ border:1px solid #f5f5f5; padding:3px; width:270px; float:left;}
.detailedContent{ line-height:22px; padding-top:20px;}
.detailedContent h2{ font-size:14px; font-weight:bold; display:block;}
.resume{ padding-top:20px;}
.resume h2{ display:block; height:24px; background:url(../images/resume-title-bg.gif) repeat-y; padding-left:10px; font-size:14px; color:#000;}
.resume-info{ float:right; width:300px;}
.resume-info h2{ font-size:12px; color:#000;}
.resume-info h2 span{ font-weight:100; padding-left:10px;}
/*pagecss*/
.pagecss{ padding:20px; text-align:center;}
.pagecss a{ padding:0 10px; color:#333}
.pagecss a:hover{ text-decoration:underline; color:#666}


/* leftmenu*/
/*CSS Code for Menu Begin:*/ 
/* Root = Vertical, Secondary = Vertical */ 
ul#navmenu, 
ul#navmenu li, 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0;
width: 240px; /*For KHTML*/ 
list-style: none; 
} 
ul#navmenu li { 
display: block !important; /*For GOOD browsers*/ 
display: inline; /*For IE*/ 
position: relative; 
} 
/* Root Menu */ 
ul#navmenu a { 
border: 0px solid #FFF; 
border-right-color: #CCC; 
border-bottom-color: #CCC; 
display: block; 
background: #234a90; 
color: #FFF; 
font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
height: auto !important; 
height: 1%; /*For IE*/ 
} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
background: #234a90; 
color: #FFF; 
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
background: #3366cc;
border: 1px solid #234a90; 
border-right-color: #336699; 
border-bottom-color: #2061ac;  
color: #FFF;
padding:3px 20px; 
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background: #234a90; 
color: #FFF; 
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
background: #234a90; 
color: #FFF; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
background: #234a90; 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #234a90; 
color: #666; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #3366cc; 
color: #FFF; 
} 
ul#navmenu ul, 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 240px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
	display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
	display: block; 
} 

