@charset "UTF-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
html {overflow-y:scroll;}
body {
	line-height: 1;
	color:#333;
	
/*	background:url(../graphics/body/background.jpg) repeat-x;
	background-color: #7c9eb0;
	font-size: small;
	font-family: Verdana, Geneva, "Arial MT", sans-serif;*/
	/* [disabled]color:#333; */
	line-height: 150%;
}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* reset END */




/*homepage styles*/
#container {width:1100px; padding:0px; margin:0 auto; position:relative; z-index:0;}

#header {margin: 0px 0px 0px 60px;}
#content-main {width:100%; font-size: 12px; }

#homepage {float: left; width: 922px; margin: 30px 0px 0px 73px; padding: 25px 20px 20px 20px; text-align:left; background-color: #000; font-size: 14px;}
#homepage img {margin: 0px 8px 2px 0px; border: 1px solid;}
#homepage .director {float: left; width: 170px; padding: 0px 12px 10px 0px; font-size: 12px;}



#welcome {float: left; width: 440px; margin: 30px 0px 0px 73px; padding: 0px 20px 20px 20px; text-align:left; background-color: #000; font-size: 14px;}
#welcome img {margin: 0px 8px 2px 0px; border: 1px solid;}
#welcome .director {float: left; width: 170px; padding: 0px 12px 10px 0px; font-size: 12px;}

#news {float: left; width: 410px; margin: 30px 0px 0px 30px; padding: 0px 20px 20px 20px; text-align:left;background-color: #000;}
#news .feature {float: left; width: 380px; margin: 0 0 15px 0; font-size: 16px;}
#news .feature img {float: left; margin: 0 10px 5px 0; border: 1px solid;}

#seminars {float: right; width: 480px; margin: 20px 67px 0px 30px; padding: 0px 20px 20px 20px; text-align:left;background-color: #000;}
#seminars .feature {float: left; width: 500px; margin: 0 0 15px 0;}
#seminars .feature img {float: left; margin: 0 10px 5px 0; }


/* navigation */
div#nav-bar {text-align: left; height: 38px; margin-left:55px;}
#nav-main {font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin-top:5px; }
#nav-main li {position:inherit; display: inline; color: #fff;}
#nav-main a:link, #nav-main a:visited, #nav-main a:active {color: #fff; text-decoration: none; margin-left:20px; letter-spacing:1px; padding: 7px;}
#nav-main a:hover {color: #00cccc;}

/*float styles*/
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clear {clear: both}

/* table */
th, td {font-size: .8em; padding: .3em; background:#EAEEF1;border: 1px solid #FFFFFF; line-height:19px;}
th {font-weight:bold;}
th p, td p {padding-bottom: 0;}
th p {font-weight:bold;}

/*footer*/
#footer {margin-top: 35px; padding-top: 20px; padding-bottom: 100px; background-color:#000; width:100%;}
#footer-container {width: 941px;margin: auto;}
#eas-logo {width: 21px; float:left;margin-left: 25px;}
#eas {width: 265px; float:left;margin-top:4px;margin-left: 3px;}
#bbe {width: 268px; float:left; margin-top:4px; margin-left: 33px; }
#cce {width: 285px; float:left; margin-top:4px; margin-left: 18px;}
#copy {width: 235px; margin: auto; padding-top:40px;}
#caltech-logo {margin: auto; width: 160px; padding-top: 10px;}
#footer a:link, #footer a:active, #footer a:visited {color:#999999; font-style:normal; text-decoration: none;}
#footer a:hover {text-decoration: underline;} 

/*Subpage*/
#banner-container {width:1100px; padding:10px; 	margin-left:63px; margin-top:25px; position:relative; z-index:0;}
#content {float: left; width: 650px; margin: 20px 0px 0px 30px; padding: 0px 20px 20px 20px; text-align:left;background-color: #000; font-size: 14px;}
#content p {background:#000;}
#sidebar {float: left; width: 200px; margin: 20px 0px 0px 73px; padding: 0px 20px 20px 20px; text-align:left; background-color: #000;}

/*Submenu*/
ul#sub-nav {font-size: 1.2em; margin-bottom: 1em; margin-top: 15px;}
ul#sub-nav li {line-height: 3em; border-bottom: 1px solid #666; line-height:30px; margin-top: 8px; margin-bottom: 8px;}
ul#sub-nav li a {display:block; padding: 0 5px;background:#000;}
ul#sub-nav li a:link {color:#fff; text-decoration:none;}
ul#sub-nav li a:visited {color:#fff; text-decoration:none;}
ul#sub-nav li a:hover {color:#00cccc;background-color: #000; text-decoration:none;}
ul#sub-nav li a:active {color:#00cccc;background-color: #000; text-decoration:none;}

/*Submenu2*/
ul#sub-nav2 {font-size: 1.1em; margin-bottom: 1em; margin-top: 10px; background: #000;}
ul#sub-nav2 li {line-height: 2.3em;}
ul#sub-nav2 li a {display:block; padding: 0 5px;background:#000;}
ul#sub-nav2 li a:link {color:#fff; text-decoration:none;}
ul#sub-nav2 li a:visited {color:#fff; text-decoration:none;}
ul#sub-nav2 li a:hover {color:#00cccc;background-color: #000; text-decoration:none;}
ul#sub-nav2 li a:active {color:#00cccc;background-color: #000; text-decoration:none;}

/* research */
div.research {background:#000;}
div.research {clear:both;}
#content .research {margin-top:20px;}
#content .research p {margin-left:110px; background:#000;}
#content .research img {float: left; margin: 5px 10px 4px 0px; border: solid 1px;}

/* people */
div.people {clear:both; background:#000;}
#content .people {margin-top:20px;}
#content .people p {margin-left:110px; background:#000;}
#content .people img {float: left; margin: 5px 10px 4px 0px;}
#content .people .nofloat {float:none;}

/* people subpage */
div.people2 {clear:both; background:#000;}
#content .people2 {margin-top:5px;}
#content .people2 p {margin-left:178px; background:#000;}
#content .people2 img {float: left; margin: 5px 10px 4px 0px;}
#content .people2 .nofloat {float:none;}

/* news */
div.news {clear:both;}
#content .news {margin-top:20px; background:#000;}
#content .news p {margin-left:110px; background:#000;}
#content .news img {float: left; margin: 5px 10px 4px 0px;}
#content .news h2 {margin-left:110px; background:#000;}
#content .news .nofloat {float:none;}

/* table */
th, td {font-size: .8em; padding: .3em; background: #fff; border: 0px solid #FFFFFF; line-height:19px;}
th {font-weight:bold;}
th p, td p {padding-bottom: 0;}
th p {font-weight:bold;}

/*type styles*/
p {margin-bottom: 12px;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: 1px; line-height: 240%; color: #ffcc66; background:#000;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 140%; color: #fff; background:#000;margin-bottom: 10px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; background:#000;color:#e1e1e1;}
.date {font-size: .8em; color: #fff;}
.subnav-header {font-size: 1.2em; color:#ffcc66;}
.highlight {font-family: Arial, Helvetica, sans-serif; font-size: 14px; background:#000; font-weight:bold; color:#fff;}
.caption {font-size: 14px;}
.quotes {margin-left: 40px; font-size: 16px; color: #fff;}
.quotesname {margin-left: 60px; font-size: 16px; color: #fff;}

/*bulleted list*/
#content ol, #content ul {list-style: disc; margin-left: 20px;}