body						{ background-color: #fff; margin: 0; padding: 0; font: 16px "Times New Roman", serif; color: #000; }
img						{ border: 0; }
 

/* for background */
#list					{ position: absolute; top: 20px; left: 0; width: 780px; height: 592px; background-color: #f4f3ea; }
#paper					{ position: absolute; top: 20px; left: 0; width: 204px; height: 592px; background: url('img/shadowPaper.gif') repeat-y; }
#up						{ position: absolute; top: 15px; left: 0; width: 799px; height: 5px; background: url('img/up.gif') repeat-x; }
#right					{ position: absolute; top: 14px; left: 787px; width: 12px; height: 609px; background: url('img/right.gif') no-repeat; }
#down					{ position: absolute; top: 612px; left: 655px; width: 132px; height: 10px; background: url('img/down.gif') no-repeat; }
#down1					{ position: absolute; top: 612px; left: 0; width: 655px; height: 10px; background: url('img/down1.gif') repeat-x; }
#page					{ position: absolute; top: 20px; left: 780px; width: 7px; height: 592px; background: url('img/shadowPage.gif') repeat-y; }
#MSU					{ position: absolute; top: 443px; left: 575px; width: 204px; height: 169px; background: url('img/MSU.jpg') no-repeat; }
#carrier				{ position: absolute; top: 45px; left: 112px; width: 226px; height: 272px; background-color: #fff; }

/* for navigation */
ul.menu					{ position: absolute; top: 50px; left: 780px; width: 35px; clear: both; list-style-type: none; padding: 0; margin: 0;  }
#s1, #s2, #s3			{ background: url('img/shadowMenu.gif') no-repeat; width: 4px; height: 147px; z-index: 100; }
#s1						{ position: absolute; top: 50px; left: 780px; }
#s2						{ position: absolute; top: 202px; left: 780px; }
#s3						{ position: absolute; top: 354px; left: 780px; }
#o1, #o2, #o3			{ background-color: #28a8e8; width: 5px; height: 144px; z-index: 100; }
#o1						{ position: absolute; top: 50px; left: 775px; }
#o2						{ position: absolute; top: 202px; left: 775px; //top: 201px; }
#o3						{ position: absolute; top: 353px; left: 775px; //top: 352px; }
#language				{ position: absolute; top: 35px; left: 705px; }

/* content */
.photo					{ margin: 7px; }
.ph						{ position: absolute; top: 50px; left: 70px; z-index: 100 } 
.book					{ position: absolute; top: 50px; left: 70px; z-index: 100 } 
/* for index.html */
ul.what					{ position: absolute; top: 50px; left: 290px; list-style-type: none; text-align: right; color: #666; width: 250px; //top: 60px; }				
ul.answer				{ position: absolute; top: 92px; left: 470px; list-style-type: none; text-align: left; text-decoration: underline; color: #000; width: 250px; //top: 101px; }
ul.education				{ position: absolute; top: 310px; left: 15px; list-style-type: none; text-align: right; color: #666; width: 200px; //top: 320px; }
ul.answer1				{ position: absolute; top: 351px; left: 140px; list-style-type: none; text-align: left; color: #000; width: 250px; //top: 361px; }
.what li, .answer li, .answer1 li,
.education li				{ margin: 8px; }
li.par					{ margin-right: 90px; }
.answer1 li				{ text-decoration: underline; }
li.first					{ margin: 15px 0; text-decoration: none; }
a:link, a:visited		{ color: #28a8e8; text-decoration: underline; }
a.current:link, a.current:visited, a:active, 
a:hover					{ color: #999; text-decoration: none; }
/* for science.html */
.text					{ position: absolute; top: 70px; left: 100px; text-align: justify; width: 500px; }
.text h1					{ font: bold 24px "Times New Roman", serif; color: #666; margin-bottom: 50px; }

/* for photo.html */
.pr, .pr1, .pr2			{ border: solid 6px #fff; margin: 0; padding: 0; }
.pr1					{ margin: 4px; }
.pr2					{ margin: 12px; }
ul.slide					{ position: absolute; top: 50px; left: 80px; width: 700px; clear: both; list-style-type: none; padding: 0; margin: 0;  }
ul.slide1				{ position: absolute; top: 250px; left: 80px; width: 700px; clear: both; list-style-type: none; padding: 0; margin: 0;  }
.slide li, .slide1 li		{ float: left; margin-right: 10px; }	

/* for slideShow.html */
#carrierP				{ position: absolute; top: 50px; left: 20px; width: 760px; height: 550px; margin: auto; text-align: center; background: transparent; }
.phUp, .phDown			{ border: solid 7px #fff; padding: 0; }
.phUp					{ margin-top: 30px; }
.nav					{ position: absolute; top: 530px; left: 350px; font: 12 px Verdana, sans-seif; }
.nav a:link,
.nav a:visited			{ color: #000; text-decoration: underline; }
.nav a.current:link, .nav a.current:visited, .nav a:active, 
.nav a:hover				{ color: #999; text-decoration: none; }
#string					{ margin: 5px auto; }
#photo					{ margin-top: 5px; }