@charset "UTF-8";

/* common */
#contents {
	margin-right: 40px;
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	color: #333333;
	margin-bottom: 20px;	
	}

.page_title {
	background-color: #FFFFFF;
	height: 45px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E5D2E4;
	border-bottom-color: #E5D2E4;
	font-size: 1.8em;
	color: #7D177A;
	line-height: 45px;
	margin-bottom: 15px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 20px;
	font-weight: bold;
}
.purple_bdr {
	color: #7D177A;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E5D2E4;
	border-bottom-color: #E5D2E4;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 15px;
}
.page_top_margin {
	margin-top: 15px;
}
.purple {
	color: #7D177A;
}
.green {
	color: #679B08;
}
.sub_head {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 1.5em;
	color: #679B08;
	line-height: 1.8em;
}
.sub_head2 {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 1em;
	color: #333333;
	line-height: 1.25em;
}
.small {
	font-size: 0.8em;
}
.page_title_sub {
	font-size: 0.6em;
	line-height: 0.6em;
	font-weight: normal;
}
.marginsides30px {
	margin-right: 30px;
	margin-left: 30px;
}

/*clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix{
display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}
/* End Hack */


/* Index Page */	

#topimage {
	margin-top: 15px;
	/*----- dropshadow----- */    
    -moz-box-shadow: 0px 0px 8px #666666;
	-webkit-box-shadow: 0px 0px 8px #666666;
	box-shadow: 0px 0px 8px #666666;
	/* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color='#666666');
	margin-bottom: 20px;
}


/*** set the width and height to match the images **/

#slideshow {
    position:relative;
    height:189px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow {
	margin-left: 0px;
	margin-top: 0px;
}


#welcome {
	padding: 20px;
	line-height: 1.4em;
}
#welcome a {
	color: #333333;
	text-decoration: none;
}
#welcome a:hover {
	color: #333333;
	text-decoration: underline;
}
#welcome ul {
	margin-left: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#home_right {
	margin-top: 25px;
}
#home_right a {
	text-decoration: none;
	color: #000000;
}
#home_right a:hover {
	text-decoration: underline;
}
.heading_black {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}
.selected_pub {
	background-color: #FFFFFF;
	height: 77px;
	margin-top: 10px;
	margin-bottom: 0px;
	border: 1px solid #8FB159;
	line-height: 1.2em;
	font-size: 0.85em;
	color: #000000;
	display: block;
}
.publication_title {
	margin-top: 18px;
}
.selected_pub img {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.padding20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* People Page */
#people_past {
	font-size: 0.5em;
	line-height: 45px;
	background-image: url(../images/heading_right.gif);
	float: right;
	height: 45px;
	width: 120px;
	padding-left: 80px;
}
#people_past a {
	color: #7D177A;
	text-decoration: none;
}
#people_past a:hover {
	color: #7D177A;
	text-decoration: underline;
}
#people_pic1 {
	float: left;
	width: 175px;
	margin-left: 25px;
	margin-right: 30px;
}
#keiko a {
	color: #679B08;
	text-decoration: underline;
}
#keiko a:hover {
	color: #CFDFB1;
	text-decoration: underline;
}
.people_name {
	font-size: 1.37em;
	color: #679B08;
	font-weight: bold;
	line-height: normal;
	margin-top: 15px;
}
.people_name2 {
	font-size: 1.3em;
	color: #679B08;
	font-weight: bold;
	line-height: normal;
	margin-top: 20px;
}
.people_title {
	line-height: 1em;
	color: #000000;
	font-size: 1.1em;
	margin-bottom: 15px;
}
.research_menu {
	line-height: 1em;
	color: #000000;
	font-size: 0.95em;
	margin-bottom: 15px;
}
.people_fellow {
	line-height: 1em;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
.people_fellow2 {
	line-height: 1em;
	color: #000000;
	font-size: 0.95em;
	font-weight: bold;
}
#profile_links a {
	text-decoration: none;
	color: #7D177A;
}
#profile_links a:hover {
	text-decoration: underline;
}
.people_members {
	margin-top: 5px;
	background-color: #FFFFFF;
}
.member_left {
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.member_right {
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
}
.people_pic2 {
	margin-right: 15px;
	float: left;
}
.member_desc {
	line-height: 1.2em;
	color: #444444;
	font-size: 0.98em;
}
.right_bdr {
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	border-top-color: #DDEAD;
	border-right-color: #DDEAD9;
}
.left_bdr {
	background-color: #FFFFFF;
}
#pagetop a {
	text-decoration: none;
	color: #7D177A;
}
#pagetop  a:hover {
	text-decoration: underline;
}
#people_current {
	font-size: 0.5em;
	line-height: 45px;
	background-image: url(../images/heading_right.gif);
	float: right;
	height: 45px;
	width: 137px;
	padding-left: 63px;
	background-position: right;
	background-color: #FFFFFF;
}
#people_current a {
	color: #7D177A;
	text-decoration: none;
}
#people_current a:hover {
	color: #7D177A;
	text-decoration: underline;
}
.padding_both {
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
}
.people_past_name {
	font-size: 1em;
	color: #679B08;
	font-weight: bold;
	line-height: normal;
	margin-top: 0px;
}
.people_past_heading {
	font-size: 1.1em;
	color: #000000;
	margin-top: 20px;
	font-weight: bold;
}
.past_member_info {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CFDFB1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.people_past_position {
	font-size: 0.95em;
	line-height: 1.2em;
}
#past_posdoc a {
	font-size: 1em;
	color: #679B08;
	text-decoration: underline;
	font-weight: bold;
}
#past_posdoc a:hover {
	color: #CFDFB1;
}
#past_research_tech  a {
	font-size: 1em;
	color: #679B08;
	text-decoration: underline;
	font-weight: bold;
}
#past_research_tech a:hover {
	color: #CFDFB1;
}
#past_postgraduate_intern a {
	font-size: 1em;
	color: #679B08;
	text-decoration: underline;
	font-weight: bold;
}
#past_postgraduate_intern a:hover {
	color: #CFDFB1;
}
#past_graduate_student a {
	font-size: 1em;
	color: #679B08;
	text-decoration: underline;
	font-weight: bold;
}
#past_graduate_student a:hover {
	color: #CFDFB1;
}
#past_highschool_intern a {
	font-size: 1em;
	color: #679B08;
	text-decoration: underline;
	font-weight: bold;
}
#past_highschool_intern a:hover {
	color: #CFDFB1;
}
#pagetop ul {
	margin: 0px;
	padding: 0px;
}
#pagetop li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
}
.caption {
	line-height: 1.2em;
	font-size: 0.95em;
	margin-top: 10px;
}
#publications a {
	color: #679B08;
	text-decoration: none;
}
#publications a:hover {
	color: #679B08;
	text-decoration: underline;
}

/* Research Page */
#research {
	margin-right: 30px;
	margin-left: 30px;
}
#research a {
	color: #679B08;
	text-decoration: none;
}
#research a:hover {
	color: #679B08;
	text-decoration: underline;
}
#research ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#research li {
}
#research_menu {
	padding: 10px;
	background-color: #F1FCF1;
	border: 1px dotted #DDEAD9;
	float: right;
	width: 130px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
}
#research_menu li {
	margin-top: 10px;
	font-size: 0.95em;
	line-height: 1.1em;
}
.page_title2 {
	background-color: #FFFFFF;
	height: 45px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E5D2E4;
	border-bottom-color: #E5D2E4;
	font-size: 1.8em;
	color: #7D177A;
	line-height: 45px;
	margin-bottom: 15px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 20px;
	font-weight: bold;
	background-image: url(../images/heading_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#fig5 {
	width: 600px;
	height: 270px;
}
#fig1 {
	height: 380px;
}

/* Awards and Press */
.award {
	font-size: 0.95em;
	line-height: 1.2em;
}
.awards_heading {
	font-size: 1.1em;
	color: #000000;
	margin-top: 20px;
	font-weight: bold;
}
#holiday2006 {
	height: 220px;
}
#awardspress a {
	color: #679B08;
	text-decoration: none;
}
#awardspress a:hover {
	color: #679B08;
	text-decoration: underline;
}
#awards1 {
	height: 200px;
}
.year {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #DDEAD9;
	font-size: 1.1em;
}

/*Lab News */
.news_event {
	font-size: 1.3em;
	color: #679B08;
	font-weight: bold;
	line-height: normal;
	margin-top: 20px;
}
.news_date {
	font-size: 0.85em;
	color: #333333;
}
.newstext {
	font-size: 0.95em;
	line-height: 1.2em;
	font-weight: bold;
}
.caption_news {
	line-height: 1.2em;
	font-size: 0.92em;
	margin-top: 10px;
}
#2009may {
	height: 230px;
}
#july2006 {
	height: 245px;
}
#stomata2005 {
	font-weight: normal;
}
#march2002 {
	height: 235px;
}
#stomata2005 ul {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#stomata2005  a {
	color: #679B08;
	text-decoration: none;
}
#stomata2005  a:hover {
	color: #679B08;
	text-decoration: underline;
}
#oct2004_01 {
	height: 190px;
}
#oct2004_02 {
	height: 220px;
}
#dec2004 {
	height: 210px;
}
#may2004 {
	height: 210px;
}
#may2002_01 {
	height: 220px;
}
#may2002_02 {
	height: 220px;
}

/* opportunity */
.opportunity_heading {
	font-size: 1.1em;
	color: #000000;
	margin-top: 20px;
	font-weight: bold;
}
.oppo_img {
	font-size: 0.8em;
	background-position: left;
	float: right;
	width: 250px;
	margin-left: 15px;
}
#opportunity a {
	color: #679B08;
	text-decoration: none;
}
#opportunity a:hover {
	color: #679B08;
	text-decoration: underline;
}
#links li {
	margin-bottom: 8px;
	line-height: 1.2em;
}
#links ul {
	margin: 0px;
	padding-left: 25px;
}
