@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/background2.jpg) repeat-x;*/
	background-color: #1e2633;
	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 */




/* main styles */
#container {position: relative; margin: 0 auto; width: 960px; text-align:center; background-color: #FFF;}
#banner {width: 960px; text-align:center;}

#logo-title {position:absolute; top:86px; left: 0px; z-index:13;}

#col1 {float: left; width: 350px;}
#welcome {float: left; width: 900px; margin: 20px 20px 0px 20px; padding: 10px; text-align:left; background-color: #f0f4f7;}
#welcome-image {margin: 15px 0px 0px 15px; float: left;}
#welcome-text {padding: 0px 25px 20px 0px;  float: right; width: 670px; text-align: justify;}


#footer {margin: 0px 21px 10px 21px; text-align:left; }
#logo-berkeley {float: left; margin-left:10px; margin-top:12px; width: 77px;}
#logo-illinois {float: left; margin-left:40px; margin-top:12px; width: 41px;}
#logo-harvard {float: left; margin-left:41px;  margin-top:12px; width: 46px;}
#logo-stanford {float: left; margin-left:40px;  margin-top:12px; width: 34px;}
#logo-caltech {float: right; padding-bottom: 10px; width: 400px; text-align:right; padding-right:10px;}



#content-main {float: left; width: 920px; margin: 5px 0px 0px 10px; padding: 10px 0px 0px 10px; text-align:left;}
#spotlight-container {float:left; margin-left: 40px;}
#spotlight-container img {margin-top: 15px;  border: 1px solid #e1e1e1;}
#feature-container1 {overflow:hidden; width: 850px;}
#feature1 {width: 250px; float: left; }
#feature1 img {margin-bottom: 10px; }
#feature2 {width: 250px; float: left; margin-left: 40px;}
#feature2 img {margin-bottom: 10px;}
#feature3 {width: 250px; float: left; margin-left: 40px;}
#feature3 img {margin-bottom: 10px;}

#feature-container2 {overflow:hidden; width: 850px;}
#feature4 {width: 250px; float: left;}
#feature4 img {margin-bottom: 10px;}
#feature5 {width: 250px; float: left; margin-left: 40px;}
#feature5 img {margin-bottom: 10px;}
#feature6 {width: 250px; float: left; margin-left: 40px;}
#feature6 img {margin-bottom: 10px;}
<!--#feature-arrow {width: 250px; float: left; margin-left: 40px; margin-top: 40px;}-->


.clearfloat {clear: both; font-size: 1px; height: 0; line-height: 0;}

#members {margin: 0 auto; width: 950px; text-align:right; padding: 0px 10px 0px 0px; font-size: 11px;}
#members a:link  {color: #fff; text-decoration:none;}
#members a:visited {color:#fff; text-decoration:none;}
#members a:hover {color:#fff; text-decoration:underline;}
#members a:active {color:#fff; text-decoration:none;}


/* Search */
div#search {width:130px; position: absolute; top: 73px; left: 719px; height: 25px;z-index:9;}
#query-input {width: 133px; height:15px;}
div#search form {width: 180px;}
#submit-go {left: 168px; position: absolute; top: 1px;}


/* nav styles */
/*#nav-main {position: absolute; top: 322px; left: 15px; width:900px; height:28px; text-align:left; padding-top:7px; z-index:10;}
#nav-main li {position:inherit; display: inline; font-family: Verdana, Geneva, sans-serif; color: #FFF; font-weight: bold; font-size: 13px;}
ul#nav-main {margin-left: 35px;}

#nav-main a {padding: 12px;}
#nav-main a:link {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px;}
#nav-main a:visited {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px;}
#nav-main a:hover {font-family: Arial, Helvetica, sans-serif; color: #7c4848; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px; background-color:#FFFFFF;}
#nav-main a:active {font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px;}

#container #nav-main .selected {font-family: Arial, Helvetica, sans-serif; color:#333; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px; background-color:#FFFFFF;}*/

/* ---------------------------------
	DROPDOWN NAVIGATION - (by laura)
-----------------------------------*/
#nav-main {
    padding: 10px 0 0 10px;
	text-align: left;
    position: absolute;
    top: 309px;
	left: 10px;
    width: 950px;
    z-index: 20;
}
#nav-main ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav-main ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
#nav-main li:hover > ul  {
    display: block;
}
#nav-main li a {
    background-position: 95% 50%;
    background-repeat: no-repeat;
    color: #FAFAFA;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	line-height:20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 9px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#nav-main ul li a.dropdown {
    background-image: url(../images/arrow-down.gif);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    padding-right: 25px;
}
#nav-main ul li:hover a,
#nav-main ul li:focus a{
    background-color:#003250; /*Solid color for old Browsers*/
	background: rgba(0, 50, 80, 0.8);
}
#nav-main ul li:hover a.dropdown,
#nav-main ul li:focus a.dropdown{
	background-image: url(../images/arrow-down-h.gif);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    padding-right: 25px;
}
#nav-main a:hover {
    background-color:#003250; /*Solid color for old Browsers*/
	background: rgba(0, 50, 80, 0.9);
    color: #FFFFFF;
}
#nav-main ul li a.selected{
	color:#333; 
	background-color:#FFFFFF;
}
#nav-main ul li a.selected:hover{
    color: #7c4848; 
}
#nav-main ul ul {
	float: left;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	position: absolute;
	display: none;
    left: 0;
    margin: 0;
    padding: 0;
    top: 38px;
    width: 175px;
}
#nav-main ul ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav-main ul li ul li a{
	background-color:#003250; /*Solid color for old Browsers*/
	background: rgba (0, 0, 0, 0.8);
	display: block;
    width: 175px;
	text-transform:capitalize;
	position:relative;
	padding: 6px 20px;
}
#nav-main ul ul *:hover > a,
#nav-main ul ul *:focus > a{
	background-color:#002333; /*Solid color for old Browsers*/
	background: rgba(0, 50, 80, 0.9);
	color: #FFF;
}

/* nav styles subpage */
#nav-main-subpage {position: absolute; top: 241px; left: 15px; width:900px; height:28px; text-align:left; padding-top:7px;}
#nav-main-subpage li {position:inherit; display: inline; font-family: Verdana, Geneva, sans-serif; color: #FFF; font-weight: bold; font-size: 13px;}
ul#nav-main-subpage {margin-left: 35px;}

#nav-main-subpage a {padding: 12px;}
#nav-main-subpage a:link {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px;}
#nav-main-subpage a:visited {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px;}
#nav-main-subpage a:hover {font-family: Arial, Helvetica, sans-serif; color: #7c4848; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px; background-color:#FFFFFF;}
#nav-main-subpage a:active {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px;}

#container #nav-main-subpage .selected {font-family: Arial, Helvetica, sans-serif; color:#333; font-weight: bold; font-size: 12px; text-decoration: none; text-transform:uppercase; margin-left:16px; letter-spacing:1px; background-color:#FFFFFF;}



/* subpage */
#content-main-subpage {float: left; width: 640px; margin: 20px 0px 5px 10px; padding: 15px; text-align:left;}
#content-main-subpage  {float: left; width: 635px; margin: 0 0 15px 0;}
#content-main-subpage li {list-style-type:square; margin-left:30px;}
div.feature {clear:both;}
#content-main-subpage .feature {float: left; width: 600px; margin: 0 0 15px 0;}
#content-main-subpage .feature img {float: left; margin: 5px 10px 4px 0px;}
div.people {clear:both;}
#content-main-subpage .people {margin-bottom: 25px; margin-top:10px;}
#content-main-subpage .people p {margin-left:110px;}
#content-main-subpage .people img {float: left; margin: 5px 10px 4px 0px;}
#content-main-subpage .people h5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#356F98; padding-bottom:4px;}

#content-main-subpage .webinar p {margin-left:110px;}
#content-main-subpage .webinar h2, h3, h4 {margin-left:110px;}


div.pubs {clear:both;}
#content-main-subpage .pubs {margin-bottom: 25px; margin-top:10px;}
#content-main-subpage .pubs img {float: left; margin: 5px 10px 4px 0px;}

#content-main-subpage .contain {float: left; width: 650px; margin: 0 0 5px 0; }
#content-main-subpage .contain img {float: left; margin: 0 10px 0px 0;}
#content-main-subpage .contain p {margin-left:83px;}



#col1-subpage {width: 230px;float: left; margin-top:50px; margin-left:20px; margin-bottom:20px;}

#sub-nav {text-align:left; margin-left: 0;padding-left: 30px;list-style: none;font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none;}
ul#sub-nav {padding:0;margin:0;}
ul#sub-nav li {list-style:none; line-height:2em;}
ul#sub-nav li a {background: url(../graphics/body/arrow-submenu-solid-white.jpg) no-repeat left; padding-left: 15px; color:#7c4848;text-decoration:none;}
ul#sub-nav li a:hover {background: url(../graphics/body/arrow-submenu.jpg) no-repeat left; text-decoration:underline;}

ul#sub-nav li ul li a {color: #AAA; margin-left:20px;}

#image-container {width: 200px; float: right; margin: 9px;}



/* subpage news & events */
#content-main-news {float: left; width: 850px; margin: 20px 0px 5px 15px; padding: 15px; text-align:left;}
#content-main-news li {list-style-type:square; margin-left:30px;}
#content-main-news .feature img {float: left; margin: 5px 10px 4px 0px;}

#news {width: 400px; float:left; margin-left:15px;}
#events {width: 400px;float:left; margin-left:15px;}



/* search results page */
#content-search-results {float: left; width: 880px; margin: 20px 0px 5px 10px; padding: 15px; text-align:left;}


/* link styles */
a:link	{color:#008bbe; text-decoration:underline;}
a:visited {color:#008bbe; text-decoration:underline;}
a:hover	{color:#000; text-decoration:underline;}
a:active {color:#008bbe; text-decoration:underline;}

a.copyright:link {color:#999; text-decoration:none;}
a.copyright:visited {color:#999; text-decoration:none;}
a.copyright:hover {color:#999; text-decoration:underline;}
a.copyright:active {color:#999; text-decoration:none;}



/* type styles */
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; letter-spacing: 1px; line-height: 240%;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #663333; padding-bottom:6px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#356F98; padding-bottom:4px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#999; padding-bottom:5px;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#356F98; padding-bottom:4px;}

.pix-border {border: 1px solid;}
.pix-padding {padding: 15px;}
.copyright {font-size: 11px; color:#999; text-align:right;}
.date {font-size:10px; color:#999;}
.indent {padding:0px 0px 0px 25px;}
.caption {font-size:11px; color:#999;}
.shrink {font-size:11px; color: #333;}
.alert {color:#900;}
#head {text-align: center; }



/*table styles*/
table {border-left:1px solid #CCC; border-top:1px solid #CCC;}
td {padding:5px; font-size: x-small; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
th {padding:3px; background:#d4d4c4; text-align:left;font-size: x-small;}



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



/* Rotating banner common classes --------------------*/
/* carousel */
.carousel{
	position:relative;
}
.carousel h2{
	background:none;
	padding:0;
	position:relative;
}
.carousel-holder ul{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.carousel-holder ul li img{
	display:block;
}

/* switcher */
.switcher-holder{
	overflow:hidden;
}
.switcher{
	overflow:hidden;
	position:relative;
	z-index:5;
}
/* end Rotating banner common classes --------------------*/
/* Slideshows  --------------------*/
/*.intro {
    height: 311px;
    margin: 0 -72px;
    position: relative;
    width: 960px;
}
.intro img {
    position: absolute;
}
#banner {
    background: url("../images/body/bg-header.gif") repeat-x scroll 0 26px transparent;
    left: 0;
    overflow: hidden;
    padding: 7px 0 42px;
    position: absolute;
    top: 0;
    width: 100%;
	width: 960px;
	height: 311px;
}
#banner .holder {
    margin: 0 auto;
    position: relative;
    width: 960px;
}
#banner .holder:after {
    clear: both;
    content: "";
    display: block;
}*/
/* spotlight */
#spotlight div.carousel div.carousel-holder img {border:none;padding:0;}
#spotlight{	
width:960px;
padding-left:0px;
}
#spotlight .carousel-holder{
	width:960px;
	height:311px;
}
#spotlight .carousel-holder ul{
	width:960px;
	height:311px;
	float:left;
}
#spotlight .carousel h2{
	margin:0 0 4px -19px;
}
#spotlight .carousel-holder ul li{
	position:absolute;
	top:0;
	left:0;
	width:960px;
}
#spotlight .carousel-holder ul li span {

}
#spotlight .carousel-holder ul li img{
	margin:0 0 25px;
}
#spotlight .switcher-holder{
	height:1%;
	color:#858585;
	font-size:1.08em;
	line-height:1.4em;
	padding:0 3px;
}
#spotlight .switcher{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#spotlight .switcher li{
	float:left;
	display:inline;
	background:url(../images/body/divider8.gif) no-repeat 0 3px;
	padding-left:5px;
	margin-left:5px;
}
#spotlight .switcher li:first-child{background:none;}
#spotlight .switcher li a{
	color:#878787;
	text-decoration:none !important;
}
#spotlight .switcher li a:hover,
#spotlight .switcher li.active a{color:#e84903;}
.button-holder{
	position:relative;
	top:0px;
	left:0px;
	width:500px;
	height: 20px;
	text-align:right;
}





/* Google custom search /

/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
div.gs-result.gs-webResult .gs-visibleUrl-short {
  display: none;
}
div.gs-result.gs-webResult .gs-visibleUrl-long {
  display: block;
}
/* END Google Custom search */