@charset "utf-8";
/* 
	 team.css
	 style sheet for team and bio pages
*/

/***********************************************
  team page
 ***********************************************/
/*
body.teamPage #wrapper {
  z-index: 2000;
	background-color: transparent;
}  

body.teamPage {
	z-index: -100;
	background-color: transparent;
}
body.secPage1 #middle #chromeMiddle {
	z-index: 75;
}	
body.teamPage #wrapper #chrome {
  z-index: 80;
}  
body.teamPage #wrapper #chrome #mainImg {
  z-index: 85;
}  
body.teamPage #wrapper #chrome #chooseLanguage {
  z-index: 90;
}  
body.teamPage #wrapper #chrome #imageMap {
  z-index: 100;
}  
body.secPage1 #middle #chromeMiddle {
	z-index: -90;
}	
body.teamPage #wrapper #chrome {
  z-index: -80;
}  

body.teamPage #wrapper #chrome #mainImg {
  z-index: -70;
}  

body.teamPage #wrapper #chrome #chooseLanguage {
  z-index: -60;
}  

body.teamPage #wrapper #chrome #imageMap {
  z-index: -50;
}  
#chrome #mainImg {
	height: 228px;
}	

*/




#content p {
  padding: 0 0 1em 16px;
  font: bold 12px/22.4px arial, helvetica, sans-serif;
  color: #666;
}
/*
body.approach #content #rightPanel,
#content #rightPanel {
  float: right;
  width: 500px;
  padding: 16px 75px 0 0;
}
#content #leftPanel,
#content #leftPanel {
  float: left;
  width: 112px;
  padding: 16px 0 0 45px;
}
*/
#content #leftPanel {
	position: absolute; 
	left: 45px;
	width: 300px;
}	
	
dl#teamNav a {
  display: block;
  width: 150px;
  height: 23px;
	padding-left: 13px;
	font: bold 12px arial,helvetic,sans-serif;
	line-height: 23px;
	color: #357;
  text-decoration: none;
  background: url(../gfx/bullet_sprite.gif) left 7px no-repeat transparent;
}

/* Rollovers */

dl#teamNav a:hover {
	color: #B34;
  background: url(../gfx/bullet_sprite.gif) left -52px no-repeat transparent;
}

dl#teamNav a.selJBallovr,
dl#teamNav a.selDBeldyovr,
dl#teamNav a.selLFanovr,
dl#teamNav a.selSHilleboeovr,
dl#teamNav a.selBLaskeyovr,
dl#teamNav a.selDMinovr,
dl#teamNav a.selAHartiganovr,
dl#teamNav a.selBXuovr,
dl#teamNav a.selBZhouovr, 
dl#teamNav a.selJYanovr, 
dl#teamNav a.selSWangovr, 
dl#teamNav a.selPChuiovr, 
dl#teamNav a.selZPanovr, 
dl#teamNav a.selDQiuovr {
	color: #B34;
  background: url(../gfx/bullet_sprite.gif) left -52px no-repeat transparent;
 	cursor: default;
}	


/* === begin image map rules === */
/* === begin image map rules === */

/* US */
#imageMap {
	position: absolute;
	left: 333px;
	top: 344px;
	z-index: 2000;
}

#imageMap dl {
  position: relative; left: 0; top: 0;
/*  z-index: 1100; */
}
#imageMap a img {
	text-decoration: none;
	border: none;
}
#imageMap a:hover {
  background-position: 0 0; /* IE6 hack to force a redraw */
}

#imageMap a span {
	display: none;
 	position: absolute;
	width: 400px;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #FFF;
/*	z-index: 1200; */
}
html>body #imageMap a span {
	left: 69px; top: 195px; /* for standards-compliant (non-IE/Win) browsers */
}

#imageMap a:hover span {
  display: block;
}

#imageMap dt#dBeldyHit {
  margin: -213px 0px 0px 41px;
}
#imageMap dt#jBallHit{
  margin: -158px 0px 0px 158px;
}
#imageMap dt#dMinHit{
  margin: -188px 0px 0px 254px;
}
#imageMap dt#sHilleboeHit{
  margin: -189px 0 0 294px;
}
#imageMap dt#lFanHit {
  margin: -120px 0 0 350px;
}
#imageMap dt#bLaskeyHit {
  margin: -200px 0 0 424px;
}

/* China */
#imageMapChina {
	position: absolute;
	left: 333px;
	top: 344px;
	z-index: 2000;
}

#imageMapChina dl {
  position: relative; left: 0; top: 0;
/*  z-index: 1100; */
}
#imageMapChina a img {
	text-decoration: none;
	border: none;
}
#imageMapChina a:hover {
  background-position: 0 0; /* IE6 hack to force a redraw */
}

#imageMapChina a span {
	display: none;
 	position: absolute;
	width: 400px;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #FFF;
/*	z-index: 1200; */
}
html>body #imageMapChina a span {
	left: 69px; top: 144px; /* for standards-compliant (non-IE/Win) browsers */
}

#imageMapChina a:hover span {
  display: block;
}

#imageMapChina dt#pChuiHit {
  margin: -180px 0 0 361px;
}
#imageMapChina dt#jBallHit{
  margin: -161px 0 0 151px;
}

#imageMapChina dt#aHartiganHit{
  margin: -200px 0 0 221px;
}
#imageMapChina dt#lFanHit {
  margin: -149px 0 0 488px;
}
#imageMapChina dt#sWangHit {
  margin: -194px 0px 0px 289px;
}
#imageMapChina dt#jYanHit {
  margin: -159px 0 0 301px;
}
#imageMapChina dt#dQiuHit {
  margin: -110px 0 0 411px;
}
#imageMapChina dt#jYanHit {
  margin: -159px 0 0 301px;
}
#imageMapChina dt#zPanHit {
  margin: -159px 0 0 75px;
}


/* ==== end image map ==== */
/* ==== end image map ==== */


/***********************************************
  bio pages
 ***********************************************/

body.secPage0 #content #mainImg {
  position: absolute; left: 333px; top: -242px;
}
body.secPage0 #chrome {
  height: 368px;
  background: url(gfx/chrome_top_sec0.gif) no-repeat;
}
/*
body.bio #content #rightPanel,
body.approach #content #rightPanel,
body.team #content #rightPanel {
  float: right;
  width: 500px;
  padding: 16px 75px 0 0;
}
body.bio #content #leftPanel,
body.team #content #leftPanel {
  float: left;
  width: 112px;
  padding: 16px 0 0 45px;
}
*/
body.bio #content #rightPanel p {
/*
  margin: 0 0 2em 16px;
  font: bold 12px/22.4px arial, helvetica, sans-serif;
*/
  margin: 0 50px 1em 0;
	padding: 0;
	color: #666;	
}

body.bio #content #rightPanel a {
	font-size: 12px;
	text-transform: none;
}	

/*
body.approach #content #rightPanel,
body.bio #content #rightPanel {
  float: right;
  width: 500px;
  padding: 16px 75px 0 0;
}
*/

body.bio #content #leftPanel {
left:45px;
position:absolute;
right:10px;
}
body.bio #content #leftPanel dl dt a {
  display: block;
  width: 97px;
  height: 23px;
  text-decoration: none;
}



/* for debug only */
/*
html>body #imageMap a img {
	outline: 1px dotted red;
}
#imageMap a img {
	_border: 1px dotted red;
}
#imageMap a span {
  display: block;
}
#imageMap a:hover span {
  display: none;
}
body.secPage1 #middle div.noNotch {
visibility: hidden;
}
*/
/*
#imageMap a:hover {
  background-color: green;
}
*/

body.secPage0 #content #mainImg {
  position: absolute; left: 333px; top: -242px;
}
body.secPage0 #chrome {
  height: 368px;
  background: url(gfx/chrome_top_sec0.gif) no-repeat;
}
body.bio #content #rightPanel p {
  margin: 0 50px 1em 0;
	padding: 0;
	color: #666;
}



