/* CSS Document */


/* Layout 
...........................................................*/
body {float: left; width: 100%; margin: 0; padding: 0; background: url(/images/bkg.gif) top repeat-x #fff; text-align:left; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #666;}
#container {margin: 0 0 0 60px; padding: 0; width: 659px; min-height: 551px; background: url(/images/page.jpg) top left no-repeat; position: relative; text-align:left; font-size: 70%;}
* html #container {height: 551px;}
#leftcol {float: left; width: 191px;}
#masthead {position: absolute; top: 45px; left: 220px; }
#rightcol {float: right; display: inline; width: 410px; margin: 98px 29px 0 0;}
#footer {border-top: 1px solid #B2D3D1;}
#tels {float: right; width: 200px;}
#maincontact {float: left; width: 200px;}

/* Typography 
...........................................................*/
h1 {margin: 0; padding: 0;}
h1 a {display: block; width: 226px; height: 36px; background: url(/images/logo.gif) top left no-repeat;}
h1 span {display: none;}
h2 {margin: 0 0 1.5em 0; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 1px solid #B2D3D1;}
h3 {margin: 0 0 0.5em 0; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }
h4 {margin: 0 0 1.5em 0; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: 1px solid #B2D3D1;}
p, label {clear: both; margin: 0 0 1.5em 0; padding: 0; line-height: 1.5em;}
blockquote span {font: 4em georgia, times, arial, sans-serif ; display: block; float: left; margin: -15px 0 0 0; color: #006e67;}
dl small {display: block; font-style: italic;}
#biog p {margin: 2em 10px;}



/* Page Elements 
...........................................................*/
img {margin: 0 0 0.8em 0; border: 0;}
#rightcol ul {margin: 0 0 1.5em 0; padding: 0; list-style: none; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #666;}
#rightcol ul li {background: url(/images/bullet2.gif) left 7px no-repeat; margin: 0 0 0 20px; padding: 2px 0 2px 15px; line-height: 1.5em;}
#footer ul {margin: 1.5em 0 0.5em 0; padding: 0; list-style: none;}
#footer li {display: inline; margin: 0 !important; padding: 0 !important; background: none !important; font-size: 90%;}
#footer p {font-size: 80%; color: #999;}
dt {margin: 0; padding: 2px 0 2px 20px;line-height: 1.5em; font-weight: bold; clear: right;background: url(/images/bullet.gif) left 4px no-repeat}
dd {padding: 0 0 1em 20px; margin: 0 0 1em 0;}
dt img {float: right; margin: 2px 0;}
.cllg {width: 99px;}
address {font-style: normal; margin: 0 0 10px 0; line-height: 1.4em;}
#footer address {font-size: 80%; font-style: normal; margin: 0 0 10px 0; padding: 5px 2px; border-bottom: 1px solid #B2D3D1; line-height: 2em; background: #F5F9FA;}
ul#perform li {margin: 0 0 30px 0;}
.bkleft {float: left; width:180px; margin: 0 5px 10px 0;}
.bkrght {float: right; width:190px;  margin: 0 0 10px 0;}

#record {width: 190px; float: left;	height: 120px; padding: 0 15px 0 0;}
#recordlft {width: 190px; float: left;	height: 120px}
#record dt, #recordlft dt {background: none; margin: 0; padding: 0; border-bottom: 1px solid #eee;}
#record dd, #recordlft dd {margin: 0; padding:0}
#record img, #recordlft img {display:block;margin: 5px 0 10px 0;}

#rightcol #whobase {list-style: none; margin: 0; padding: 0; background: url(/images/tabs.gif) no-repeat top left; height: 52px;}
#rightcol #whoone {list-style: none; margin: 0; padding: 0; background: url(/images/tab1.gif) no-repeat top left; height: 52px;}
#rightcol #whotwo {list-style: none; margin: 0; padding: 0; background: url(/images/tab2.gif) no-repeat top left; height: 52px;}
#rightcol #whothree {list-style: none; margin: 0; padding: 0; background: url(/images/tab3.gif) no-repeat top left; height: 52px;}

/*
#rightcol #whobase {list-style: none; margin: 0; padding: 0; background: url(/images/tabssingle.gif) no-repeat top left; height: 32px;}
#rightcol #whoone {list-style: none; margin: 0; padding: 0; background: url(/images/tabssingle1.gif) no-repeat top left; height: 32px;}
#rightcol #whotwo {list-style: none; margin: 0; padding: 0; background: url(/images/tabssingle2.gif) no-repeat top left; height: 32px;}
#rightcol #whothree {list-style: none; margin: 0; padding: 0; background: url(/images/tabssingle3.gif) no-repeat top left; height: 32px;}

*/

#rightcol #whobase li,
#rightcol #whoone li,
#rightcol #whotwo li,
#rightcol #whothree li {
	background: none;
	padding: 0; margin: 0;
	float: left;
	width: 136px;
	font-size: 11px;
	text-align: center;
}
#rightcol #whobase #r2t1, #rightcol #whoone #r2t1, #rightcol #whotwo #r2t1, #rightcol #whothree #r2t1 {margin: 6px 0 0 0;}
#rightcol #whobase #r2t2, #rightcol #whoone #r2t2, #rightcol #whotwo #r2t2, #rightcol #whothree #r2t2 {margin: 4px 0 0 0; padding: 0 0 2px 0}
#rightcol #whobase #r2t3, #rightcol #whoone #r2t3, #rightcol #whotwo #r2t3, #rightcol #whothree #r2t3 {margin: 2px 0 0 0; padding: 0 0 4px 0 }
#rightcol #whobase #r1t1, #rightcol #whoone #r1t1, #rightcol #whotwo #r1t1, #rightcol #whothree #r1t1 {clear: left; margin: 8px 0 0 0; }
#rightcol #whobase #r1t2, #rightcol #whoone #r1t2, #rightcol #whotwo #r1t2, #rightcol #whothree #r1t2 {margin: 6px 0 0 0;  padding: 0 0 2px 0}
#rightcol #whobase #r1t3, #rightcol #whoone #r1t3, #rightcol #whotwo #r1t3, #rightcol #whothree #r1t3  {margin: 4px 0 0 0;  padding: 0 0 4px 0}
#biog img {float: right; margin: 3px 0 0 8px;}
#biog {background: url(/images/bgbiog.jpg) no-repeat top left;}
#biog ul {list-style: none; margin: 3px 0 0 10px; padding: 5px 0;}
#biog ul li {background: none; padding: 0 7px 0 0;float: left; margin: 0 ;color: #006e67}
#biogsum {background: url(/images/bgbase.gif) repeat-x top left; width: 405px; text-align: center;padding: 5px 0 15px 0;}
#biogsum img {
	margin:0 35px;
}

/* Links 
...........................................................*/
#rightcol a:link, #rightcol a:visited {color: #006D67; background: url(/images/link.gif) bottom repeat-x; text-decoration: underline;}
#rightcol a:hover {color:#000; text-decoration: none;}
#chinese {position: absolute; top: 1px; left: 360px; width: 42px; height: 23px; background: url(/images/chinese.gif) top left no-repeat;}
#chinese:hover {background: url(/images/chinese-hover.gif) top left no-repeat;}
#chinese span {display:none;}
#english {position: absolute; top: 0px; left: 360px; width: 39px; height: 23px; color:#666;line-height: 1em;}
#english:hover {text-decoration: none;}
#english span {font-size: 90%;}
#footer a:link, #footer a:visited {color: #999;}
#rightcol #whobase a:link, #rightcol #whobase a:visited, #rightcol #whoone a:link, #rightcol #whoone a:visited, #rightcol #whotwo a:link, #rightcol #whotwo a:visited, #rightcol #whothree a:link, #rightcol #whothree a:visited, #rightcol #biogsum a {font-weight: bold; text-decoration: none; background: none;}
#rightcol #whoone .selected, #rightcol #whotwo .selected, #rightcol #whothree .selected {color: #fff; font-weight: bold;}

/* Forms 
...........................................................*/
form p {margin: 0 0 0.5em 0 !important;}
label input {clear: both; border: 1px solid #888; background: url(/images/field.gif) top left no-repeat #fff; width: 250px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 1.5em; padding: 0 5px 5px 5px;}
textarea {clear: both; border: 1px solid #888; background: url(/images/field.gif) top left no-repeat #fff; width: 300px; height: 6em; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 1.5em; padding: 0 5px 5px 5px;}

/* Navigation 
...........................................................*/
#leftcol ul {float: left; position: relative; left: 10px; display: block; width: 191px; margin: 98px 0 0 0; padding: 0; list-style: none; background: url(/images/nav-bkg.gif) top left no-repeat; font: 0.9em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
#leftcol li {float: right; display: inline; }
#leftcol a {float: left; padding: 4px 0 0 0; margin: 5px 0 0 0; text-decoration: none; color: #fff;}
#leftcol a .navbottom {float: left; display: block; width: 186px;  margin: 0; padding: 0 0 1px 0; cursor: pointer;}
#leftcol a .navtext {position: relative; top: -2px; left: 5px; cursor: pointer;}
#nav-bottom {float: left; display: inline; width: 191px; height: 10px; background: url(/images/nav-bkg-bottom.gif) top no-repeat; margin: 0 0 0 10px; padding: 0;}

#leftcol a:hover {float: right; display: inline; background: url(/images/nav-hover-top.gif) top left no-repeat #fff !important; padding: 4px 0 0 0; margin: 5px 0 0 0;}
#leftcol a:hover .navbottom {float: left; display: block; width: 186px; background: url(/images/nav-hover-bottom.gif) bottom no-repeat !important; margin: 0; padding: 0 0 1px 0; text-decoration: none; color: #333;}

/* Current Navigation
...........................................................*/
#page01 #nav01 a,
#page02 #nav02 a,
#page03 #nav03 a,
#page04 #nav04 a,
#page05 #nav05 a,
#page06 #nav06 a,
#page07 #nav07 a,
#page08 #nav08 a {background: url(/images/nav-current-top.gif) top left no-repeat #333;}

#page01 #nav01 .navbottom, 
#page02 #nav02 .navbottom, 
#page03 #nav03 .navbottom, 
#page04 #nav04 .navbottom, 
#page05 #nav05 .navbottom, 
#page06 #nav06 .navbottom, 
#page07 #nav07 .navbottom,
#page08 #nav08 .navbottom {background: url(/images/nav-current-bottom.gif) bottom no-repeat;}

/* Tables
...........................................................*/
td, th {padding: 0 5px;border-bottom: 1px solid #B2D3D1;}
th {padding: 0 5px;border-bottom: 2px solid #B2D3D1;}
table {margin: 0 0 20px 0;	width: 50%;	font-size: 100%;}