BODY {
	background: #F9EEC3 ; /* RGB= 249,238,195*/
	margin: 0; /*margins are set to zero*/
	padding-top: 0; /*for Opera6*/
	line-height: 15px;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 100%;
	min-width:820px;
	max-width:1600px;
	z-index:1;
	/*background: transparent url(../image-files/background-gradient2.jpg) repeat-x top center; 
	background-attachment:fixed;*/
}

#container{/*location set for browser, DO NOT EDIT*/
	margin-top:15px;
}

#header {
	margin-top: 0;
	margin-left:0;

	min-width:630;
	z-index: 2;
	margin-bottom: auto;
	margin-right: auto;
	background: transparent url(../image-files/qing-ming-river2.jpg) no-repeat top left; 
	color: #123;
	height:120;
}
a{
	color:#3F6728;
}
a:visited{
	color:#7DA056;
}

/*=======================================================================================================*/     
/*My navbar */

#nav{/*The navigation on the left side, positioned absolutely*/
	float:left;
	margin-left: 2px;
   	margin-right:0px;
   	padding-right:0px;	
   	width:20%;
	font-family: times,serif;
	color:#5E4700; /*#624C10; */
    background: transparent url(../image-files/qing-ming-vertical2.jpg) top right repeat-y; /* that will be repeated only along the y-axis [North/South] */
}
#nav A{
	color:#5E4700; 
	text-decoration: none;
}
#nav A:hover{
	text-decoration: underline;
}
#nav A:visited{
	color:#747B4D;
}
#nav_section{
	padding-top:3px;
	padding-right:2px;
	font-size:medium;
	font-family: times,serif;
	font-weight:bold;
}

#nav_item{
	font-size:small;
	font-family:Arial,sans-serif;
	/*font-style:italic;*/
	color:#47744C;
	padding-left:18px;
	padding-right:2px;
	margin-left:10px;
	background: transparent url(../image-files/bullet-qing-ming.gif) no-repeat top left ;
}

#central_col {
	/*The area that holds the primary content*/
	top: 85px;

	color: #000000;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.15;
	z-index: 3;
	font-size: small;
	margin-left:20%;
	margin-right:165px;	
	padding-left:15px;
	padding-right:10px;	
	background: transparent url(../image-files/qing-ming-vertical2.jpg) repeat-y top left ;
}
#central_col #webcontent{
	background: transparent url(../image-files/qing-ming-vertical2.jpg) repeat-y top right ;
	min-height:100px;
	margin-right: 0px;
	padding-right:10px;
}	
/* #main_col is for two-column layout pages that have no right-column. The Amazon powered shop page is like this. */
#main_col{
	top: 85px;
	color: #000000;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.15;
	z-index: 3;
	font-size: small;
	margin-left:20%;
	margin-right:0px;	
	padding-left:15px;
	padding-right:10px;	
}
/*======================================================================================*/

#rightcontent {
	/*to set the right column*/
	float:right;
	width: 165px;
	z-index: 1;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-left: -12px;
	padding-left:11px;
	text-align: left;
	border: 0px solid #DCDCDC;
    background: transparent url(../image-files/qing-ming-vertical2.jpg) top left repeat-y; 
}  	
	
#right_box{
 position:relative;
 left:0;
 top:0;
 margin-right:auto; /* default, width of left corner */ 
 margin-bottom:15px; /* spacing under dialog */ 
 padding-top:5px; 
 width:100%;

 min-height:3em;
 color:black;
 z-index:1;
}

#right_box #box_content{
 position:relative;
 left:0;
 top:0;
 min-width:8em;
 max-height:100%; 
 width:100%;
 _overflow-y:hidden;
 padding-top:0px;
}

#right_box #image_bottom {
 /* top+left vertical slice */
 position:relative;
 left:0;
 top:0;
 min-width:8em;
 width:100%;
 margin-bottom:-15px;

 height:11px;
 background:transparent url(../image-files/qing-ming-bar3.jpg) no-repeat bottom center;

}
#rightcontent A{
	color:#624C10; 
	text-decoration: none;
}
#rightcontent A:hover{
	text-decoration: underline;
}
#rightcontent A:visited{
	color:#747B4D;
}
/*======================================================================================*/
/* foot_links appears at the end of central column. So it is not with the bottom copyright footer.*/
#foot_links{
	margin-top:20px;
	margin-right:16%;
	padding-right:10px;
	margin-left:20%;
	padding-left:10px;
	color:#624C10;
	text-align:center;
	font-size:small;
}
#foot_links a{
	text-decoration: none;
	color:#624C10; 
}
#foot_links A:visited{
	color:#624C10;
}
#foot_links A:hover{
	text-decoration: underline;
}
/*======================================================================================*/
#footer{
 position:relative;
 min-width:8em;
 min-height:150px;
 color:black;
 z-index:1;
 margin-left:auto; /* default, width of left corner */
 margin-right:auto;
 margin-bottom:3em; /* spacing under dialog */
 clear:both;
}
#footer a{
	color:#85724B;
}

#footer #footer_content,
#footer #footer_image_left{
 background:transparent url(../image-files/horizon-line-3d-3.png) no-repeat top right;
}

#footer #footer_content{
 position:relative;
 max-width:560px; 
 _overflow-y:hidden;
 padding-top:30px;
 margin-top:30px;
 text-align:center;
 height:100%;
 margin-left:auto;
 margin-right:auto;
 font-family:serif;
}

#footer #footer_image_left {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:32px; /* top slice width */
 margin-left:-32px;
 height:100%;
 background-position:top left;
}

/*======================================================================================*/
#webcontent p{
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;

}

OL, UL, DL {font-size:small;}/*font-family is already defined, here I only set the font-size*/

/*Settings for all heading tags*/
H1{
	font-family: Georgia, Palatino Linotype,serif;
	font-size: x-large;
	color: #345620;
	width:99%;
	text-align:center;
	background:transparent;
    padding-bottom:0px;
	padding-top:20px; 
	padding-left:10px;
	padding-right:30px; 
	z-index:2;    
}
#h1_image_right, #h1_image_left {
	background:transparent url(../images/luckyClouds-belowHeadline.gif) no-repeat bottom right;    
}
#h1_image_right{
	position:relative;
	margin-right:30px;
	margin-left:auto;
	margin-top:-30px;
	margin-bottom:auto;
	_overflow-y:hidden;
	max-width:1400px;
	min-width:120px;
	min-height:120px;
	z-index:-1;
}

#h1_image_left {
 /* top+left vertical slice */
	position:relative;
	width:120px;
	min-height:120px;
	margin-right:auto;
	margin-left:0px;
	margin-bottom:auto;
	margin-top:-80px;
	background-position: bottom left;
	z-index:-1;
}
H2{
	margin-top:0;
	font-family:Georgia, Palatino Linotype,serif;
	font-size:large;
	color: #345620;
	font-weight:bold;
	background-color: transparent;
}

H3{
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: black;
	font-weight: bolder;
	background-color: transparent;
}


H4 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:black;
	padding: 3px;
	/*width: 100%;*/

	background-color:transparent;
}

H6 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	BORDER-TOP: thin solid #333333;
	BORDER-BOTTOM: thin solid #333333;
	BORDER-LEFT: thin solid #333333;
	BORDER-RIGHT: thin solid #333333;
	margin: 0;
	padding: 1px;
	text-align: center;
	background-color: #DCDCDC;
}    
    
strong, b {font-weight:800;}/*NN 4.xx needs that...*/ 
big {font-size:larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:smaller;}/*not really necessary, but one never knows...use it inline with a <span> class*/

/*This removes the need to add border=0 to linked images*/
A IMG {border:0.1px none #000000;} 

ul{/*You can create a special image to use in lists, upload to the Graphics Library and be sure and name it li.gif*/
	list-style-image:url(../image-files/bullet-qing-ming.gif);
	list-style-position:outside;
	list-style-type:none;
}
dt{
	font-weight:bold;
}
em,i{ /*sets italics to bold to stand out better*/
	font-weight: bold;
	font-style: italic;
}

table,td,tr,th{
	font-size:small;
	background-color:transparent;
}
table{
	margin-top:3px;
	margin-bottom:3px;
			
}
code{
	font-size:medium;
}
table.thetable {
	margin-right:1px;
	margin-left:1px;
	width:100%;
	table-layout: fixed;	
}
table.thumbnail_table {
	margin-right:1px;
	margin-left:1px;
	background-color: #F9DDAD;
}
tr{
	vertical-align:top;
}

tr.light_brown td{
	background-color: #F9DDAD;
}

tr#odd_row td{
	background-color: #F4CC88;
}

tr#even_row td{
	background-color: #F9DDAD;
}

th{
	font-weight:bold;
	text-align:center;
	background-color:#28511E;
	color:white;
} 
th.section_header{
	padding-top:10px;
	padding-bottom:10px;

}
caption{
	font-weight:bold;
	font-size:larger;
	padding-top:20px;
	padding-bottom:10px;
} 
.bottomads {
	margin-right:1px;
	margin-left:1px;
	border:0;
	width:100%;
	table-layout:fixed;
}
.image_frame{

	font-weight:normal;
	text-align:left;
	margin:0px 5px 5px 5px;
/*Note: "margin-left" and "margin-right" are set to "auto" by set_image_frame() in ming-scripts.js */
}
.visitor_comments{
	font-weight:normal;
	text-align:left;
	font-style:italic;
	font-size: x-small;
	margin-left:40px;
	margin-top:30px;
}
.exchange_link_description{
	color: #000000 ;
}
img{
	padding:0 0 0 0;
	margin-left:auto;
	margin-right:auto;
}
#subscribe{
	padding-bottom:10px;
	font-family:Times,Serif;
}
.inset_frame{
	font-family:Times, serif;
	font-weight:normal;
	font-stretch:condensed;
	text-align:center;
	margin:5px 5px 2px 5px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px;
	border-style:inset;
	border-width: 3px 3px 3px 3px;
	border-collapse:collapse;
	border-color:#A18F5D;
}
.photo_caption_cell{
	font-weight:150;
	text-align:left;
	font-stretch:extra-condensed;
	padding-left:5px;
	line-height: 100%;
	font-size: 95%;	
}