*{margin:0; padding:0; border:0;}

body			{background-color: #333; font-family: 'Khula', sans-serif;}

#wrapper		{width:800px; height:inherit; margin:0 auto; padding:30px; background-color:#FFF; font-size:14px}
#logo			{width:150px; float:left; margin-left:20px; margin-bottom:30px;}
#banner			{float:middle; margin-bottom:30px;}

#name			{width:200px; float:left; margin-top:10px; margin-bottom:30px; margin-left:30px;}
#name h1		{font-size:20px; font-weight:bold;}
				
#topnav			{width:400px; float:left; font-size:12px; margin-top:15px;}
#topnav ul		{text-align:right; margin-right:20px;}
#topnav ul li	{display:inline; margin-left:5px;}
#topnav a		{font-size:16px; font-weight:bold; text-decoration:none;}
#topnav a:link	{color:#000;}
#topnav a:hover	{color:#009;}

#content		{width:100%; clear:both;}
#content h2		{font-size:14px; margin:0 0 15px 0;}
#content h3		{font-size:14px; margin:0 0 15px 0; color:#F00;}
#content p		{margin-bottom:10px;}
#content ul		{margin:10px 0;}
#content li		{margin-left:30px;}

#footer			{width:100%; clear:both; padding-top:20px; color:#333;}
#footer h2		{font-size:16px; margin-left:20px;}
#footer p		{font-size:12px; margin-left:20px;}

#index			{width:100%; clear:both; margin-top:10px; margin-left:20px; float:left;}
#index p		{width:90%; clear:both; margin-top:15px; margin-bottom:20px; margin-left:10px; color:#333;}

#research		{width:100%; clear:both; margin-top:10px; margin-left:20px; float:left;}
#research h3	{font-size:16px; color:#006;}
#research p		{width:90%; clear:both; margin-top:15px; margin-bottom:20px; margin-left:10px; color:#333;}

#publication	{width:100%; clear:both; margin-top:10px; margin-left:20px; float:left;}
#publication p	{width:90%; clear:both; margin-top:15px; margin-bottom:20px; margin-left:10px; color:#333;}

#people			{width:100%; clear:both; margin-top:10px; margin-left:20px; float:left;}
#people img		{padding:10px 0px;}
#people ul		{text-align:center;}
#people ul li	{display:inline;}

#news			{width:100%; clear:both; margin-top:10px; margin-left:20px; float:left;}
#news p			{width:90%; clear:both; margin-top:15px; margin-bottom:20px; margin-left:10px; color:#333;}

#hiroshi		{width:225px; height: 300px; float:left; margin-top:10px;}
#hiroshi li		{font-size:16px; float:center; color:#003;}
#hiroshi p		{font-size:14px; float:center;}

#xinwei			{width:225px; height: 300px; float:left; margin-top:10px;}
#xinwei li		{font-size:16px; float:center; color:#003;}
#xinwei p		{font-size:14px; float:center;}

#chunyue		{width:225px; height: 300px; float:left; margin-top:10px;}
#chunyue li		{font-size:16px; float:center; color:#003;}
#chunyue p		{font-size:14px; float:center;}

#leefang 		{width:225px; height: 300px; float:left; margin-top:10px;}
#leefang li		{font-size:16px; float:center; color:#003;}
#leefang p		{font-size:14px; float:center;}

#kinon 		    {width:225px; height: 300px; float:left; margin-top:10px;}
#kinon li		{font-size:16px; float:center; color:#003;}
#kinon p		{font-size:14px; float:center;}

#zeyuan 		{width:225px; height: 300px; float:left; margin-top:10px;}
#zeyuan li		{font-size:16px; float:center; color:#003;}
#zeyuan p		{font-size:14px; float:center;}

#hanna 			{width:225px; height: 300px; float:left; margin-top:10px;}
#hanna li		{font-size:16px; float:center; color:#003;}
#hanna p		{font-size:14px; float:center;}