/* CSS Document */

* { margin:0; padding:0; border:none; }
body { font-size:76%; padding-top:10px; font-family:arial,helvetica,sans-serif; color:#555555; background:#ffffff url(images/body_bkgrd.gif) top left repeat-x; text-align:center /*IE fix; see table.container td below*/; }

/* remember to define focus styles! */
a { border:none; }
a:link { color:#ffaa00; }
a:visited { color:#666666; }
a:hover { color:#000000; }
a:focus { background-color:#e2e2e2; }
a:active { background-color:#e2e2e2; }
a.newwindow { padding-right:14px; background:url(images/newwindow.gif) top right no-repeat; }
span.moreinfo { font-size:12px; }
span.moreinfo a:link,span.moreinfo a:visited { font-weight:bold; text-decoration:none; color:#ffaa00; }
span.moreinfo a:hover { font-weight:bold; text-decoration:none;color:#000000; }
blockquote { margin:0 0 .7em 1.2em; }

#maincontent .formtable { padding:5px 0 0 0; background:#ffffff; }
#maincontent .formtable td {padding:6px 6px 15px 0; white-space:nowrap; vertical-align:top; }
input, textarea, select { font-family:arial,helvetica,sans-serif; font-size:13px; border:1px solid #aaaaaa; padding:1px; margin:0; }
option { padding:1px; border-bottom:1px solid #ddd; }
#maincontent .formtable input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#ffaa00; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; border:1px outset #ffaa00;  }
#maincontent .formtable label { font-size:1em; color:#888888; }
#maincontent .formtable td.captcha { padding:6px 6px 12px 0; }
#maincontent .formtable td.captcha input {  margin-bottom:0; width:176px; display:block; }
#maincontent .formtable td.captcha img { margin:3px 0 0 0; }
#maincontent .formtable p.errormsg { color:#cc0000; line-height:120%; margin:0 0 12px 0; }
#maincontent .formtable td.contact {padding:2px 6px 12px 0; font-size:1.1em; line-height:130%; }

#skipnav { position:absolute; left:-2000px; width:300px; }

table#container { margin:0 auto; background:#ffffff; width:790px; padding:0;  }
table#container td { padding:0; text-align:left; } /*IE fix FIX; if left is not desired in all cells, text align will have to be reset in each as desired*/

/*HEADER*/
#header {vertical-align:top; background: url(images/bkgrd_hdr.gif) top left no-repeat; height:65px; vertical-align:top; padding:0; }
#header a { text-decoration:none; border:none; }

#header ul { float:right; display:inline; margin:15px 40px 0 0; width:300px; list-style-type:none; }
#header li { float:right; display:inline; margin:0 0 0 7px; color:#cccccc; white-space:none; }
#header li a:link,#header li a:visited { text-decoration:none; color:#aaaaaa; }
#header li a:hover  { text-decoration:none; color:#ffaa00; }
#header li.current a { color:#333333; font-weight:bold; }

#header h2 { font-size:18px; position:relative; margin:0 0 0 10px; height:65px; width:215px; }
#header h2 span { position:absolute; height:65px; width:215px; background:url(images/logo.gif) top left no-repeat; }

#nav { background:url(images/shadow_navright.gif) top right no-repeat; }
#nav h3 { font-size:13px; position:relative; height:35px; width:225px; float:left; display:inline; }
#nav h3 span { position:absolute; height:100%; width:100%; background:url(images/accelerating.gif) top left no-repeat; }
#nav ul { margin:0; padding:0px; list-style-type:none; display:inline;  }
#nav li { margin:0px; padding:0; display:inline; }

#nav a { float:left; display:inline; background: url(images/nav_bkgrd.gif) top left repeat-x; font-size:13px; line-height:20px; font-weight:bold; text-decoration:none; padding:0 17px; border-left:1px solid #ffffff; }
#nav a:link,#nav a:visited { color:#ffffff; cursor:hand; }
#nav li a:hover { color:#ffffff; background-position:0% -100px; cursor:hand; }
#nav li.current a:link,#nav li.current a:visited { color:#ffffff; background-position:0% -200px; cursor:hand;  }
#nav li.current a:hover { color:#483920; cursor:hand; background-position:0% -200px; cursor:hand; }
#nav a.cap { float:left; display:inline; background: url(images/navcap.gif) top right repeat-x; font-size:13px; line-height:20px; font-weight:bold; text-decoration:none; padding:0 19px 0 16px; border-left:1px solid #ffffff; }
#nav a.cap:link,#nav a.cap:visited { color:#ffffff; cursor:hand; }
#nav li a.cap:hover { color:#ffffff; background-position:100% -100px; cursor:hand; }
#nav li.current a.cap:link,#nav li.current a.cap:visited { color:#ffffff; background-position:100% -200px; cursor:hand;  }
#nav li.current a.cap:hover { color:#483920; cursor:hand;  background-position:100% -200px; cursor:hand; }

/*CONTENT*/
td#content { vertical-align:top; background:url(images/bkgrd_content.gif) top left repeat-y; }

#maincontent { float:right; display:inline; width:533px; margin:0 32px 0 0; text-align:left; position:relative; }
#maincontent p { line-height:160%; margin:0 0 .4em 0; }
	#maincontent p.home { font-size:1.3em; line-height:160%; margin:0 0 .4em 0; }
	#maincontent p.list { line-height:135%; margin:0 0 .6em 0; padding-top:.3em; }
#maincontent h1 { font-size:1.4em; line-height:110%; margin:18px 0 .6em 0; color:#777777; }
#maincontent h1.subhead { font-size:1.4em; line-height:100%; margin:1px 0 .6em 0; color:#777777; }
#maincontent h1 span.small { font-size:13px; }
#maincontent h1 span.big { font-size:1.2em; line-height:100%; margin:1px 0 .6em 0; color:#f90; }
	#maincontent h1.tightop { font-size:1.6em; line-height:110%; margin:12px 0 .4em 0; color:#777; }
	#maincontent h1.tightop em { color:#555; }
#maincontent h2 { font-size:1.2em; line-height:110%; margin:0 0 .4em 0; padding-top:.4em; color:#555555; }
	#maincontent h2.tightop { padding-top:0; }
	#maincontent h2.home { font-size:1.3em; padding-top:.2em; color:#777777; }
#maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 { font-size:1.1em; line-height:110%; margin:0 0 .5em 0; padding-top:.4em; color:#777777; }
#maincontent ul { margin:0 0 .4em 0; }
#maincontent ol { margin:0 0 .4em .5em; }
#maincontent li { line-height:145%; margin:0 0 .3em 1.2em; }
#maincontent p,#maincontent li { font-size:1.1em; }
#maincontent h3.list { margin-bottom:0; }

#maincontent img.bigimage { margin-bottom:10px; padding-top:6px; }

#maincontent ul.sitemap { margin:0 0 .4em 0; list-style-type:none; }
#maincontent ul.sitemap li { font-size:1.2em; line-height:130%; margin:0 0 .3em 0; font-weight:bold; }
#maincontent ul.sitemap li ul {margin:.4em 0 0 4em; list-style-type:none; }
#maincontent ul.sitemap li ul li { font-size:1em; line-height:130%; margin:0 0 .3em 0; font-weight:normal; }

/*#billboard { position:relative; width:528px; height:199px; }
#billboard span { position:absolute; width:100%; height:100%; background: url(images/microplate_flipped.jpg) top left no-repeat; }*/

#billboard { position:relative; width:528px; height:300px; }
#billboard span { position:absolute; width:100%; height:100%; background: url(images/htfc.jpg) top left no-repeat; }

#billboard2 { /*position:relative;*/ margin:0; width:528px; height:199px; padding-bottom:7px; }
#billboard2 span { position:absolute; width:528px; height:199px; background: url(images/hypercyt.jpg) top left no-repeat; }

#billboard3 { position:relative; margin:0 0 15px 0; width:528px; height:356px; padding-bottom:7px; }
#billboard3 span { position:absolute; width:528px; height:356px; background: url(images/hyperview2.gif) top left no-repeat; }

#maincontent div.workflow { width:528px; height:200px; margin-bottom:9px; }
#maincontent div.workflow p { margin:0 6px 0 280px; padding-top:5px; font-size:14px; line-height:20px;  }
#maincontent div.workflow h2 { margin:8px 6px 0 280px; padding-top:5px; font-size:15px;  } 

/*SUBNAV*/
#subnav p { font-size:12px; margin:0 0 5px 0; line-height:120%; }

#subnav { float:left; display:inline; width:176px; margin:38px 0 15px 31px; }
#subnav ul { list-style-type:none; margin:0 0 18px 0; padding-top:12px; }
#subnav li { font-size:13px; line-height:110%; margin:0 0 9px 0; font-weight:bold; }
#subnav li a:link,#subnav li a:visited { text-decoration:none; color:#8a8a8a; }
#subnav li a:hover { text-decoration:none; color:#000000; }
#subnav li.current a:link,#subnav li.current a:visited { color:#ffaa00; }
#subnav li.current a:hover { color:#000000; }
#subnav li ul  {margin:0; padding:0; }
#subnav li ul li { font-weight:normal; font-size:12px; margin:7px 0 0 6px; }
#subnav li ul li a:link,#subnav li ul li a:visited { color:#8a8a8a; }
#subnav li ul li a:hover { color:#000000; }
#subnav li ul li.current a:link,#subnav li ul li.current a:visited { color:#ffaa00; }
#subnav li ul li.current a:hover { color:#000000; }

#subnav .hilite { background: url(images/bkgrd_hilite.gif) top left no-repeat; padding:8px 0 12px 0; height:auto; }
#subnav .hilite h3 { font-size:13px; margin:0 3px 3px 9px; line-height:115%; color:#3C2D15; }
#subnav .hilite h4 { font-size:12px; margin:0 3px 2px 9px; line-height:110%; color:#555555; }
#subnav .hilite h5 { font-size:12px; margin:0 3px 2px 9px; line-height:110%; color:#777777; }
#subnav .hilite a { text-decoration:none; font-weight:bold; }
#subnav .hilite a:link,#subnav .hilite a:visited { color:#ffaa00; }
#subnav .hilite a:hover { color:#000000; }
#subnav .hilite p { font-size:12px; margin:0 3px 5px 9px; line-height:110%; color:#666666; }
#subnav .hilite p strong { font-size:17px; letter-spacing:1px; }

#subnav .hilitelong { background: url(images/bkgrd_hilitelong.gif) top left no-repeat; padding:8px 0 12px 0; height:auto; }
#subnav .hilitelong h3 { font-size:13px; margin:0 3px 3px 9px; line-height:110%; color:#3C2D15; }
#subnav .hilitelong h4 { font-size:12px; margin:0 3px 2px 9px; line-height:110%; color:#555555; }
#subnav .hilitelong h5 { font-size:12px; margin:0 3px 2px 9px; line-height:110%; color:#777777; }
#subnav .hilitelong a { text-decoration:none; font-weight:bold; }
#subnav .hilitelong a:link,#subnav .hilitelong a:visited { color:#ffaa00; }
#subnav .hilitelong a:hover { color:#000000; }
#subnav .hilitelong p { font-size:12px; margin:0 3px 5px 9px; line-height:110%; color:#666666; }
#subnav .hilitelong p strong { font-size:17px; letter-spacing:1px; }
#subnav .hilitelong p.moreinfo { margin-bottom:12px; }

#maincontent .hilite { background: url(images/bkgrd_hilite.gif) top left no-repeat; /*padding:8px 0 12px 0;*/ height:1%; width:176px; float:right; display:inline; margin:.6em 3px 2px 10px; position:relative; }
#maincontent .hilite h3 { font-size:13px; margin:3px 0 2px 4px; padding:0; line-height:110%; color:#3C2D15; }
#maincontent .hilite h4 { font-size:12px; margin:0 0 2px 4px; padding:0; line-height:110%; color:#555555; }
#maincontent .hilite h5 { font-size:12px; margin:0 0 2px 4px; line-height:110%; color:#777777; }
#maincontent .hilite a { text-decoration:none; font-weight:bold; }
#maincontent .hilite a:link,#maincontent .hilite a:visited { color:#ffaa00; }
#maincontent .hilite a:hover { color:#000000; }
#maincontent .hilite p { font-size:12px; margin:0 0 5px 4px; line-height:110%; color:#666666; }
#maincontent .hilite p strong { font-size:17px; letter-spacing:1px; }



/*FOOTER*/
#footer { background:url(images/bkgrd_footer.gif) bottom left no-repeat; vertical-align:top; }
#footer a { text-decoration:none; font-weight:bold; }  
#footer a:link,#footer a:visited { color:#ffaa00; }
#footer a:hover { color:#000000; }
.totop {  float:left; display:inline; width:178px; margin:13px 0 0 31px; }
.totop p { font-size:.96em; padding:0 0 0 8px; margin:0 0 0 10px; color:#888888; background:url(images/arrow.gif) top left no-repeat; }
.footer { float:right; display:inline; width:535px; margin:13px 30px 50px 0; }
.footer p { font-size:.96em;  color:#888888;}

.small, span.small { font-size:11px; }
span.reg { font-size:11px; font-weight:normal; }

/***SENDRESUME POPUP******/
table.sendresume { background:#ffffff; margin:0px auto; }
table.sendresume td { padding-bottom:15px; text-align:left; vertical-align:top; white-space:normal; }
table.sendresume td.label { padding: 0 0 12px 20px;}
table.sendresume label { margin:0 3px 0 0; font-size:11px; color:#999999; }
table.sendresume input.formbutton { margin:0px 0px 2px 0px; padding:0px; background-color:#ffaa00; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; border:1px outset #ffaa00;  }
.text { width:430px; margin:0 15px 0 20px; }
table.sendresume p.errormsg { color:#cc0000; line-height:120%; margin:0 0 12px 0; font-size:12px; }
table.sendresume p { font-size:13px; }
table.sendresume td.captcha { padding:6px 6px 12px 0; }
table.sendresume td.captcha input {  margin-bottom:0; width:176px; display:block; }
table.sendresume td.captcha img { margin:3px 0 0 0; }

/**jquery cycle***/
.slide { width:528px; height:328px !important; background:#ccc; margin:10px 0 12px 0; overflow:hidden; }
.slide2 { width:528px; height:200px !important; background:#ccc; margin:0 0 15px 0; overflow:hidden; }
#maincontent ul#slide { list-style-type:none; margin:0; padding:0; }
#maincontent #slide li { margin:0; padding:0; }