body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", "Trebuchet MS", sans-serif;
	color: black;
	background-image: url('img/yellow_weave.gif');
  		background-repeat: repeat;
	background-color: #c6a56b;
}

#copyr {
	position: relative;
	float: left;
	padding: 0;
	margin-top: 950px;
	left: 8px; 
	font-size: 12px;
	font-weight: bold;
}

#header {
	background: white;
	padding: 0;
	margin: 0;
	height: 100px;
}

div#topnav {
		padding: 0;
		margin: 0;
		font-size: 12px;
}

div#topnav a {
		font-size: inherit;
		color: blue;
		text-decoration: underline;
}

h1 { 
	display:none;
	
}

#ltlogo {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	float: left;
}

img#ltlogo {
	border: none;
}

#pagetitle {
	position: absolute;
	left: 340px;
	top: 15px;
	margin: 0;
	padding: 0; 
}

img#pagetitle {
	border: none;
}

/* ===================================================== */
/* sidebar  */

#sidebar {
width: 260px;
position: absolute;
left: 0;
margin: 4px 0 0 4px;
border: 1px  solid #000;
padding: 0 0 0 0;
background-color: #E7D8A4;
}

.nav {
display: inline;
background: transparent;
height: 210px;
width: 150px;
}

.nav li a, li.discip a {
color: #000;
background: transparent;
border-bottom: 1px solid #dc8830;
margin-left: 0px;
text-decoration: none;
line-height: 140%;
}

.nav li a:hover, li.discip a:hover {
text-decoration: none;
border-bottom: 1px solid #000;
}

ul.nav { 
	color: #000;
	background: transparent;
	padding: 8px 0 0 0;
	margin: 0;
}

li {
	list-style: url('img/blkdot.gif') inside;
	font-size: 12px;
	margin: 0;
	padding: 6px 3px 6px 6px;
}

li#current a { 
	color: #dc8830;
	font-weight: bold;  
}

a:link#current {
	color: #dc8830;
	font-weight: bold; 
}

ul.subnav {
	padding: 6px 6px 6px 10px;
}

ul.subsubnav {
	padding: 6px 6px 6px 13px;
}

ul.subsubsubnav {
	padding: 6px 6px 6px 16px;
	color: #000;
}

ul.subsubsubnav a {
	border-bottom: 0;
}

ul.subsubsubnav a:hover {
	border-bottom: 0;
}

li.discip { 
	 font-size: 12px;
	 font-weight: bold; 
}

span.ltsand {
	font-family: "Sand";
}   

.blurb {
	background-color: #fff;
	border: 1px solid #dc8830;
	margin: 2px;
	padding: 3px;
	margin-top: 20px;
	font-size: 10px;
	line-height: 150%;
}

/* ===================================================== */
/* main text area  */

#outer {
position: absolute;
left: 267px;
width: 640px;
margin: 4px 0 0 4px;
background-color: #fff;
border: 1px solid #000;
}

#frontispiece_outer {
position: absolute;
left: 275px;
width: 760px;
margin: 4px 0 0 4px;
background: transparent;
border: 0px solid #000;
} 

.inner {
	padding: 0px 20px 20px 20px;
	line-height: 160%;
}

.frontispiece_inner {
	padding: 0px;
} 

h2 { 
	font-size: 18px; 
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 155%;
}

h2.parts {
	text-align: left;
	font-style: italic;
	font-size: 16px;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 0px;
}

/* My Comment */

h3 {
	font-size: 16px; 
	padding-top: 10px;
	font-weight: bold;
	text-align: left;
	line-height: 110%;
	margin-left: 40px;
}

p {
	font-size: 12pt; 
	margin: 20px 20px 0 40px; 
	line-height: 165%;
}

.blue {
	color: #060c8b;
}

li.parts {
	line-height: 165%;
	font-size: 12pt;
	list-style: decimal outside;
	margin: 20px 0px 0 1px;
	padding: 0;
}

p.caption {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 130%;
	margin: 1% 10% 3% 12%;
	padding: 0;
}

div.frontispiece_caption {
	margin-left: 1px;
	margin-right: 1px;
	text-align: left;
	text-indent: 0;
	font-size: 12px;
	font-weight: bold; 
	line-height: 150%;
	background-color: #E7D8A4;
}     

p.reference_title { 
	margin-top: 40px; 
	margin-bottom: 20px; 
}

ul.titles {
	list-style: url(img/blkdot.gif) outside;
	text-decoration: underline;
}

li.essay_title {
	font-size: 1em;
}

ol.parts {
	list-style: decimal;
	margin-left: 20px;
}

li.essay_part {
	margin-left: 20px;
	font-size: medium;
}

li.short_list {
	margin-left: 20px;
	font-size: 1.1em;
}

div.available_down {
	display: block;
	padding: 0;
	margin: 10px 20px;
	font-style: oblique;
	font-size: 10pt;
}

div.info_box {
	padding: 0;
	margin: 10px 100px 20px 100px;
	text-align: center;
	line-height: 140%;
	font-face: Verdana, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	border: 1px solid silver;
}           

img.pdficon {
	display: inline;
	padding: 3px 2px 0 0;
} 

img#ifeedreaders {
	border: none;
}                      
/* ===================================================== */
/* background images  */

div#sages {
	width: 758px;
	height: 490px;
	padding: 0;
	margin: 0;
	background-image: url(img/sage_home.jpg);
}    

div#tang_xu {
	width: 460px;
	height: 276px;
	padding: 0;
	margin: 20px 0 14px 10%;
	background-image: url('img/Tang_Hao_Xu_Yusheng.gif');
}

div#zhang_sanfeng {
	width: 201px;
	height: 301px;
	padding: 0;
	margin: 20px 0 14px 32%;
	background-image: url('img/zhang_sanfeng.gif');
}

div#portrait_chen_wangting {
	width: 263px;
	height: 355px;
	padding: 0;
	margin: 20px 0 14px 28%;
	background-image: url('img/portrait_chen_wangting.gif');
}

div#vessel1 {
	width: 306px;
	height: 434px;
	padding: 0;
	margin: 20px 0 14px 24%;
	background-image: url('img/qi_vessel1.gif');
}

div#vessel2 {
	width: 437px;
	height: 321px;
	padding: 0;
	margin: 20px 0 14px 13%;
	background-image: url('img/qi_vessel2.jpg');
}

div#silk {
	width: 384px;
	height: 564px;
	padding: 0;
	margin: 20px 0 14px 18%;
	background-image: url('img/daoyintu.jpg');
}

div#push {
	width: 339px;
	height: 269px;
	padding: 0;
	margin: 20px 0 14px 20%;
	background-image: url('img/push_hands.gif');
}


div#chen_wangting {
	width: 189px;
	height: 300px;
	padding: 0;
	margin: 20px 0 14px 30%;
	background-image: url('img/chen_wangting.gif');
}

div#li_family {
	width: 337px;
	height: 544px;
	padding: 0;
	margin: 20px 0 14px 22%;
	background-image: url('img/li_family_genealogy.gif');
}

div#qi_jiguan {
	width: 500px;
	height: 449px;
	padding: 0;
	margin: 20px 0 14px 8%;
	background-image: url('img/chen_illustrations.gif');
}            

div#public {
	width: 444px;
	height: 559px;
	padding: 0;
	margin: 20px 0 0 75px;
	background-image: url('img/public.jpg');

}

div#liu {
	width: 305px;
	height: 221px;
	padding: 0;
	margin: 20px 0 0 150px;
	background-image: url('img/liuquizhen.gif');

}

div#oral_transmission {
	width: 367px;
	height: 458px;
	padding: 0;
	margin: 20px 0 0 116px;
	background-image: url('img/oral_transmission.gif');

}

div#kinship {
	width: 397px;
	height: 304px;
	padding: 0;
	margin: 20px 0 0 94px;
	background-image: url('img/kinship.gif');

}                                 

div#sitting {
	width: 356px;
	height: 300px;
	padding: 0;
	margin: 20px 0 0 120px;
	background-image: url('img/sitting.gif');

}

div#taiji {
	width: 400px;
	height: 369px;
	padding: 0;
	margin: 20px 0 0 100px;
	background-image: url(img/taiji_wuxin.gif);

}

div#baga {
	width: 495px;
	height: 307px;
	padding: 0;
	margin: 20px 0 0 12px;
	background-image: url(img/baga.jpg);

}

div#dinglu {
	width: 300px;
	height: 229px;
	padding: 0;
	margin: 20px 0 0 120px;
	background-image: url(img/dinglu.gif);

}

div#huagitu {
	width: 300px;
	height: 351px;
	padding: 0;
	margin: 20px 0 0 120px;
	background-image: url(img/huaqitu.gif);

}

div#postures {
	width: 500px;
	height: 554px;
	padding: 0;
	margin: 20px 0 0 40px;
	background-image: url('img/postures3.gif')
}

div#baduan {
	width: 400px;
	height: 397px;
	padding: 0;
	margin: 20px 0 0 84px;
	background-image: url('img/baduanjin.gif');
}                

div#legge {
	width: 343px;
	height: 285px;
	padding: 0;
	margin: 20px 0 14px 20%;
	background-image: url('img/james_legge.jpg');
}

div#landscape {
	width: 413px;
	height: 384px;
	padding: 0;
	margin: 20px 0 14px 16%;
	background-image: url('img/origins_landscape.gif');
}

div#swords {
	width: 460px;
	height: 406px;
	padding: 0;
	margin: 20px 0 14px 12%;
	background-image: url('img/swords.jpg');
}     

div#book {
	width: 361px;
	height: 343px;
	padding: 0;
	margin: 20px 0 14px 20%;
	background-image: url('img/old_text.gif');
} 

div#cong {
	width: 400px;
	height: 400px;
	padding: 0;
	margin: 20px 0 14px 12%;
	background-image: url('img/congs.jpg');

}


div#four {
	width: 477px;
	height: 468px;
	padding: 0;
	margin: 20px 0 14px 9%;
	background-image: url('img/fouranimals.jpg');

}


div#tomb {
	width: 552px;
	height: 236px;
	padding: 0;
	margin: 20px 0 14px 22px;
	background-image: url('img/tomb.jpg');

}

div#qicirc {
        width: 288px;
        height: 133px;
        padding: 0;
        margin: 20px 0 14px 27%;
        background-image: url('img/qi-circulating.gif');

}


div#infant {
        width: 349px;
        height: 317px;
        padding: 0;
        margin: 20px 0 14px 20%;
        background-image: url('img/infant.gif');

}  

 div#ming_emperor {
        width: 337px;
        height: 508px;
        padding: 0;
        margin: 20px 0 14px 120px;
        background-image: url('img/ming_emperor_hongzhi.gif');

}   

div#ming_study {
        width: 400px;
        height: 220px;
        padding: 0;
        margin: 20px 0 14px 95px;
        background-image: url('img/ming_study.gif');

}   

div#ming_livingroom {
        width: 346px;
        height: 400px;
        padding: 0;
        margin: 20px 0 14px 116px;
        background-image: url('img/ming_livingroom.gif');

}   


div#manchu {
        width: 290px;
        height: 301px;
        padding: 0;
        margin: 20px 0 14px 25%;
        background-image: url('img/manchu.gif');

} 

div#meeting {
        width: 290px;
        height: 412px;
        padding: 0;
        margin: 20px 0 14px 25%;
        background-image: url('img/meeting.gif');

}

div#porcelain1 {
        width: 500px;
        height: 529px;
        padding: 0;
        margin: 20px 0 14px 45px;
        background-image: url('img/porcelain1.gif');

}

div#porcelain2 {
        width: 300px;
        height: 297px;
        padding: 0;
        margin: 20px 0 14px 144px;
        background-image: url('img/porcelain2.gif');

} 

div#porcelain3 {
        width: 350px;
        height: 204px;
        padding: 0;
        margin: 20px 0 14px 120px;
        background-image: url('img/porcelain3.gif');

}

div#porcelain4 {
        width: 360px;
        height: 260px;
        padding: 0;
        margin: 20px 0 14px 115px;
        background-image: url('img/porcelain4.gif');

}

div#porcelain5 {
        width: 186px;
        height: 372px;
        padding: 0;
        margin: 20px 0 14px 196px;
        background-image: url('img/porcelain5.gif');

} 

div#porcelain6 {
        width: 184px;
        height: 363px;
        padding: 0;
        margin: 20px 0 14px 196px;
        background-image: url('img/porcelain6.gif');

}           

div#british_opium {
        width: 510px;
        height: 400px;
        padding: 0;
        margin: 20px 0 14px 44px;
        background-image: url('img/British_China_opium_war.gif');

}    

div#defeat_qing_dynasty {
        width: 459px;
        height: 400px;
        padding: 0;
        margin: 20px 0 14px 60px;
        background-image: url('img/defeat_qing_dynasty.gif');

}                                            
  
  div#yellow_river {
        width: 505px;
        height: 342px;
        padding: 0;
        margin: 20px 0 14px 44px;
        background-image: url('img/yellow_river.gif');

}

div#northern1 {
        width: 540px;
        height: 380px;
        padding: 0;
        margin: 20px 0 14px 32px;
        background-image: url('img/northern1.gif');

}

div#northern2 {
        width: 304px;
        height: 460px;
        padding: 0;
        margin: 20px 0 14px 150px;
        background-image: url('img/northern2.gif');

} 

div#six_arts {
        width: 545px;
        height: 497px;
        padding: 0;
        margin: 20px 0 14px 28px;
        background-image: url('img/six_arts.gif');

}

div#academy {
        width: 545px;
        height: 409px;
        padding: 0;
        margin: 20px 0 14px 28px;
        background-image: url('img/academy.gif');

}

div#taiji_quan {
	width: 760px;
	height: 585px;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url(img/taiji.gif);
} 

div#chinese_meditation {
	width: 758px;
	height: 551px;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url(img/qigong_taiji_meditation.gif);

}

div#qigong {
	width: 760px;
	height: 505px;
	padding: 0;
	margin: 0 0 0 0;
	background-image: url(img/qi-gong.gif); 
}  
              
/* ===================================================== */
/* background images go above here  */

form#rm_sub {
	padding: 10px 0 10px 130px;
}