html {
	height: 100%;
	cursor: url('mouse.cur');
}
body,td,br,p,LEGEND{ COLOR: #415e70; font-size: 12px; line-height:140%;text-shado w: 1px 1px 3px rgba(50,50,50,0.3);}
body { margin: 0;
	padding: 0; width:100%; url('pic/bg.gif') repeat-x left top; text-align:left;}
#wrap {width:100%;height:400px;background:url('pic/bghead.jpg') repeat-x center top;}
#main{
text-align:left;
border-bottom:1px solid #86adc6;
border-left:1px solid #86adc6; 
border-right:1px solid #86adc6;
padding:4px;
padding-top:10px;width:769px; 
clear:both;
margin-left:auto;
margin-right:auto; 
position:relative;
background:#fff url('pic/bghead_top.gif') no-repeat center top; 
padding-bottom:30px;
}
.p1{COLOR:#0000ff}
.p2{font-size:12px;}
.p3{COLOR:#ff0000}
A:link {COLOR: #415e70; TEXT-DECORATION: none;cursor: url('hand.cur');}
A:visited {COLOR: #415e70; TEXT-DECORATION: none;cursor: url('hand.cur');}
A:active {COLOR: #FF6600; TEXT-DECORATION: underline;cursor: url('hand.cur');}
A:hover {COLOR: #FF6600; TEXT-DECORATION: underline;cursor: url('hand.cur');}
.inp1 {  height: 18px;width:100px;border-width:1px;border-color:#C1DFFF;border-style:solid}
.inp2 {  height: 18px;width:50px;border-width:1px;border-color:#C1DFFF;border-style:solid}
.inp3 {  height: 18px;width:230px;border-width:1px;border-color:#C1DFFF;border-style:solid}
input.btn { border: 1px solid #C1DFFF; background-color: #E6F2FF; cursor: url('hand.cur');}
a{text-decoration:underline;cursor: url('hand.cur');}
a:link{color:#1e50a2;cursor: url('hand.cur');}
a:visited{color:#1e50a2;cursor: url('hand.cur');}
a:hover,a:active,a:focus{color:#1e50a2;text-decoration:underline;cursor: url('hand.cur');}


table.gridtable {
	margin:auto;
	font-size:8px;
	color:#111111;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #5F5F5F;
	background-color: #dedede;
	
}
table.gridtable td {
	text-align:center;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #5F5F5F;
	background-color: #ffffff;
	word-wrap:break-word;
	
}
.skill_all {
	BACKGROUND:  no-repeat 0px 0px; 
	WIDTH: 480px; 
	POSITION: relative; 
	HEIGHT: 300px;
	PADDING-left:10px;
	PADDING-right:10px;
	PADDING-top:5px;
	PADDING-bottom:5px;
}

.role_left {
	BACKGROUND:url(pic/index.gif)  no-repeat 0px 0px; 
	WIDTH: 220px; 
	POSITION: relative; 
	HEIGHT: 300px;
	float:left;
	text-align:center;
}
.role_right {
	BACKGROUND:url(pic/index.gif)  no-repeat 0px 0px; 
	WIDTH: 220px; 
	POSITION: relative; 
	HEIGHT: 300px;
	float:right;
	text-align:center;
}

.skill_all a {
	position: relative;
	display: block;
}
.skill_all A SPAN {
	DISPLAY: none
}
.skill_all A:hover SPAN {
	BORDER-RIGHT: #fff 1px solid; 
	PADDING-RIGHT: 8px; 
	BORDER-TOP: #fff 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 8px; 
	FLOAT: left; 
	PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #fff 1px solid; 
	COLOR: #fff; PADDING-TOP: 6px; 
	BORDER-BOTTOM: #fff 1px solid; 
	POSITION: relative; 
	BACKGROUND-COLOR: #106458; 
	border-radius: 5px; 
	moz-border-radius: 5px; 
	webkit-border-radius: 5px; 
	box-shadow: 3px 3px 6px #000; 
	moz-box-shadow: 3px 3px 6px #000; 
	webkit-box-shadow: 3px 3px 6px #000
}
.skill_all A:hover EM {
	DISPLAY: block; 
	BACKGROUND: url(pic/tip.gif) no-repeat; 
	LEFT: 10px; 
	WIDTH: 13px; 
	POSITION: absolute; 
	TOP: -10px; 
	HEIGHT: 10px
}



.role_voc_1 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -29px -21px; WIDTH: 142px; HEIGHT: 154px
}
.role_voc_1:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -29px -221px; WIDTH: 142px; HEIGHT: 154px
}
.role_voc_1:hover SPAN {
	LEFT: 58px; TOP: 88px
}
.role_voc_2 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -229px -12px;  WIDTH: 142px;  HEIGHT: 173px
}
.role_voc_2:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -229px -212px;  WIDTH: 142px;  HEIGHT: 173px
}
.role_voc_2:hover SPAN {
	LEFT: 63px; TOP: 112px
}
.role_voc_3 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -438px -26px; WIDTH: 123px;  HEIGHT: 144px
}
.role_voc_3:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -438px -226px; WIDTH: 123px;  HEIGHT: 144px
}
.role_voc_3:hover SPAN {
	LEFT: 49px; TOP: 77px
}
.role_voc_4 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -638px -9px; WIDTH: 123px; HEIGHT: 178px
}
.role_voc_4:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -638px -209px; WIDTH: 123px; HEIGHT: 178px
}
.role_voc_4:hover SPAN {
	LEFT: 60px; TOP: 85px
}
.role_voc_5 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -39px -421px;WIDTH: 122px; HEIGHT: 154px
}
.role_voc_5:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -39px -621px;WIDTH: 122px; HEIGHT: 154px
}
.role_voc_5:hover SPAN {
	LEFT: 43px; TOP: 77px
}
.role_voc_6 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -442px -412px; WIDTH: 116px; HEIGHT: 173px
}
.role_voc_6:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -442px -612px; WIDTH: 116px; HEIGHT: 173px
}
.role_voc_6:hover SPAN {
	LEFT: 70px; TOP: 97px
}
.role_voc_7 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -237px -426px;WIDTH: 125px; HEIGHT: 145px
}
.role_voc_7:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -237px -626px;WIDTH: 125px; HEIGHT: 145px
}
.role_voc_7:hover SPAN {
	LEFT: 47px; TOP: 87px
}
.role_voc_8 {
	BACKGROUND: url(pic/vocation.gif) no-repeat -637px -422px;WIDTH: 126px;HEIGHT: 152px
}
.role_voc_8:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat -637px -622px;WIDTH: 126px;HEIGHT: 152px
}
.role_voc_8:hover SPAN {
	LEFT: 44px; TOP: 87px
}
.role_voc_9 {
	BACKGROUND: url(pic/vocation.gif) no-repeat  -36px -819px;WIDTH: 130px; HEIGHT: 152px
}
.role_voc_9:hover {
	BACKGROUND: url(pic/vocation.gif) no-repeat  -231px -819px;WIDTH: 130px; HEIGHT: 152px
}
.role_voc_9:hover SPAN {
	LEFT: 44px; TOP: 87px
}

.role_more {
	display: block;
	BACKGROUND: url(pic/more.gif) no-repeat  0px 0px;WIDTH: 159px; HEIGHT: 32px
}
.role_more:hover {
	BACKGROUND: url(pic/more_on.gif) no-repeat  0px 0px;WIDTH: 159px; HEIGHT: 32px
}

.role_info {
	BACKGROUND:url(pic/info.gif)  no-repeat 0px 0px; WIDTH: 500px; POSITION: relative; HEIGHT: 300px;text-align:center;padding:5px;
}