/*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 {background:url(pix/bgcenter.gif) center repeat-y #666; font-size:100%; line-height:1em; font-weight:normal; font-family:verdana,arial,helvetica,sans-serif;}

.print {display:none;}

h1 {font:bold 1.2em/1.2em Georgia, "Times New Roman", Times, serif; color:#b35a00; border-bottom:2px solid #b35a00; padding:0 0 3px 0; margin:10px 0 6px 14px;}
h2 {font-weight:bold; font-size:.9em; line-height:1.4em; color:#802b01; 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:1.5em; font-weight:bold; color:#b35a00; padding:0; margin: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;}

a:link, a:visited {font-weight:bold; font-size:.7em; line-height:1em; color:#666;}
a:hover {text-decoration:underline; color:#b35a00; cursor:pointer; cursor:hand;}
hr {border:0; border-top:1px solid #000;}
img {margin:0; padding:0; border:0; display:block;}
p {font-weight:normal; font-size:.7em; line-height:1.5em; color:#000; text-indent:30px; text-align: justify; margin:0; padding:0;}
p.first {text-indent:0; margin:6px 0 0 0; text-align: justify;}
p.noindent {text-indent:0; margin:3px 0; text-align:left;}
p.text {font-weight:normal; font-size:.75em; line-height:1.6em; color:#000; text-indent:30px; text-align: justify; margin:0; padding:0;} /* for longer text - not used */
p.textfirst {font-weight:normal; font-size:.75em; line-height:1.6em; color:#000; text-indent:0; text-align:justify; margin:0; padding:0;} /* for longer text */
p.source {font:bold .7em/1.3em georgia,"times new roman",times,serif; text-indent:0; text-align:center; color:#ffdb7c;}

ul#nav li {border:0; border-bottom:1px solid #575757; margin:0; padding:0;}
ul#nav {border-top:1px solid #575757; width:130px; margin:0; padding:0; list-style:none;}
li.none {border:0; border-bottom:0;}
ul#nav a:link, ul#nav a:visited {background:#000; display:block; width:130px; text-align:center; font-weight:bold; font-size:.625em; line-height:1.2em; padding:4px 0 6px 0; outline:0; color:#aaaaaa; vertical-align:top;}
ul#nav a:hover {text-decoration:none; background:#00c; color:#fff; display:block; text-align:center; outline:0; font-weight:bold; font-size:.625em; line-height:1.2em; padding:4px 0 6px 0; cursor:pointer; cursor:hand;}
ul#nav a:active {background:#f00; color:#fff; display:block; text-align:center; cursor:pointer; cursor:hand; outline:0;}
ul#nav li.page {background:#000; display:block; text-align:center; font-weight:bold; font-size:.625em; line-height:1.2em; padding:4px 0 6px 0; outline:0; color:#767676;}

ul#biolinks {margin:0 0 24px 0; line-height:1em;}
ul#biolinks li {display:inline; margin:0 6px 0 0;}
ul#biolinks li a {font-weight:bold; font-size:.7em; color:#666;}
ul#biolinks li a:hover {text-decoration:none; font-weight:bold; font-size:.7em; color:#b35a00;}

#all {width:760px; margin-left:auto; margin-right:auto;}
#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;}
#logo {margin:0; margin-left:auto; margin-right:auto; padding:11px 0 0 0; width:287px;}
#main {float:right; width:606px; padding:3px 2px 18px 0;}
#menu {margin:8px 9px 9px 11px; padding:0; width:130px; border:0; position:fixed; background:#000;}
#menupic {width:130px; height:130px; background:url(pix/groupsq_pc.jpg) no-repeat;}
#photos {list-style:none; margin:0; padding:0;}
#photos li, #photos li img {display:inline; margin:0; padding:0 8px 20px 0;}
#quotes {margin:10px auto 0 auto; width:130px;}
#quotes p.quote {font:bold .8em/1.4em georgia,"times new roman",times,serif; text-indent:0; text-align:center; color:#fff; font-style:italic; width:130px;}
#rtpic2 {float:right; width:193px; margin:0 0 4px 0;}
#text {width:530px; margin-left:38px;}
#text a.rightlink {float:right;}
#text p a {font-size:1em;}
#vertbig {width:253px; height:354px; float:right; margin:4px 0 4px 12px; border:1px solid #000; background:url(pix/groupvert_pc.jpg) no-repeat;}
#vertsmall {width:179px; height:250px; float:right; margin:4px 0 0 12px; border:1px solid #000; background:url(pix/groupsmallvert_pc.jpg) no-repeat;}

.beijingpic {float:right; margin:12px 0 4px 0; border:1px solid #000; display:block;}
.big {font-family:georgia,"times new roman",times,serif; font-size:1.5em; vertical-align:bottom; font-style:normal;}
.biopic {float:right; margin:4px 0 4px 12px;}
.biopic img {border:1px solid #000;}
.caption {float:right; font-weight:normal; font-size:.6em; line-height:.9em; display:block; padding:3px 0 3px 0; color:#000;}
.captionleft {float:left; font-weight:normal; font-size:.6em; line-height:1.5em; display:block; padding:0 0 3px 0; text-align:left;}
.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;}
.left p.noindent {font-weight:bold;}
.nobreak {white-space:nowrap;}
.quote {font-size:.8em; line-height:1.5em; padding: 0 0 8px 0; margin:12px 0 0 0; text-indent:0; text-align:justify;}
.quote img {display:inline;}
.redboldindent {font-size:.75em; line-height:1em; font-weight:bold; color:#b35a00; text-indent:0; padding:0 0 12px 28px; margin:-4px 0 0 0; border-bottom:1px solid #b35a00;}
.rtpic {float:right; width:226px; margin:4px 0 0 0;}
.rtpic img {float:right; border:1px solid #000;}
.rtpic3 {float:right; width:339px;}
.small {color:#666; font-size:.7em; line-height:1em; margin:0 12px 0 0;}
.start {font-weight:bold; text-transform:uppercase;}
.toTop {text-align:right; margin:12px 0; clear:both;}
.toTop a:link, .toTop a:visited {color:#666; display:block; margin:0 0 8px 0;}
.toTop a:hover, .toTop a:focus {color:#b35a00; text-decoration:none;}
div.redbold {font-size:.8em; line-height:1.2em; font-weight:bold; color:#b35a00; padding:0; margin:5px 0 0 0; border:0;}
span.redbold {font-weight:bold; color:#b35a00;}

/* For recordings & highlights pages only */
.left {float:left; width:100px; border-top:1px solid #b35a00; padding-right:6px; text-align:left;}
.right {float:right; width:424px; border-top:1px solid #b35a00; text-align:left;}
.left p.noindent {line-height:1.3em; margin:6px 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 #b35a00;}
.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}