@import url('http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css');

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.8em;
	line-height:1.5em;
	color:#000;
	background:#fff;
}

a {
	color:#333;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

#container {
	position:absolute;
	top:0;
	left:50%;
	
	width:900px;
	margin-left:-450px;
}

#header {
	height:111px;
	
	background:#fff url('../images/tsri.png') no-repeat 10px 10px;
}

#header h1 {
	float:left;
	
	margin:.8em 0 0 .8em;
	padding-left:140px;
	
	font-size:2.6em;
}

#header h1 a {
	display:block;
	
	padding:.5em 1em;

	font-variant:small-caps;
	color:#666;

	text-decoration:none;
}

#header h1 a:hover {
	color:#333;
}

#header blockquote {
	float:right;
	
	width:400px;
	margin-top:1em;
	margin-right:.5em;

	background:url('../images/leftquote.gif') no-repeat 20px 0;

	text-align:right;
}

#header blockquote p {
	margin-left:100px;
	margin-bottom:.2em;
	padding-bottom:.25em;
			
	background:url('../images/rightquote.gif') no-repeat 275px bottom;
	
	font-size:1.2em;
	font-style:italic;
	text-align:left;
	text-indent:-50px;
}

#header blockquote cite {
	font-size:.8em;
	font-style:italic;
}

#main {
	clear:both;
}

#main .menu {
	float:left;
	
	width:160px;
	margin:15px;
	
	border-top:1px solid #f0f0f0;
	
	font-size:1.2em;
	text-transform:uppercase;
}

#main .menu a {
	display:block;
	padding:.5em 1em;

	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-left:4px solid #f0f0f0;
	background:#fcfcfc;
	color:#999;

	text-decoration:none;
}

#main .menu a:hover, 
#main .menu a.active {
	background:#f0f0f0;

	border-left:4px solid #ccc;
	color:#666;
}

#content {
	padding:15px;
	margin-left:175px;

	font-size:1em;
	line-height:1.5em;
}

#content h3 {
	margin-bottom:.2em;

	border-bottom:1px solid #999;

	font-size:1.3em;
}

#content h4 {
	margin-left:.5em;

	text-decoration:underline;
}

#content p {
	padding:0 1em;
	margin-bottom:1em;

	line-height:1.7em;
	text-align:justify;
}

#content ul {
	padding:0 1em;
}

#content ul li {
	list-style:disc outside;

	margin-left:1em;
	margin-bottom:1em;

	text-align:justify;
}

#content p.legend {
	color:#900;
}

ol {
	padding:0 1em;
	margin-bottom:1em;
}

ol li {
	list-style:decimal outside;
	
	margin-left:2em;
	margin-bottom:.25em;

	text-align:justify;
}

ol.references li {
	margin-left:1em;

	font-size:.9em;
}

span.xiao {
	font-weight:bold;
}

span.author {
	text-decoration:underline;
}

span.journal {
	font-style:italic;
	text-decoration:underline;
}

#content ul.people li {
	list-style:none;

	overflow:hidden;

	padding:1em 0;
	margin:0;
}

ul.people li img {
	float:left;
	margin:0 10px;
	padding:2px;

	border:1px solid #999;
}

ul.people span,
#content ul.people h4 {
	display:block;

	margin-left:180px;
}

#content ul.people h4 {
	padding-top:.2em;
	
	text-decoration:none;
}

#content ul.people .position {
	font-style:italic;
}

#footer {
	clear:both;

	padding:.2em 1em;
	margin-bottom:2em;

	border-top:1px solid #999;
}

#zoom {
	float:right;
	clear:both;

	margin:.5em .2em;
	padding-left:18px;

	background:#fff url('../images/zoom.gif') no-repeat 0 50%;
	color:#fff;

	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}

#zoom a {
	display:block;
	float:left;

	width:1.5em;
	height:1.5em;
	
	background:#f0f0f0;
	border-right:1px solid #fff;
	color:#999;

	text-decoration:none;
	
	cursor:pointer;
}

#zoom a:hover {
	background:#ccc;
}

#movie {
	margin:.2em .5em;
}