/* CSS Document */



/* Frame
--------------------------------------------- */

a img{ 	border: none;}

* { padding: 0; margin: 0; }
 
html { text-align: center; }

body { position: relative; background: #000000; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; margin-top: 30px; background: url(images/grad_bg.gif) top left repeat-x;}

#outframe {text-align: left; margin: 0 auto; width: 800px; height: 660px; padding: 30px 0 0 0; }

#container {text-align: left; margin: 0 auto; width: 800px; height: 600px; padding: 0 0 0 0; background-color: #ffffff;}




/* Navigation 
--------------------------------------------- */

#NavBar {
	position: relative;
	top: 29px;
	width: 120px;
	left: 35px;
	height: 65px;
	margin: 0px 0 0 0px;
	z-index:1;
	
}


	
	


#NavBar a, #menu h2 { text-indent: 1em; list-style-type: none; font: 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-bottom: 1px solid #444444; margin: 0; padding: 2px 3px;}

 a.first { text-indent: 1em; font: 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-top: 1px solid #444444; margin: 0; padding: 2px 3px; }

#NavBar a { color: #666666; background: #000; text-decoration: none; }

#NavBar a.on {text-indent: 1em; font: 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-top: 1px solid #444444; margin: 0; padding: 2px 3px; color: #fff; background: #000; text-decoration: none;  }

#NavBar a.marker {text-indent: 1em; font: 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-bottom: 1px solid #444444; margin: 0; padding: 2px 3px; color: #fff; background: #000; text-decoration: none;  }

#NavBar a.smarker {text-indent: 1em; font: 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-bottom: 1px solid #000; margin: 0; padding: 2px 3px; color: #fff; background: #333; text-decoration: none;  }

#NavBar a.smarker:hover {text-indent: 1em; font: 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-bottom: 1px solid #000; margin: 0; padding: 2px 3px; color: #fff; background: #333; text-decoration: none;  }

#NavBar a.sub {color: #ccc; background: #333; text-decoration: none; border-width: 1px; border-bottom: 1px solid #000; }

#NavBar a.submarker {color: #ccc; background: #333; text-decoration: none; border-width: 1px; border-bottom: 1px solid #000; }

#NavBar a:hover {color: #fff; background: #000; }

#NavBar a.sub:hover {color: #fff; background: #333; }

#NavBar li   {position: relative; list-style-type: none; }

#NavBar ul ul   { position: absolute; top: 0px; left: 120px; width: 100%; border-width: 1px; }

div#NavBar ul ul  { display: none; }

div#NavBar ul li:hover ul { display: block;}



#headerLogo {
	position: relative;
	top: 16px;
	left: 17px;
	width: 157px;
	height: 66px;
}



/* Main
--------------------------------------------- */


#leftcolume {
	position: relative;
	display:inline;
	width: 191px;
	height: 594px;
	margin: 3px 0px 3px 3px;
	float: left;
	background-color: #000000;
	background-image: url(images/navpatttern.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	z-index: 1;
}

#rightcolume {
	position: relative;
	display:inline;
	width: 600px;
	height: 595px;
	margin: 3px 0px 3px 3px;
	float: left;
	background-color: #fff;
	z-index: 0;
}

#rightcolumebottom {
	position: relative;
	display: block;
	width: 595px;
	height: 337px;
	margin: 5px 0px 3px 3px;
	background-color: #FFFFFF
}

#innerright_left { position: relative; display: inline; width: 315px; height: 330px; float: left; margin: 3px 0px 3px 3px; background-color: #fff;}

#innerright_left p { position: relative; width: 280px; margin: 7px 0px 3px 18px; background-color: #fff;}

#innerright_right { position: relative; display: inline; width: 255px; height: 300px; float: left; margin: 15px 0px 3px 4px; background-color: #fff; border-left: 1px dashed #ccc; }

#innerright_right  p { position: relative; width: 220px; margin: 10px 0px 3px 40px; background-color: #fff;}

#header {position: relative; display: inline; width: 717px; height: 269px; margin: 0px 0px 0px 0px; }

#flash { z-index:0;}

#flashmovie {float: left; display: block; width: 600px;}

#career_image {display: block; width: 220px; margin: 25px 0px 0px 27px; }

#address { float: left; display: block; width: 270px; margin-left: 20px; }

 h1.intro { font-size: 11px; width: 189px; margin: 30px 0px 9px 18px;  color: #336699;  }
 
 h1.introcareer { font-size: 11px; width: 189px; margin: 30px 0px 7px 40px;  color: #336699;  }
 
 #JumpButton {
	position: relative;
	top: 23px;
	width: 25px;
	left: 151px;
	height: 95px;
	margin: 0px 0 0 0px;
	z-index: 0;
}

	#JumpButton ul {display: inline; list-style: none; margin: 0; }
	#JumpButton li {display: inline; float: left; margin: 0 0 0 0px; }
	#JumpButton li a {text-decoration: none; display:block; text-indent:-9999px; }


#jumpnav01 a {background: url(images/learnmore_btn.gif) top right no-repeat; width: 84px; height: 25px;}
#jumpnav01 a:hover {background: url(images/learnmore_btn.gif) top right no-repeat;}
#jumpnav01on {background: url(images/learnmore_btn.gif) top right no-repeat; width: 84px; height: 25px;}
 
 
 
 
 /* Careers
--------------------------------------------- */

#innerright_address { position: relative; display: inline; width: 245px; height: 300px; float: left; margin: 15px 0px 3px 14px; background-color: #fff; border-left: 1px dashed #ccc; }

#innerright_address  p { position: relative; width: 150px; margin: 5px 0px 3px 65px; background-color: #fff;}

 h2.address { font-size: 10px; width: 125px; margin: 110px 0px 7px 88px;  color: #336699;  }


a.contact:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #000;
	text-decoration: underline;
}

a.contact:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

a.contact:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}





/* Contact  ! mainholder controlled in Main  !
------------------------------------------------ */

 h1.exclara { font-size: 11px; width: 189px; margin: 80px 0px 9px 60px;  color: #336699;  }
 
#innerright_leftcontact { position: relative; display: inline; width: 240px; height: 330px; float: left; margin: 3px 0px 3px 3px; background-color: #fff;}

#innerright_leftcontact p { position: relative; width: 140px; margin: 7px 0px 3px 60px; background-color: #fff;}

#innerright_rightcontact { position: relative; display: inline; width: 300px; height: 300px; float: left; margin: 15px 0px 3px 4px; background-color: #fff; border-left: 1px dashed #ccc; }

#innerright_rightmap { position: relative; display: inline; width: 300px; height: 300px; float: left; margin: 0px 0px 3px 24px; }

#el { position:relative; width:300px; height:300px; left: 18px; top: 0px; display: inline; float: left; }
 
 
 
 /* About  ! mainholder controlled in Main  !
------------------------------------------------ */
 
#innerright_aboutleft { position: relative; display: inline; width: 320px; height: 330px; float: left; margin: 3px 0px 3px 3px; background-color: #fff;}

#innerright_aboutleft p { position: relative; width: 280px; margin: 7px 0px 3px 18px; background-color: #fff;}

#innerright_aboutright { position: relative; display: inline; width: 255px; height: 300px; float: left; margin: 15px 0px 3px 4px; background-color: #fff; border-left: 1px dashed #ccc; }

#innerright_aboutright  p { position: relative; width: 220px; margin: 10px 0px 3px 40px; background-color: #fff;}

#innerright_aboutleft ul { margin: 0px 0px 0px 30px; list-style-type: disc; }

#innerright_aboutleft li { margin: 10px 0px 10px 0px; }

#lsp { margin: 10px 0px 0px 60px; width:153px; }

#vta { margin: 10px 0px 10px 90px; width:68px; }

h2.funding { font-size: 10px; width: 125px; margin: 20px 0px 7px 35px;  color: #336699;  }


 
 /* Team  ! mainholder controlled in Main  !
------------------------------------------------ */
 
#innerright_teamleft { position: relative; display: inline; width: 280px; height: 330px; float: left; margin: 3px 0px 3px 3px; background-color: #fff;}

#innerright_teamleft a:hover {color: #336699; }

#innerright_teamright a:hover {color: #336699; }

#innerright_teamleft p { position: relative; width: 240px; margin: 7px 0px 3px 18px; background-color: #fff;}

#innerright_teamright { position: relative; display: inline; width: 255px; height: 300px; float: left; margin: 15px 0px 3px 4px; background-color: #fff; border-left: 1px dashed #ccc; }

#innerright_teamright  p { position: relative; width: 220px; margin: 10px 0px 3px 30px; background-color: #fff;}

#lsp {
	margin: 30px 0px 0px 59px;
	width:153px;
}

#vta {
	margin: 20px 0px 20px 95px;
	width:68px;
}

h1.management { font-size: 10px; width: 125px; margin: 20px 0px 7px 18px;  color: #336699;  }

h2.science { font-size: 10px; width: 125px; margin: 30px 0px 0px 18px;  color: #336699;  }

h2.theboard { font-size: 10px; width: 125px; margin: 10px 0px 0px 30px;  color: #336699;  }



 /* Team Member  ! mainholder controlled in Main  !
------------------------------------------------ */

#innerright_teammembercontainer { position: relative; display: inline; width: 590px; height: 330px; float: left; margin: 3px 0px 3px 3px;}
 
#innerright_teammemberleft { position: relative; display: inline; width: 588px; height: 260px; float: left; margin: 0px 0px 3px 3px; background-color: #fff; overflow-X: hidden;
    overflow-Y: auto;}

#innerright_teammemberleft p { position: relative; width: 480px; margin: 7px 0px 3px 18px; background-color: #fff;}

h1.teammember { font-size: 10px; width: 300px; margin: 20px 0px 12px 18px;  color: #336699;  }

a.bio:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold; 
	color: #336699;
	text-decoration: underline;
}

a.bio:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

a.bio:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}



a.main:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

a.main:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

a.main:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: lighter;
}


span.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
	






/* Footer
--------------------------------------------- */

.underline {float: left; display: block; width: 100%; background: url(../images/layout/underline.gif) bottom left repeat-x; margin: 0 0 18px 0; padding: 0 0 13px 0;}
#footer {width: 800px; color: #666666; position: relative; float: left; display: block; margin: 8px 0 0 0; padding: 0; text-align: center;}

a.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

a.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}	

a.cira:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

a.cira:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

a.cira:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}	


/* Bottom Nav
--------------------------------------------- */

a:link { text-decoration: none; color: #666666; font-size: 12px;}
a:visited { text-decoration: none; color: #666666; font-size: 12px;}
a:hover { text-decoration: none; color: #FFFFFF; font-size: 12px;}
.subnavunderline {float: left; display: block; width: 100%; height: 5px; background: url(images/line.gif) center left repeat-x; margin: 10px 0 10px 1px; padding: 0 0 1px 0;}
#copyright { float: left; display: block; width: 800px; font: 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: center; margin: 10px 0 20px 0px;}


/* Jump Buttons
--------------------------------------------- */

#prompt ul {display: inline; list-style: none; margin: 0; }
#prompt li {display: inline; float: left; margin: 0 0 0 0px;}
#prompt li a {display: inline; float: left; height: 39px;}
#prompt li span {display: none;}

.learnmore {float: right; display: block; width: 118px; height: 39px; padding: 0px 0px 0 1px; margin: 0px 0 0px 0px;}


#Jumpnav01 a {background: url(images/learn_norm.jpg) top right no-repeat; width: 118px; height: 39px; margin: 20px 0 0px 270px;}
#Jumpnav01 a:hover {background: url(images/learn_over.jpg) top right no-repeat; margin: 20px 0 0px 270px;}
#Jumpnav01on {background: url(images/learn_over.jpg) top right no-repeat; width: 118px; height: 39px; margin: 20px 0 0px 270px;}


/* Contact Form
--------------------------------------------- */

strong.sent { font-size: 12px; color: #0099FF; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; }
strong.sent2 {
	font-size: 10px;
	color: #CCCCCC;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}

strong.header {
	font-size: 10px;
	color: #CCCCCC;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}

 h1.contact { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/contact_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; }

#maincontent {width: 300px; margin: 20px 0 15px 70px; padding: 0; position: relative; float: left; display: inline;}
#maincontent p {display: block; font-size: 12px; color: #FFFFFF; margin:0px 0px 14px 0px;}
#maincontent p.warning { font-size: 10px; color: #FF0000; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0px; margin-left: 0pt; }
#maincontent span { font-size: 10px; color: #FF0000; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0px; margin-left: 0pt; }
	
	fieldset { border:0;margin:0;padding:0; }

input.text,{ width:300px;font:12px/12px 'arial',; color:#FFFFFF; padding:3px;  background-color: ; margin:1px 0; }

textarea { width: 320px; padding: 3px; line-height: 1em; border: 1px solid #c2c1ab; margin: 0 0 12px 0; font: 1em Tahoma, Verdana, Arial, sans-serif; color: #333; }

input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
.formButton { border: 1px solid #CCFF00; background-color: #444444; width: 100px; padding: 5px 0 5px 0; font-size: 12px; color: #CCFF00;}


.addressbox {float: left; display: block; width: 200px; padding: 0px 0px 40px 20px; margin: 50px 0 0px 0;}
.addressbox p  {display: block; font-size: 12px; color: #cccccc; margin:0px 0px 4px 50px;}
.addressbox p2  {display: block; font-size: 14px; color: #cccccc; margin:0px 0px 4px 0px;}
 


/* CLEARFIX
----------------------------------------------*/
	
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix label{ font:12px/12px 'arial',; color:#8b7e61;}
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 
	

span.error{ color:red; display:none; }
#loadBar{ display: none; color: #ffffff; padding: 0px; width: 300px; }
#emailSuccess{ display: none; color: #ff6600;  background-image: url(file:///Macintosh%20HD/Applications/MAMP/img/check.gif); background-repeat: no-repeat; background-position: 5px 50%; padding: 5px 0px 5px 0px; width: 375px; }
#contactRead{ display: none; }