@charset "utf-8";

/* RESET STYLESHEET */
html, body {text-align: left;}
html, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, form, label, table, tr, th, td, blockquote {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height:1.7;}
h1, h2, h3, h4, h5, h6, p, a, ul, li, form, label, table, tr, th, td, img {text-align: left;}
table {border-collapse:separate; border-spacing:0;}
th, td {text-align:left; f@charset "utf-8";

/* RESET STYLESHEET */
html, body {text-align: left;}
html, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, form, label, table, tr, th, td, blockquote {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height:1.7;}
h1, h2, h3, h4, h5, h6, p, a, ul, li, form, label, table, tr, th, td, img {text-align: left;}
table {border-collapse:separate; border-spacing:0;}
th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/*** TYPOGRAPHY STYLESHEET ***/
body {font-family:Helvetica, Arial, sans-serif; font-size:0.75em;}
p {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em;}
a {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1em;}
ul li, #footer span {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em;}
.smallsize {font-family:Helvetica, Arial, sans-serif; font-size:0.5em;}
h1 {font-family: Helvetica, Arial, sans-serif; font-size:3.75em; font-weight:normal; line-height:0.98em; letter-spacing:-1px;}
h2 {font-family:Helvetica, Arial, sans-serif; font-size:1.50em; line-height:1.1em;}
h3 {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em; font-weight:700;}
blockquote {font-family:"Times New Roman", Times, serif; font-size:2.2em; line-height:1em; font-style:italic;}

.homepage h1 {font-family: Helvetica, Arial, sans-serif; font-size:1em; letter-spacing:1px; padding-bottom:10px;}
a {text-decoration:none; font-family:Helvetica, Arial, sans-serif; text-decoration:none;}

#top-nav ul li, #footer ul li {line-height:1em;}
#top-nav ul li a, #footer ul li a {font-size:1em;}
#top-nav ul li a {font-weight:700;}
#top-nav ul li a.sub-nav {font-size:0.85em;}
#content.font-big p {font-size:1.2em;}

.boldt {font-weight:700;}
.allupper {text-transform:uppercase;}
#right-col ul li, #right-col ol li  {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em;}
#left-col div.directorlist p {line-height:1.3em;}

#content.stories #right-col q {font-family:"Times New Roman", Times, serif; font-size:2.08em; line-height:1em; font-style:italic;}
#content.stories #right-col h2.difftype {font-family:"Times New Roman", Times, serif; font-size:1.2em; font-style:italic;}
	
#left-col.tlalign h3, #left-col.tlalign p {text-align:right;}
#left-col.font_big {font-size:1.17em; line-height:1.1em;}
span.numbers {font-size:2.14em; line-height:1.1em;}

/*** COLOR STYLESHEET ***/
body {background-color:#fff;}
body, p, ul, li, a {color:#000;}

.colorw a {color:#1b364e;}
.colorw, h1.colorw a {color:#fff;}
h1.colorw a:hover {color:#1b364e;}
.homepage a:hover {color:#fff;}

.yellowc {color:#fdba31;}
.bluec {color:#3a6f8f;}
.yellowbck {background-color:#fdba31;}
.beigec {color:#aba099;}
.greenc {color:#abb400;}
.blue_sidec {color:#00b5e6;}
.redc {color:#d02433;}

#top-nav ul li a, #top-nav ul li.selected a:hover, #footer ul li a, .darkgrey {color:#666;}
#top-nav ul li a:hover, #top-nav ul li.selected a, #footer ul li a:hover {color:#ffb300;}
#top-nav ul.sub-nav li a, #sub-nav ul li.selected a:hover {color:#666;}
#top-nav ul.sub-nav li.selected a {color:#000;}
#top-nav ul.sub-nav li a:hover {color:#fff;}


/*** LAYOUT STYLESHEET ***/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

.martop20 {margin-top:20px;}
.martop30 {margin-top:30px;}
.martop50 {margin-top:50px;}
.martop100 {margin-top:100px;}

.marbottom20 {margin-bottom:20px;}
.marbottom30 {margin-bottom:30px;}
.marbottom50 {margin-bottom:50px;}
.marbottom100 {margin-bottom:100px;}

p {padding-bottom:20px;}
.smallsize {display:inline-block; vertical-align:text-top;}

#container {position:relative; margin:0 auto;width:955px;}
#header img {margin-top:30px; margin-left:30px;}
#wrapper {width:790px; margin-left:80px;}

#top-nav ul, #footer {margin-bottom:30px; margin-top:50px;}

#top-nav ul, #footer ul {display:block; list-style:none;}
#footer ul {float:left; width:25%; margin:0; padding:0px;}

#top-nav ul li, #footer ul li {list-style:none; display:inline; margin-right:10px; border-left:1px solid #666; padding-left:10px;}
#top-nav ul li:first-child, #footer ul li:first-child {border-left:none; padding-left:0px;}
/* Fix IE. Hide from IE Mac \*/
* html #top-nav ul li { float: left; }
* html #top-nav ul li a { height: 1%; }
/* End */
#top-nav.nobottom ul {margin-bottom:3px;}
#top-nav ul.sub-nav {display:block; margin:0; padding:4px 0px; list-style:none;}
#top-nav ul.sub-nav li {list-style:none; display:inline; margin-right:5px; border-left:1px solid #666; padding-left:6px;}
#top-nav ul.sub-nav li:first-child {border-left:none; padding-left:0px;}

#content {width:790px;}
#content img {margin:0; padding:0;}
#dnahelix {position:absolute; top:200px; left:0; width:200px;}
#content.highlights {background:#fdba31 url(../images/highlight_bckg.jpg) top right no-repeat;}
#content.breakthroughs {background:#3a6f8f url(../images/breakthrough_bckg.jpg) top right no-repeat;;}
#content.strategic {width:790px; margin-left:80px; background:#f5f3e9 url(../images/strategic_bckg.jpg) top right no-repeat;}
#footer.strategic, #content.breakthroughs {width:790px; margin-left:80px;}

#footer span {display:block; width:auto; float:right; margin:0; padding:0;}

#left-col {float:left; width:255px; overflow:hidden; margin:0; padding:0;}
#left-col.wcolumn  {width:300px;}
#left-col.financial {width:320px;}
#content.stories #left-col {overflow:visible;}

#left-col.bckg_01 {background:#abb400 url(../images/sidebar01_bckg.jpg) top left repeat-y;}
#left-col.bckg_02 {background:#00b5e6 url(../images/sidebar02_bckg.jpg) top left repeat-y;}
#left-col.bckg_03 {background:#fdba31 url(../images/sidebar03_bckg.jpg) top left repeat-y;}
#left-col.bckg_04 {background:#aba099 url(../images/sidebar04_bckg.jpg) top left repeat-y;}

#content.stories #left-col h3, #content.stories #left-col p, #content.stories #left-col div {margin-left:50px; width:230px;}
#content.stories #left-col.financial p, #content.stories #left-col.financial h3  {width:300px; margin-left:0px;}
	
	
#left-col div.directorlist {width:300px; background:#fdba31 url(../images/board_bckg.jpg) top left no-repeat; padding:25px 0px 10px 25px;}

#right-col {float:right; width:525px;}
#content.bios #right-col, #content.stories #right-col {width:435px; margin-right:20px;}
#content.highlights #right-col p, #content.breakthroughs #right-col p, #content.breakthroughs #right-col h2 {width:400px; margin-bottom:15px;}

#content.strategic #right-col p, #content.strategic #right-col h2, #content.strategic #right-col h3 {width:420px; margin-bottom:10px;}
#content.strategic #right-col h3 {margin-bottom:0px;}
#content.stories #right-col h2, #content.bios #right-col h2 {margin-top:10px;}
#content.stories #right-col div.flright {float:right; width:200px;}
 
#fleft {width:255px; float:left;}
#fright {width:255px; float:right;}

#left-col.homepage {height:215px; width:255px; background:url(../images/cliff_home.jpg) top left no-repeat; margin-top:10px;}
#fleft.homepage {height:215px; background:url(../images/stories_home.jpg) top left no-repeat; margin-top:10px;}
#fright.homepage {height:215px; background:url(../images/breakthrough_home.jpg) top left no-repeat; margin-left:13px; margin-top:10px;}

#left-col.homepage h1 {margin-top:115px; margin-left:10px; width:200px;}
#fleft.homepage h1, #fright.homepage h1 {margin-top:115px; margin-left:10px; width:180px;}
#left-col.homepage p, #fleft.homepage p, #fright.homepage p {margin-left:10px; width:180px;}
#fleft.homepage p {width:200px;}
a.padbott {margin-bottom:10px;}

#right-col ul, #right-col ol {margin-left:30px;}
#right-col ul li, #right-col ol li {margin-bottom:10px; list-style:inside;}

#right-col ol li { list-style-type:decimal;}

/*******************/

ont-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/*** TYPOGRAPHY STYLESHEET ***/
body {font-family:Helvetica, Arial, sans-serif; font-size:0.75em;}
p {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em;}
a {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1em;}
ul li, #footer span {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em;}
.smallsize {font-family:Helvetica, Arial, sans-serif; font-size:0.5em;}
h1 {font-family: Helvetica, Arial, sans-serif; font-size:3.75em; font-weight:normal; line-height:0.98em; letter-spacing:-1px;}
h2 {font-family:Helvetica, Arial, sans-serif; font-size:1.50em; line-height:1.1em;}
h3 {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em; font-weight:700;}
blockquote {font-family:"Times New Roman", Times, serif; font-size:2.2em; line-height:1em; font-style:italic;}

.homepage h1 {font-family: Helvetica, Arial, sans-serif; font-size:1em; letter-spacing:1px; padding-bottom:10px;}
a {text-decoration:none; font-family:Helvetica, Arial, sans-serif; text-decoration:none;}

#top-nav ul li, #footer ul li {line-height:1em;}
#top-nav ul li a, #footer ul li a {font-size:1em;}
#top-nav ul li a {font-weight:700;}
#top-nav ul li a.sub-nav {font-size:0.85em;}
#content.breakthroughs p {font-size:1.2em;}

.boldt {font-weight:700;}
.allupper {text-transform:uppercase;}
#right-col ul li, #right-col ol li  {font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.1em;}
#left-col div.directorlist p {line-height:1.3em;}

#content.stories #right-col q {font-family:"Times New Roman", Times, serif; font-size:2.08em; line-height:1em; font-style:italic;}
#content.stories #right-col h2.difftype {font-family:"Times New Roman", Times, serif; font-size:1.2em; font-style:italic;}
	
#left-col.tlalign h3, #left-col.tlalign p {text-align:right;}
#left-col.font_big {font-size:1.17em; line-height:1.1em;}
span.numbers {font-size:2.14em; line-height:1.1em;}

/*** COLOR STYLESHEET ***/
body {background-color:#fff;}
body, p, ul, li, a {color:#000;}

.colorw a {color:#1b364e;}
.colorw, h1.colorw a {color:#fff;}
h1.colorw a:hover {color:#1b364e;}
.homepage a:hover {color:#fff;}

.yellowc {color:#fdba31;}
.bluec {color:#3a6f8f;}
.yellowbck {background-color:#fdba31;}
.beigec {color:#aba099;}
.greenc {color:#abb400;}
.blue_sidec {color:#00b5e6;}
.redc {color:#d02433;}

#top-nav ul li a, #top-nav ul li.selected a:hover, #footer ul li a, .darkgrey {color:#666;}
#top-nav ul li a:hover, #top-nav ul li.selected a, #footer ul li a:hover {color:#ffb300;}
#top-nav ul.sub-nav li a, #sub-nav ul li.selected a:hover {color:#666;}
#top-nav ul.sub-nav li.selected a {color:#000;}
#top-nav ul.sub-nav li a:hover {color:#fff;}


/*** LAYOUT STYLESHEET ***/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

.martop20 {margin-top:20px;}
.martop30 {margin-top:30px;}
.martop50 {margin-top:50px;}
.martop100 {margin-top:100px;}

.marbottom20 {margin-bottom:20px;}
.marbottom30 {margin-bottom:30px;}
.marbottom50 {margin-bottom:50px;}
.marbottom100 {margin-bottom:100px;}

p {padding-bottom:20px;}
.smallsize {display:inline-block; vertical-align:text-top;}

#container {position:relative; margin:0 auto;width:955px;}
#header img {margin-top:30px; margin-left:30px;}
#wrapper {width:790px; margin-left:80px;}

#top-nav ul, #footer {margin-bottom:30px; margin-top:50px;}

#top-nav ul, #footer ul {display:block; list-style:none;}
#footer ul {float:left; width:25%; margin:0; padding:0px;}

#top-nav ul li, #footer ul li {list-style:none; display:inline; margin-right:10px; border-left:1px solid #666; padding-left:10px;}
#top-nav ul li:first-child, #footer ul li:first-child {border-left:none; padding-left:0px;}
/* Fix IE. Hide from IE Mac \*/
* html #top-nav ul li { float: left; }
* html #top-nav ul li a { height: 1%; }
/* End */
#top-nav.nobottom ul {margin-bottom:3px;}
#top-nav ul.sub-nav {display:block; margin:0; padding:4px 0px; list-style:none;}
#top-nav ul.sub-nav li {list-style:none; display:inline; margin-right:5px; border-left:1px solid #666; padding-left:6px;}
#top-nav ul.sub-nav li:first-child {border-left:none; padding-left:0px;}

#content {width:790px;}
#content img {margin:0; padding:0;}
#dnahelix {position:absolute; top:200px; left:0; width:200px;}
#content.highlights {background:#fdba31 url(../images/highlight_bckg.jpg) top right no-repeat;}
#content.breakthroughs {background:#3a6f8f url(../images/breakthrough_bckg.jpg) top right no-repeat;}
#content.strategic {width:790px; margin-left:80px; background:#f5f3e9 url(../images/strategic_bckg.jpg) top right no-repeat;}
#footer.strategic, #content.breakthroughs {width:790px; margin-left:80px;}

#footer span {display:block; width:auto; float:right; margin:0; padding:0;}

#left-col {float:left; width:255px; overflow:hidden; margin:0; padding:0;}
#left-col.wcolumn  {width:300px;}
#left-col.financial {width:320px;}
#content.stories #left-col {overflow:visible;}

#left-col.bckg_01 {background:#abb400 url(../images/sidebar01_bckg.jpg) top left repeat-y;}
#left-col.bckg_02 {background:#00b5e6 url(../images/sidebar02_bckg.jpg) top left repeat-y;}
#left-col.bckg_03 {background:#fdba31 url(../images/sidebar03_bckg.jpg) top left repeat-y;}
#left-col.bckg_04 {background:#aba099 url(../images/sidebar04_bckg.jpg) top left repeat-y;}

#content.stories #left-col h3, #content.stories #left-col p, #content.stories #left-col div {margin-left:50px; width:230px;}
#left-col.homepage {height:215px; background:#aba099 url(../images/cliff_home.jpg) top left no-repeat; margin-top:10px;}
#content.stories #left-col.financial p, #content.stories #left-col.financial h3  {width:300px; margin-left:0px;}
	
	
#left-col div.directorlist {width:300px; background:#fdba31 url(../images/board_bckg.jpg) top left no-repeat; padding:25px 0px 10px 25px;}

#right-col {float:right; width:525px;}
#content.bios #right-col, #content.stories #right-col {width:435px; margin-right:20px;}
#content.highlights #right-col p, #content.breakthroughs #right-col p {width:400px; margin-bottom:15px;}

#content.strategic #right-col p, #content.strategic #right-col h2, #content.strategic #right-col h3 {width:420px; margin-bottom:10px;}
#content.strategic #right-col h3 {margin-bottom:0px;}
#content.stories #right-col h2, #content.bios #right-col h2 {margin-top:10px;}
#content.stories #right-col div.flright {float:right; width:200px;}
 
#fleft {width:255px; float:left;}
#fright {width:255px; float:right;}

#fleft.homepage {height:215px; background:url(../images/stories_home.jpg) top left no-repeat; margin-top:10px;}
#fright.homepage {height:215px; background:url(../images/breakthrough_home.jpg) top left no-repeat; margin-left:13px; margin-top:10px;}
#left-col.homepage p {margin-top:115px;}

#left-col.homepage h1, #fleft.homepage h1, #fright.homepage h1 {margin-top:115px; margin-left:10px; width:180px;}
#left-col.homepage p, #fleft.homepage p, #fright.homepage p {margin-left:10px; width:180px;}
#fleft.homepage p {width:200px;}
a.padbott {margin-bottom:10px;}

#right-col ul, #right-col ol {margin-left:30px;}
#right-col ul li, #right-col ol li {margin-bottom:10px; list-style:inside;}

#right-col ol li { list-style-type:decimal;}

/*******************/