@charset "iso-8859-1";

body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	color: #5b5b5b;
	font-size: 90%;
}

img {
	border:0;
}

.clear-both { clear: both; margin: 0; padding: 0;}
.clear-both hr { display: none;  margin: 0; padding: 0;}

.line-hr {
	margin: 10px 0;
	background-color: #E1E1E1;
}

/*start_layout*/
#contentWrapper {

	margin : 6px auto 6px 0;
	width: 99%;
	padding: 0;
	float: left;
	display: block;
}


#menu {
	float: left;
	width: 180px;
	padding: 0 6px;
}

#main{
	margin-left:192px;
}

#contents{
	width: 100%;
	display: block;
	float: left;
}



/*end_layout*/

.plist { border-bottom: 1px solid gray; background-color: #f7f7f7; margin: 0px; padding: 5px 3px 3px 3px; }

#ti { width: 100%; margin: 0; background-image: url(../image_e/title_bg.gif); }
#ti2 { width: 100%; margin: 0; background-image: url(../image_e/c_tibg.gif); }


#contentWrapper a { color:#0000cc; text-decoration:none;}
#contentWrapper a:visited { color:purple; text-decoration:none; }
#contentWrapper a:active { color:#0000cc; text-decoration:none; }
#contentWrapper a:hover { color:#0000cc; text-decoration:underline; }
#contentWrapper a.uline { color:#0000cc; text-decoration:underline;}
#contentWrapper a:visited.uline { color:purple; text-decoration:underline; }
#contentWrapper a:active.uline { color:#ff0000; text-decoration:underline; }
#contentWrapper a:hover.uline { color:#ff0000; text-decoration:underline; }


/*start_menu*/
.menu1 {
	border: 1px solid #c3c3c3;
	margin: 0;
	padding: 0 10px 3px 10px;
}

.menu1 li {
	padding: 0 2px 2px 6px;
	margin-top:8px;
	border-bottom: 1px dotted #999;
	vertical-align: bottom;
	line-height: 120%;
	list-style: none;
}

.general {
	border-left: 5px solid #009900;
}

.industry {
	border-left: 5px solid #0033FF;
}

.research {
	border-left: 5px solid #FF0000;
}

.menu2 {
	border: 1px solid #c3c3c3;
	margin: 0 0 6px 0;
	padding: 0px 10px 3px 10px;
	background-color: #fbfbff;
}

.menu2 li {
	padding: 0 2px 2px 11px;
	margin-top:8px;
	border-bottom: 1px dotted #999;
	line-height: 120%;
	background-image: url(../eimage/arrow.png);
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: left 2px;
	list-style: none;
}

#menu li ul{
	padding: 0;
	margin-left:5px;
}


#menu li li{
	padding: 0 2px 2px 11px;
	margin-top:5px;
	border-bottom: none;
	line-height: 120%;
	background-image: url(../eimage/arrow.png);
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: left 1px;
	font-weight: normal;	
}

#menu .navi_open { font-weight: bold; color: #CC3300; background-position: right; padding: 0 2px 2px 2px; background-image: none; }

/*end_menu*/


/*start_main*/

#contentWrapper p{
	text-indent: 1em;
}

.right{
	float: right;
	padding: 5px 5px 5px 0;
	font-size: 80%;
}

.intro{
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 0 0 10px 0;
}

#main h2 { background-image: url(../image_e/sub_ttl.png); background-repeat: no-repeat; background-color: #E1E1E1; line-height: 120%; color: #464982; font-size: 100%; font-weight: bold; color: #000046; margin: 10px 0 10px; 0; padding: 4px 5px 3px 15px;}

ul.contentslink {
	padding: 0 10px 10px 10px;
	margin:0 20px;
}

.contentslink li{
	list-style: none;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	background-image: url(../image_e/arrow_navy.png);
	background-repeat: no-repeat;
	background-position: left 12px;
}


#main ul ul li{
	padding: 5px 0 0 0;
	margin-left: 1em;
	border-bottom: none;
	background-image: none;
	list-style-image: none;
	list-style-type: circle;
}

#main ul ol li{
	padding: 5px 0 0 0;
	margin-left: 1em;
	border-bottom: none;
	background-image: none;
	list-style-image: none;
	list-style-type: decimal;
}

.contentslink dd{
	padding-top: 10px;
}

ul.contentslink2 {
	padding: 0 0 10px 0;
	margin: 0;
}

.contentslink2 li{
	width: 47%;
	float: left;
	list-style: none;
	padding: 10px 5px 10px 5px;
	margin-left: 10px;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
}

.contentslink2 li img{
	float: left;
	margin-right: 10px;
}

.contentslink2 h3{
	margin-top: 0;
	padding-top: 0;
	font-size: 90%;
}

.downdata{
	float:left;
	width: 100%;
	display: bloack;
	margin-bottom: 20px;
}

.downdata img{
	float:left;
	margin: 0 20px;
}

.data{
	margin-left: 150px;
}

.data h3{
	margin-top: 0;
	padding-top: 0;
	font-size: 90%;
}


li.photo{
	float: left;
	width: 98%;
	display: block;
}


li.photo img{
	float: right;
	padding-left: 10px;
}

.nextlink {
	padding: 5px 20px;
	margin: 5px 30px;
	border: 1px dotted #CCCCCC;
	text-align: right;
}

.catch{
	padding: 0;
	float: left;
	display: block;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;	
}

.catch h3{
	color: #000000;
}

.catch img{
	float: left;
}

.namecaption{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 150px;
}

.namecaption h3{
	margin: 0;
	padding: 0 0 20px 0;
}

.comment{
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 0 0 5px 0;
	line-height: 130%;
}

.comment p{
	text-indent: 1em;
}

.charter{
	width: 560px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	border-top: 30px solid #000066;
	border-bottom: 30px solid #000066;
	text-align: center;
}

.charter h1{
	font-size: large;
	line-height: 130%;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.charter h3{
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #000000;
	text-align: right;
}

.charter div{
	line-height: 130%;
	text-align: left;
	margin: 50px 0;
}

.charter p{
	text-indent: 1em;
}

.charter ul{
	margin: 0 30px;
	padding: 0;
	list-style: none;
}

.charter ul h4{
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	text-align: center;
}

.charter li{
	padding-bottom: 30px;
	line-height: 120%;
	text-align: left;
}

.charter2{
	width: 560px;
	margin: 0 auto 20px auto;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.charter2 div{
	line-height: 130%;
	text-align: left;
	margin: 0;
}

.charter2 p{
	text-indent: 1em;
}

.charter2 img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 2em;
	border: 1px solid #CCCCCC;

}

div .purpose {
	line-height: 130%;
	text-align: left;
	margin: 20px 0;
	border: 1px dotted #E1E1E1;
	padding: 10px;
}

div.txt_right{
	text-align: right;
}

div.txt_center{
	text-align: center;
	margin: 0;
	padding: 0;
	
}

.note2{
	text-indent: -2em;
	margin-left: 3em;
	font-size: 90%;
}

.commentframe{
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 0 0 5px 0;
	line-height: 130%;
}

.commentframe p{
	text-indent: 1em;
}

.answer{
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 0 0 5px 0;
	line-height: 130%;
}

.answer h3{
	margin: 10px 0;
	background-color: #f1f1f1;
	padding: 3px;
	font-size: medium;
}

.answer p{
	text-indent: 1em;
	margin-right: 10px;
	margin-left: 10px;
}

.manifesto{
	width: 560px;
	margin: 0 auto 20px auto;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	text-align: center;
	line-height: 130%;
}

.manifesto h1{
	font-size: large;
	color: #000000;
	margin-bottom: 30px;
}

.manifesto p{
	text-indent: 1em;
}

.agreement{
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 0 0 5px 0;
	line-height: 130%;
}

.agreement h3{
	text-align: center;
}


table.dot { width: 100%; margin: 5px 0; border-collapse: collapse; border: dotted 1px gray; }
.dot td { padding: 5px; border: dotted 1px gray; }
.dot th { background-color: #E1E1E1; text-align: center; vertical-align: top; padding: 5px; border: dotted 1px gray; font-weight: normal; }

.back1{ background-color: #d9e6ff; text-align: center; width: 1em;}
.back2{ background-color: #d4ffd6; text-align: center; width: 1em;}
.back3{ background-color: #ffebdf; text-align: center; width: 1em;}

.back1lifescience1{ background-color: #e6e6fa; font-weight: bold;}
.back1lifescience2{ background-color: #fafaff;}

.back2information1{ background-color: #c8e6fa; font-weight: bold;}
.back2information2{ background-color: #fafdff;}

.back3nanotech1{ background-color: #aadcc8; font-weight: bold;}
.back3nanotech2{ background-color: #f1fdf8;}

.back4environment1{ background-color: #c8f0b4; font-weight: bold;}
.back4environment2{ background-color: #f5fff0;}

.back5geology1{ background-color: #f0dca0; font-weight: bold;}
.back5geology2{ background-color: #fffdf4;}

.back6metrology1{ background-color: #f0d2dc; font-weight: bold;}
.back6metrology2{ background-color: #fff6fc;}


table.collab { width: 100%; margin: 5px 0; border-collapse: collapse; border: dotted 1px gray; }
.collab td {
	padding: 5px 5px 5px 25px;
	border: dotted 1px gray;
	background-image: url(../image_e/arrow_navy.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.collab th {
	background-color: #eeeeee;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: dotted 1px gray;
	font-weight: normal;
}


.txt_red{
	color: #cc0000;
}

.txt_green{
	color: #009faa;
	font-weight: bold;
}

.txt_bold{
	font-weight: bold;	
}

.center{
	text-align: center;	
	margin: 0 auto;
}

.linespace li{
	margin-bottom: 10px;
}

.linespace ul li{
	margin-bottom: 0;
}

.staff{
	margin-bottom: 10px;
	padding: 0;
}

.staff th{
	text-align: left;
	border-bottom: 2px solid #003399;
}

.staff th, .staff td {
	padding: 3px;
}

.staff td.anser{
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.synthesiologyCon{
	margin-left: 230px;
}

.synthesiologyCon li{
	line-height: 150%;
}

.synthesiologyCon h3{
	line-height: 150%;
	font-size: 110%;
}

.synthesiologyCon h4{
	line-height: 150%;
	font-size: 90%;
}

.videoCon{
	margin-left: 250px;
}

.video_img{
	width: 240px;
	float: left;
}

.pagetop { width: 100%; font-weight: bold; text-align: right; }

.txt_indent1{
	text-indent: 1em;	
}

.txt_indent2{
	text-indent: 2em;	
}

/*end_main*/