body{margin:0 auto;padding:0;font-size:16px;font-family: Arial, sans-serif;}
ul{margin:0;padding:0;margin-left: 20px;margin-top: -10px;}
li{margin:0;padding:0;font-family: }
h1{margin:0;padding:;font-size: 34px;color: #696969;font-family: Impact;margin-left: -50px;}
h2{background: #DC143C;font-size: 20px;color: #F8F8FF;padding-left: 5px;line-height: 30px;}
h3{color: #DC143C;}
h4{color: #DC143C;line-height: 20px;height: 20px;margin-top: 0px;}
a{text-decoration: none;color: #0000FF;}
a:hover{color:#76777c;}
p {line-height: 22px;}
#page-container{width:960px;margin-left:200px;}
#header{border-bottom-style: inset;height:60px;}
.logo{width:130px;float:left;}
.name{line-height: 50px;padding-left: 250px;}
#subheader{margin-top: 10px;height:40px;}
#topNav {color: #DC143C;}
#topNav ul{ margin-top: 10px;}
#topNav li {float:left;
	line-height:30px;
	height:30px;
	list-style:none;
	overflow:hidden;
	font-size: 16px;
}
#topNav a {color:#DC143C;padding-left: 10px;}
#topNav a:hover{color:#c0c0c0;}
#NumID{ position:absolute; bottom:5px; right:5px;}
#NumID li{list-style:none;float:left;width:18px;height:16px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #D00000;background-color:#FFFFFF;color:#D00000;text-align:center;cursor:pointer;margin-right:4px;padding-top:2px;overflow:hidden;}
#NumID li:hover,#NumID li.active{border:1px solid #D00000;background-color:#FF0000;color:#FFFFFF;width:22px;height:18px;font-weight:bold;font-size:13px;}
.foot1{background:#808080;height: 10px;}
.sfu_logo{float:left;height:90px;width: 700px;}
.add{color: #76777c;}
.mission{width:440px;border-top: inset;}
.CRI{border-top: inset;width: 400px;}
.sponsor{width: 540px; border-top: inset;}
#project{border-top: inset;}
.add li{list-style: none;font-size:14px;}
.pic{margin-left: 5px;}
.font{color:#76777c;font-size: 14px;}
.img{
	-webkit-transform:scale(0.6);
	-moz-transform:scale(0.6);
	-o-transform:scale(0.6);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;

}

.img .mask{
	width: 100%;
	position: absolute;
	height: 100%; 
	opacity:0.6;
	cursor:pointer;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration:0.5s;
}
.img:hover{
	-webkit-transform:scale(0.8);
	-webkit-box-shadow:0px 0px 30px #ccc;
	-moz-transform:scale(0.8);
	-moz-box-shadow:0px 0px 30px #ccc;	
	-o-transform:scale(0.8);
	-o-box-shadow:0px 0px 30px #ccc;	
}
#img-1:hover .mask{
	height:0%;	
}
#title {width: 65px; }

/*people*/
#title1 {width: 75px; }
#faculty{border-top: inset;}
#prof{margin-top:-5px;border-bottom: dotted 1px #808080;background: url("/~gwa5/images/bg1.jpg") repeat-x;}
.prof1{width: 470px;float: left;border-right: dotted 1px #808080;}
.left1{float:left;height: 200px;}
.right1{width: 300px; float:right;}
.CRF1{clear: both;width: 470px;}
.prof2{width: 470px;float:right;}
.left2{float:left;height: 200px;}
.right2{width: 300px; float:right;}
.CRF2{clear: both;width: 470px;}
.clear{clear:both;}
.post-doctorate {float:left;width: 210px;border-bottom: solid 1px #DC143C;}
.Phd{float:left;width: 220px;margin-left: 160px;border-bottom: solid 1px #DC143C;}
.Msc{float:left;width: 220px;margin-left: 140px;border-bottom: solid 1px #DC143C;}
#student li{color: #808080;}
#alumni li{color: #808080;}
#former li{color: #808080;}
#picShow ul{border-top: solid 1px #808080;margin-top: -1px;}
#picShow li{width: 300px;list-style: none;float:left;}
#title2{background: #808080;color: #fff;line-height: 30px;font-size: 20px;width: 140px;}

/*newenergy*/
.left3{float:left;width: 470px;padding-top: 20px;}
.right3{line-height: 30px;width: 490px;float:right;background: url("/~gwa5/images/bg1.jpg") repeat-x;}
.right3 p{margin-left: 15px;}
#picbox{border-top: solid 1px #808080;margin-top: -1px;}
#title3{background: #808080;color: #fff;line-height: 30px;font-size: 20px;width: 220px;}
#title4{background: #808080;color: #fff;line-height: 30px;font-size: 20px;width: 120px;}
#picbox1{border-top: solid 1px #808080;margin-top:2px;}
/*automation design*/
#title03{background: #808080;color: #fff;line-height: 30px;font-size: 20px;width: 180px;}

/*auto design and advanced mefg*/
#title_3{background: #808080;color: #fff;line-height: 30px;font-size: 20px;width: 370px;}

/*job posting*/
#titile-01{width: 125px;line-height: 30px;}
.wang{width: 470px;float: left;border-right: dotted 1px #808080;}
.viha{width: 470px;float: right;}
#sub-content1 li{line-height: 30px;}

/*publication*/
#dr_wang h2{width: 220px;}
#dr_wang li{line-height: 22px;}
#dr_wang h4{margin-top: 20px;}
#dr_vi h2{width: 305px; }
#dr_vi li{line-height: 22px;}
#dr_vi h4{margin-top: 20px;}

/*teaching*/
#teaching h2{width: 95px;}
#teaching li{list-style: none;overflow:hidden;line-height: 22px;}

/*software*/
#soft-content h2{width: 90px;}
#soft-content h3{padding-left: 5px;}
#soft-content p {padding-left: 5px;}
.ARSM {width: 470px;float:left;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.MPS {width: 440px;float: right;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.PSP {width: 470px;float:left;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.OPTIP {width: 440px; float:right;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.others{width: 440px;float: right;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.Mech{width: 470px;float:left;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.Left{width: 470px;float:left;background: url("/~gwa5/images/bg2.jpg") repeat-x;}
.Right{width: 440px;float:right;background: url("/~gwa5/images/bg2.jpg") repeat-x;}

/*contact*/
#title8 h2{width: 110px;}
.director li{list-style: none;margin-left: -20px;}