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

html {
background:#F2F1E9;
height: 100%;
margin:0;
padding:0;


}

body  {
font-family: Arial, MingLiU, sans-serif;
font-size: 95%;
width:960px;
margin:0;
padding:0;
padding-left:50%;
}


img {border: none;}

.ie body {
text-align: center;
}

#wrapper {
position: relative;
margin:0;
width:100%;
margin-left: -480px;
padding:0;
float:left;
}

.ie #wrapper {
text-align: center;
}

#headings {
	position:absolute;
	padding:0;
	margin:0;
	top:-10px;
	left:62%;
	height:40px;
	z-index:2;
	color: #2A3F55;
}

#headings ul li {display:inline; font-size:1em;}

#headings a {
color: #2A3F55;
font-weight:bold;
text-decoration:none;
}

#headings a:hover {
color: #808080;
font-weight:bold;
text-decoration: none;
text-shadow: #CCC 1px 0px 8px;
}


#content_wrapper{
width:960px;
margin:0;
padding:0;
float:left;
position: relative;
background:#FFFFFF;
}


#content_wrapper .maincontent {
background:#FFF;
font-size:100%;
float: left;
width: 65%;
position: relative;
margin: 0 2% 2% 2%;
padding: 0 5% 0 5% 0;
/*overflow:hidden;*/
/*z-index: 3000;*/ 
}

#content_wrapper .maincontent .content {
margin: 0 5% 0 5%;
padding: 0;
}

#content_wrapper .maincontent .content p{
padding:0;
margin-bottom: 2%;
line-height: 1.8em;
font-size: 100%;
font-family:Arial, Helvetica, sans-serif;
}

#content_wrapper .maincontent .content p.reference{
font-size: 1em;
margin-top:16pt;
margin-bottom: 16pt;
color: #6F6F6F;
}

#content_wrapper .maincontent .content p.reference a:link {text-decoration: none;}
#content_wrapper .maincontent .content p.reference a:hover {text-decoration: underline;}

#content_wrapper .maincontent .content p.r_ref{
font-size: 1em;
margin-top: 0;
margin-bottom: 20pt;
color: #369;
text-align:right;
}

#content_wrapper .maincontent .content p.report{
margin-left: 3%;
margin-right: 3%;
padding-left: 2%;
padding-right: 2%;
border-left: #E4E4E4 solid 5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

#content_wrapper .maincontent .content h3.heading{
font-size: 120%;
text-align:left;
line-height: 1.5em;
margin:5% -2% 2% -2%;
padding-left: 2em;
line-height: 2em;
border: #f2f5f6 2px solid;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

#content_wrapper .maincontent .content h4{
text-align:left;
line-height: 1.5em;
margin-left: 1em;
margin-right: 1em;
padding:0;
line-height: 2em;
}


#content_wrapper .maincontent .content ul li {
margin:1% 1% 1% 1%;
padding:0;
line-height:1.8em;
font-size: 100%;
}

#content_wrapper .maincontent .content span.super { 
font-size: 0.5em; 
color:#666;
margin: 0 5px 0 0;
vertical-align: super;
font-weight:bold;
}

#content_wrapper .rightcontent {
background:#FFFFFF;
font-size:100%;
width:30%;
margin: 5% 0 5% 0;
position:relative;
float:left;
}

#banner {
height: 192px;
margin: 0;
padding: 0;
position: relative;
float:left;
}

.clear {
clear: both;
}

#footer {
margin:0;
padding:0;
/*height: 170px;*/
height: 78px;
width:960px;
float:left;
position:relative;
background: #FFF url(../images/footer.jpg) bottom no-repeat;
}

#footer p {
font-size:1em; 
text-align:left; 
line-height:1.5em; 
font-family:Arial, Helvetica, sans-serif;
margin:0;
color: #FFF;
font-weight:normal;
}

#footer a { 
color: #FFF;
font-weight:normal;
text-decoration:none;
}

#footer a:hover { 
font-weight:bold;
text-decoration:underline;
}

#footer p.copyright { 
margin:0;
z-index:5;
position: absolute;
top: 30%;
left:52%;
}

/*
#logo img{
	position:absolute;
	padding:0;
	margin:0;
	top:5%;
	left:78%;
	vertical-align:top;
	z-index:5;
}
*/

.breadcrumb {
color: #004054;
font-size: 95%;
margin: 10px;
position: relative;
}

.breadcrumb a {
color: #0065a2;
text-decoration: none;
}

.breadcrumb a:hover {
text-decoration: underline;
}




blockquote {
	float:left;
	width: 300px;
	margin: 0.5em 1em 0 0;
	padding: 0.7em;
	color:#FFFFFF;
	background-color:black;
	font-size: 1.2em;
	font-style: italic;
	font-weight:bold;
	border-top: 1em solid #999;
	border-bottom: 1em solid #999;	
}

blockquote.quote_year {width:50px; border-top: 0.5em solid #999; border-bottom:0.5em solid #999; padding:0.3em; font-size:1em;}

#content_wrapper .maincontent p.quote {
	margin-top: 1.5em;
	margin-bottom:2em;
}

table.awards {
margin-left:5%;
margin-right:5%;
border:#EEEEEE 8px solid;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top,  #fcfcfc 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

table.awards tr th, table.awards tr td{
	line-height:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

table.awards tr th{
	border-top:#888888 solid 2px;
	border-bottom:#888888 solid 1px;
	background: #f5f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
background: linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */

}

table.awards tr td{
	border-bottom:#888888 solid 1px;
}

table.awards tr th.w1{
	width:20%;
	text-align:center;
}

table.awards tr td.w1{
	text-align:center;
}



ul.list_publication {
}

ul.list_publication li {
display: inline-block;
margin: 0;
}

ul.list_publication a:link {
	color: #333;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:0;
	line-height:15pt;
	background: url(../images/arrow_down.png) right 60% no-repeat;
	padding-right:10px;
	margin-right: 2px;
}

ul.list_publication a:hover {
	color: #CCC;
	text-decoration: underline;
}


.GoToTop {
margin: 0;
line-height:1em;
}

.GoToTop img{
	text-align:right;
	vertical-align:bottom;
}


.activities{
margin: 0 0 0 0;
border: 5px solid #f2f5f6;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */

}

.activities h3{
color:#FFFFFF;
font-size:120%;
display: block;
margin:0;
padding-left: 1em;
line-height:2em;
border-radius: 0 10px 0 10px;
-moz-border-radius: 0 10px 0 10px;
-webkit-border-radius: 0 10px 0 10px;
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

}

.activities h3 a{
	color: #FFF;
	text-decoration:none;
}

.activities h3 a:hover{
	color: #FFF;
	text-decoration:underline;
}

.activities h3 a img{
	vertical-align: middle;
	border: none;
}

.activities h4{ margin:0; padding:0.5em; color:#000000; border-bottom: #557FAA 2px ridge;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.activities p {margin:0; padding:0; line-height:15pt;}
.activities_describe {padding:1em 1em 2em 1em;}
.activities_describe a {text-decoration: none;}
.activities_describe a:hover {text-decoration: underline;}

.slideshow_background {
margin: 1em 3em 1em 3em;
padding: 0;
background: -moz-linear-gradient(45deg,  rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

#myslideshow{ /*sample CSS for demo*/
margin: 0;
padding: 0 ;
text-align:center;
}

.activities_link { margin:0; padding:0.5em 0 0 0; text-align:center; line-height:1.5em;}
.activities_link ul {margin:0; padding:0;}
.activities_link ul li {display: inline-block; margin:0; padding:0;}
.activities_link a {color: #2A5FAA; font-weight:bold; text-decoration:none;}
.activities_link a:hover, .activities_link a:focus {color: #2ABFFF; font-weight:bold; text-decoration:underline;}


/*publication.jsp*/

.collection_list {margin:2% 0 2% 0; padding:0; width:100%; text-align:right;}
.collection_list a:link {color:#2A5FAA; font-weight:bold; text-decoration:none;}
.collection_list a:hover {color: #2ABFFF; font-weight:bold; text-decoration:underline;}


.book_item {
	width:130px; 
	height:220px; 
	text-align:center; 
	vertical-align:bottom; 
	margin:12px 3px 12px 3px; 
	display:inline-block;
	}

.book_item .book_img {
	width:130px; 
	height:190px; 
	background:#FFF; 
	text-align:center; 
	border: #A6CAF0 1px solid;
	}

.book_item .book_img img {
	margin:4% 0 4% 0;
	}

.book_title p{
	margin:0;
	padding:0;
	font-size: 1em;
	}

#content_wrapper .maincontent .content .book_item a.inline .book_title p.fsize {
	font-size:0.9em;
	line-height:1.2em;
	margin:0;
	}

.book_item a:link {
	color:#2A5FAA; 
	font-weight:bold; 
	text-decoration:none;
	}

.book_item a:hover {
	color:#2ABFFF; 
	font-weight:bold; 
	text-decoration:underline;
	}

#inlinecontent {
	display:none;
	}

#book_01,#book_02,#book_03,#book_04,#book_05,#book_06,#book_07,#book_08,#book_09,#book_10,#book_11,#book_12,#book_13,#book_14,#book_15,#book_16,#book_17,#book_18,#book_19,#book_20,#book_21,#book_22,#book_23,#book_24,#book_25,#book_26,#book_101,#book_102,#book_103,#book_104,#book_105 p {padding:10px; background:#fff;}

.bookcover {position:relative; float:left; width:160px; margin:0; padding:0;}
.bookintro {position:relative; float:right; width:70%; margin:0; padding:0; line-height:1.5em;}

ul.bookcategory {
text-align:center;
}

ul.bookcategory li {
display: inline;
margin:0;
padding:0; 
}

ul.bookcategory li a{
color: #3F3F3F;
font-weight:bold;
}

ul.bookcategory li a:hover{
color: #9A9A9A;
font-weight:bold;
}