body {
	margin:0;
	padding:0;
	background-color:#93823a;
}	
p, div, td, a, input {
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color: #231f20;
}
img {
	border:0;
}
#siteframe0 {
	position:relative; 
	width:884px; height:863px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background:transparent url('../images/home/background.jpg') no-repeat;
}
#siteframe {
	position:relative; 
	width:884px; height:863px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background:transparent url('../images/background.jpg') no-repeat;
}
#header_bar {
	position:absolute;
	top:0px;
	left:10px;
	width:831px;
	height:38px;
	/*padding-left:233px;*/
	padding-left:33px;
	background-color:#231f20;
	font:bold 20px/38px arial,helvetica,sans-serif;
	color:#dcd4a6;
	overflow: hidden;
}
#header_bar span.speaker {
	color:#fbe108; 
}
#header {
	position:absolute; 
	top:0px; left:0px; 
	background-color:#231f20; 
	width:864px; height:60px; 
	text-align:center
}
#header a:link, #header a:visited, #header a:hover {
	font: bold 16px/18px arial,helvetica,sans-serif;
	color:#ffffff;
	margin:18px 15px;
	text-decoration:none;
}
#header a:hover {
	color:#93823a;
}
#body_bg {
	position:absolute; left:204px; top:175px;
}
#title {
	position:absolute; 
	left:310px; top:105px; 
	z-index:9;
}
#intro {
	position:absolute; 
	left:47px; top:200px; 
	width:157px; 
	font:normal 12px/18px arial,helvetica,sans-serif;
}
#interviews a:link, #interviews a:visited, #interviews a:hover {
	font: normal 11px/18px arial,helvetica,sans-serif;
	color:#231f20;
	margin:0px 7px;
	text-decoration:none;
	display:block;
	white-space:nowrap;
}
#interviews a:hover {
	color:#000;
	text-decoration:underline;
}
#interviews_bg {
	position:absolute; 
	top:457px; left:217px;
}
#container0 {
	position:absolute; 
	width:864px; height:820px;
	top:0px; left:10px;
}
#container {
	position:absolute; 
	top:38px; left:10px; 
	width:864px; height:720px;
}
#helix {
	position:absolute; 
	left:0px; top:258px; 
	width:255px; height:468px;
}
#root_items {
	position:absolute; 
	top:60px; left:0px; 
	width:864px; height:720px;
}
#imagex {
	position:absolute; 
	top:10px; left:223px;
	width:605px; height:290px;
	margin:auto;
}
#imagex2 {
	position:absolute; 
	top:60px; left:273px;
	width:505px; height:290px;
	margin:auto;
}
#scroll_root {
	position:absolute; 
	top:375px; left:223px; 
	width:605px; height:75px;
	/* background-color:#000; */
}
#maincontent {
	position:absolute; 
	top:0px; left:0px; 
	width:864px; height:720px;
}
#logo {
	position:absolute;
	top:33px; left:33px;
}

/* MENU STYLES */
#menu {
	position:absolute; 
	top:215px; left:18px;
	width:215px;
}
#menu ul {
	margin:0; padding-left:15px; 
}
#menu li {
	list-style-type:none;
}
#menu, #menu ul a:link, #menu ul a:visited,  #menu ul a:hover,
#menu li a:link, #menu li a:visited,  #menu li a:hover {
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color: #231f20;
	white-space: nowrap;
	text-decoration: none;
}
#menu ul a:hover, #menu li a:hover {
	color: #000;
	text-decoration: underline;
}
#menu ul li ul li {
	padding-left:3px;
}
#menu img {
	border: 0px;
	vertical-align: middle;
	padding-bottom:3px; padding-right:5px;
}
.open ul { display: block !important; }
.closed ul { display: none; }
li.open img { 
	background:transparent url('../images/open.gif') no-repeat; 
	cursor:default;
}
li.closed img { 
	background:transparent url('../images/closed.gif') no-repeat; 
	cursor:pointer;
}
ul#mainnav li ul li.current a:link,
ul#mainnav li ul li.current a:visited, 
ul#mainnav li ul li.current a:hover {
	color: #231f20 !important;
	font-weight:bold !important;
	text-decoration: none !important;
}
/* END MENU */

/* VIDEO AND TRANSCRIPT AND BIO STYLES */
#video_and_transcript {
	position:absolute !important; 
	top:46px; left:233px; 
	width:631px; height:260px;
}
#video {
	position:absolute; 
	top:3px; left:0px;
	width:320px;
}
#transcript {
	position:absolute; 
	top:0px; left:340px; 
	width:246px; height:260px;
}
td.trans_left {
	background:transparent url('../images/transcript/title_leftcurve.png') no-repeat; 
}
td.trans_left_off {
	background:transparent url('../images/transcript/title_leftcurve_off.png') no-repeat; 
}
td.trans_right {
	background:transparent url('../images/transcript/title_rightcurve-trans.png') no-repeat; 
}
td.trans_right_off {
	background:transparent url('../images/transcript/title_rightcurve-trans_off.png') no-repeat; 
}
td.bio_left {
	background:transparent url('../images/transcript/title_leftcurve-bio.png') no-repeat; 
}
td.bio_left_off {
	background:transparent url('../images/transcript/title_leftcurve-bio_off.png') no-repeat; 
}
td.bio_right {
	background:transparent url('../images/transcript/title_rightcurve.png') no-repeat; 
}
td.bio_right_off {
	background:transparent url('../images/transcript/title_rightcurve_off.png') no-repeat; 
}

td.transcript_title, td.transcript_title_off {
	background:transparent url('../images/transcript/title_center.png') repeat-x; 
	height:19px; 
	vertical-align:bottom;
	font:bold 12px/12px arial,helvetica; 
	white-space:nowrap;
	cursor:default !important;
	_margin-bottom:2px;
}
td.transcript_title_off {
	background:transparent url('../images/transcript/title_center_off.png') repeat-x; 
	font:normal 11px/11px arial,helvetica; 
	vertical-align:middle;
	cursor:pointer !important;
}
td.transcript_title_shadow {
	background:transparent url('../images/transcript/title_shadow.png') repeat-x bottom left;
}
td.transcript_left_shadow {	
	width:4px; 
	background:white url(../images/transcript/left_line.png);
}
td.transcript_box {
	background-color:#dcd4a6;
	padding-left:12px; margin-right:10px; 
}
#transcript_textbox {
	width:242px; height:251px; 
	overflow: auto; 
}
#blind1, #blind2 {
	position:absolute; 
	width:225px; height:8px;
	background-color:#dcd4a6; 
}
#blind2 {
	margin-top:243px;
	_margin-top:237px;
}
#transcript_text, #biography_text {
	font:normal 11px/16px arial, helvetica, sans-serif;
	padding:20px 5px 12px 0px;
}
#biography_text {
	display:none;
}
td.transcript_bottom_shadow {
	width:261px; height:6px; 
	background:transparent url('../images/transcript/shadow_bottom.png') repeat-x top left;
}
td.transcript_title_shadow a:link, td.transcript_title_shadow a:visited, td.transcript_title_shadow a:hover {
	font:normal 9px sans-serif;
	color:#231f20;
	text-decoration:none;
	text-align:right; vertical-align:middle;
	margin-right:20px;
}
td.transcript_title_shadow a:hover {
	text-decoration:underline;
}
div.print {
	position:absolute; 
	top:20px; width:220px;
	text-align:right;
	padding-right:10px;
}
div.print a:link, div.print a:visited, div.print a:hover  {
	font:normal 9px arial, helvetica, sans-serif;
	color:#231f20;
	text-decoration:underline;
}
/* END VIDEO AND TRANSCRIPT */

/* BEGIN OTHERTOPICS STYLES */
#othertopics {
	position:absolute;
	top:341px;
	left:234px;
	width:254px;
	height:379px;
	border:1px solid #8b8254;
	overflow:auto;
}
.sub_header {
	background-color:#8b8254; 
	font:bold 11px/14px arial, helvetica, sans-serif; 
	color:#ffffff;
	padding:4px; 
	text-align:center;
	margin-bottom:5px;
}
#othertopics_menu {
	font:normal 11px/14px arial, helvetica, sans-serif; 
	color:#231f20;
	padding:0px 4px 4px 8px;
}
#othertopics_menu .topics_header {
	margin-top:8px;
	font-style:italic;
}
#othertopics_menu ul {
	padding:0; margin:0;
}
#othertopics_menu li {
	padding-top:0; margin-left:15px;
	list-style-image:url('../images/carrot.gif');
}
#othertopics_menu li a:link, #othertopics_menu li a:visited, #othertopics_menu li a:hover {
	font:normal 11px/14px arial, helvetica, sans-serif; 
	color:#231f20;
	text-decoration:none;
}
#othertopics_menu li a:hover {
	color:#000000;
	text-decoration:underline;
}
#othertopics_menu li a#current:link, #othertopics_menu li a#current:visited, #othertopics_menu li a#current:hover {
	font-weight:bold !important;
	cursor:default;
}
/* END OTHERTOPICS */

/* SCIENTISTS SPEAKING STYLES*/
#scientists_speaking {
	position:absolute;
	top:340px;
	left:504px;
	width:328px;
    height: 379px;
    overflow: auto;
	border:1px solid #8b8254;
}
#scientists_speaking2 {
	position:absolute; 
	top:340px; left:345px; 
	width:408px;
	border:1px solid #8b8254;
}
#scroll {
	position:relative;
	height:75px; 
	margin-bottom:5px;
	text-align:center; 
}
#list {
	padding-top:10px;
	padding-bottom:12px;
}
#list td {
	text-align:left;
	padding:0px 5px;
}
#list a:link, #list a:visited, #list a:hover {
	font: normal 11px/16px arial, helvetica, sans-serif;
	color:#8b8254;
	color:#231f20;
	display:block;	
	text-decoration:none;
}
#list a:hover {
	color:#000;
	text-decoration:underline;
}
#nobel_laureate {
	position:absolute; 
	bottom:3px; width:403px; 
	font:normal 10px sans-serif; 
	color:#ffffff; 
	text-align:right;
}
/* END LIST */

/* FOOTER STYLES */
#footer {
	position:absolute;
	top:728px;
	left:0px;
	width:833px;
	height:67px;
	padding:5px 0 0 33px;
	font: normal 12px arial, helvetica, sans-serif;
	color:#231f20;
}
#footer .funding {
	font-weight: bold;
}
#footer_nav {
	position:absolute;
	top:10px;
	left:17px;
	padding-left:233px;
	width:598px;
	text-align:center;
}
#footer a:link, #footer a:visited, #footer a:hover {
	font: normal 12px/20px arial, helvetica, sans-serif;
	color:#231f20;
	text-decoration:none;
	padding-right:20px;
}
#footer a:hover {
	text-decoration:underline;
}
/* END FOOTER */
/*Credits*/
.credits{
font:normal 12px/19px Arial, Helvetica, sans-serif;
margin-left:30px;
margin-right:30px;

}
.bold{
		font-weight:600;
}
.who{
		color :#93823a;
}
td.credits{
vertical-align:text-top;
}
/*End Credits*/

/*Button Generator*/
/*<div class="clear"><a class="button" href="#" onclick="this.blur();"><span>Next page, please</span></a> another button </div>*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

/*Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height.  We now have a pretty looking button, but it doesn't exactly give us much visual feedback when we press it. So let's add that finishing touch of CSS: */
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.grayout {
    opacity:0.5; /* Firefox */
    filter:alpha(opacity=50); /* IE */
}

/*End Button*/

#scientists_speaking_wide {
    clear: both;
	position: relative;
	left: 0px;
	width: 580px;
	border:1px solid #8b8254;
	top: 10px;
}
#description {
	position: relative;
	left: 200px;
	top: 50px;
	width: 625px;
	padding: 20px;
	font-size: 16px;
}
#fulldescription {
	font-size: 14px;
	position: relative;
	width: 600px;
	top: 37px;
	left: 219px;
	overflow: auto;
	height: 670px;
	line-height: 16px;
}
#fulldescription h1 {
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#fulldescription p,a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
}
#fulldescription div.grayout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
    padding-left: 6px;
    color: #231f20;
    opacity: 0.5;
    filter:alpha(opacity=50);
}

#breadcrumb {
	position: relative;
	left: 10px;
	top: 5px;
	width: 700px;
	height: 17px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	overflow:hidden;
}

/* Immediate Text Popup when hovering over links, for thumbnails slider menu */
a.info{
    position:relative; /*this is the key*/
    z-index:24; /* background-color:#ccc; */
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; /* background-color:#ff0 */ }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    font-weight: bold;
    position:absolute;
    top:3.8em; left:0em; width:20em;
    /* border:1px solid #0cf; background-color:#cff; color:#000; */
    text-align: left}
