/*reset*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, form, fieldset, table, tr, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:verdana,arial,helvetica,sans-serif; vertical-align:baseline; text-decoration:none;}
/* remember to define focus styles! */
 :focus {outline:0;}
body {line-height:1;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
td {text-align:left; font-weight:normal;}
img {vertical-align:baseline; border:0;}
/*end reset*/

body {font-size:100%; line-height:1em; font-weight:normal; font-family:verdana,arial,helvetica,sans-serif;}

.print {display:block;}

#gallery ul li#pic4 a img {position:absolute; left:85px; display:block; width:480px; height:303px; border:1px solid #000;}
#gallery ul li#pic4 a span {position:absolute; left:85px; top:306px; width:480px;  display:block; line-height:1.2em;}
#gallery ul li#pic4 a span em, #gallery ul li#pic2 a span em {font-style:normal; font-weight:normal;}
#gallery ul li#pic2 a img {position:absolute; left:85px; top:0; display:block; width:480px; height:408px; border:1px solid #000;}
#gallery ul li#pic2 a span {position:absolute; left:85px; top:412px; display:block; width:480px;}
#gallery ul li#next, #gallery ul li#back {display:none;}

h1 {font:bold 1.2em/1.2em Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:2px solid #000; padding:0 0 3px 0; margin:10px 0 6px 14px;}
h2 {font-weight:bold; font-size:.9em; line-height:1.4em; color:#000; text-align:center; margin:12px 0;}
h3 {font-weight:bold; font-size:.7em; line-height:1.2em; color:#666; text-align:left; margin:12px 0 3px 0; padding:0;}
h3.rule {border-bottom:1px solid #000; padding:0 0 3px 0;}
h4 {font-size:.9em; line-height:.9em; font-weight:bold; color:#000; padding:0; margin:12px 0 0 0; border:0;}
h5 {font-weight:bold; font-size:.56em; line-height:1em; color:#000; text-indent:0; text-align:left; margin:0; padding:6px 0 0 0; text-transform:uppercase; border-top:1px solid #000;}

hr {border:0; border-top:1px solid #000;}

img {margin:0; padding:0; border:0; display:block;}
img.nav {width:130px; height:130px;}
#vertsmall {width:179px; height:250px; float:right; margin:4px 0 0 12px; border:1px solid #000;}
#vertbig {float:right; margin:4px 0 4px 12px; border:1px solid #000;}
#cameras {margin:12px 0 4px 0; border:1px solid #000; display:block;}
#dan {background:url(pix/danbio_pc.jpg); width:160px; height:134px; float:right; margin:4px 0 4px 12px; border:1px solid #000;}

.quote img {display:inline;}
.quote {font-size:.75em; line-height:1.5em; padding: 0 0 8px 0; text-align:left;}
.start {font-weight:bold; text-transform:uppercase;}

a {font-weight:bold; font-size:.7em; line-height:1em; color:#666; text-decoration:none;}

#text a.rightlink {display:none;}

p {font-weight:normal; font-size:.7em; line-height:1.6em; color:#000; text-indent:30px; text-align: justify; margin:0; padding:0;}
p.first {text-indent:0; margin:12px 0 0 0; text-align: justify;}
p.noindent {text-indent:0; margin:3px 0; text-align:left;}

.beijingpic {float:right; margin:12px 0 4px 0; border:1px solid #000; display:block;}
.biopic {float:right; padding:4px 0 4px 12px;}
.biopic img {border:1px solid #000;}
.captionleft {float:left; font-weight:normal; font-size:.6em; line-height:1.5em; display:block; padding:0 0 3px 0; text-align:left;}
.caption {float:right; font-weight:normal; font-size:.6em; line-height:.9em; display:block; padding:3px 0 3px 0; color:#000;}
.frame {border:1px solid #000;}
.halfline {font-weight:normal; font-size:.5em; line-height:.5em;}
.indent {padding:0 0 0 28px; margin:0; text-indent:0; line-height:1.5em;}
.nobreak {white-space:nowrap;}
span.redbold {font-weight:bold; color:#000;}
div.redbold {font-size:.8em; line-height:1.2em; font-weight:bold; color:#000; padding:0; margin:5px 0 0 0; border:0;}
.redboldindent {font-size:.75em; line-height:.75em; font-weight:bold; color:#000; text-indent:0; padding:0 0 12px 28px; margin:-4px 0 0 0; border-bottom:1px solid #000;}

.rtpic {float:right; width:226px; margin:4px 0 0 0;}
.rtpic img {float:right; border:1px solid #000;}
#rtpic2 {float:right; width:193px;}
.rtpic3 {float:right; width:339px;}
.small {color:#666; font-size:.7em; line-height:1em; margin:0 12px 0 0;}

/* For recordings & highlights pages only */
.left {float:left; width:100px; border-top:1px solid #000; padding-right:6px; text-align:left;}
.right {float:right; width:424px; border-top:1px solid #000; text-align:left;}
.left p.noindent {line-height:1.3em; margin:5px 0 6px 0;}
.right p.noindent {line-height:1.4em; margin:5px 0 6px 0;}

/* For contact page only */
.left1 {float:left; width:255px; padding-right:6px; text-align:left; border-right:1px solid #000;}
.right1 {float:right; width:255px; text-align:left;}
.left1 p.noindent, .right1 p.noindent {line-height:1.4em; margin:5px 0 6px 0;}

/* For essay page only */
.right2 {float:right; width:530px; line-height:1em; text-align:right; margin:0 0 12px 0}

#all {position:absolute; top:0; left:0; width:606px;}
#logo {margin:0; margin-left:auto; margin-right:auto; padding:11px 0 0 0; width:287px;}
#main {width:606px; padding:3px 3px 18px 0;}
#text {width:530px; margin-left:38px;}

#menu, #biolinks, #nav, #quotes, .nav {display:none;}
#photos {list-style:none; margin:0; padding:0;}
#photos li, #photos li img {display:inline; margin:0; padding:0 8px 20px 0;}

.toTop {display:none;}

#text p a {font-size:1em;}
#musicplayer {width:530px; height:260px;}
div.left p.noindent {font-weight:bold;}