/*** Hyperlinks ****/
a { font-size: 1em;
	text-decoration: none;
	}
    							/*** body ****/	
body 
    { font-family: Verdana, sans-serif, arial,simsum;
      background-image:url("\Leisure\images\img_leisure\Lu01.png");
      background-repeat:repeat;
	margin: 0;
	font-size: 85%;
	padding: 0px 5px 0px 10px;
	/* background: #FFFFCC; */
	}
    							/*** paragraph - Chinese ****/
p { line-height:1.5em;
    	text-indent:2em;
    	text-align:left;
    	/*background: #FFFFCC;*/
	text-decoration: none;
	margin-top: 0em;
	margin-bottom:0em;
}
    							/*** Dictionary ****/
dd {
  	margin:0; 
  	padding: 0 0 0 3em; 
  	text-align:left; 
  	border-top:1px solid #fff; 
  	}
dt {
  	margin:0; 
  	padding:-2em; 
  	text-align:left; 
  	font-weight: 700; 
  	background: #fff;
  	}
dl {
  	margin: 0; 
  	padding: 0; 
  	font-size: 1em; 
  	border-left:1px solid #fff; 
  	border-right:1px solid #fff;
  	}
    							/*** Headings ****/
h1 {color: #800000; 
	font-size: 2em;
    line-height:1.2em;
	text-decoration: none;
	}
h2 { font-size: 1.5em;
	margin: 0.5em 0em 0.5em 0em;
    line-height:1.2em;	
	font-weight: bold;
	color: #800000;
	}
h3 { font-size: 1.2em;
	margin: 0.5em 0em 0.5em 0em;
	color: #800000;
    width: auto;
}
h4 { font-size: 1.0em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	color: #800000;
    text-align: left;
}
span#sub-title
	{
    	font-size: small;
    	font-weight: bold;
    	font-style: italic;
    	color: #990000;
	}
    
/********** id ******* id ******* id ******* id *********/

    							/*** Title ****/

#banner {
	position: absolute;
	top: 5px;
	left: 215px;
	}
#logo {
	float: left;
	width: 90px;
	}
#company {position: absolute;
	top: 5px;
	left: 60px;
	width:140px;
	text-align:center; 
	}
img#banner { position: static;
	top: 0px;
	left: 200px;
	}
#logo { position: absolute;
	top: 5px;
	left: 5px;
	display: inline;
	}

    							/*** Layout ****/
#container 
{
    position: relative;
    text-align: center;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    top: 0px;
    left: 0px;
}
#masthead
{
    width:950px;
    margin-left:auto;
    margin-right:auto;  
    margin-top:-2px;  
    height:60px; 
	padding: 10px 0px 0px 10px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
#headercolumn{font-family: courier new;
    background-color: #eeeeff;
    position:absolute;
    top:0px; 
    left:0px;
    height:195px;     
    width:950px;       
	font-size: 1.0em;
	letter-spacing: 0.5px;
	line-height:1em;
	text-align: left;
    }
#main{ vertical-align: top;    /* similar to #midcolumn, can be used for screen layout without width limitation */ 
    width: auto;
    text-decoration: none;
    padding: 0px 5px 0px 10px;
    background: #EAFFFF;
    }
#singlecolumn 
{   width: 650px;
    font-size:1em;
    }    
#midcolumn{ font-family: courier new;
    background-color: #ffffe0;  
    /* background-image:url(Leisure/images/OldHome.JPG); */   
    width:600px;  
    height: 650px;       
    position:absolute;
	padding-top:10px;    
    top:233px;  
    left:170px;      
	/** font-size: 1.0em; **/
	letter-spacing: 0.5px;
	line-height:1em;
	text-align: left;
    }
#midcolumnEM{ font-family: courier new;
    background-color: #FFFFCC;  
    /* background-image:url(Leisure/images/OldHome.JPG); */   
    width:570px;  
    height: auto;       
    position:absolute;
    top:200px;  
    left:0px;      
	font-size: 1.0em;
	letter-spacing: 0.5px;
	line-height:1em;
	text-align: left;
    }  
#globalNav
    {
    float:right;
    padding: 0px 0px 5px 10px;
    border-bottom: 1px solid #CCC;
    color: #cccccc;
    }

#globalNav img{
     display: block;
    }

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
	top:20px;
    }    
      
#leftindex{font-family: courier new;
    background-color: #ffffe0;  
    width:170px;      
    position:absolute;
    top:233px;
    left:-1px;
	font-size: 1.0em;
	letter-spacing: 0.5px;
	line-height:1.5em;
	text-align: left;
	padding-top:20px;
    }
#leftindex li a:hover
	{
    background-color: #99cc99;
    border: 1px solid #600;
	} 
div#index    /* similar to #leftindex, used in another design */ 
    {
    position: absolute; top: 120px; left: 5px; 
    width:195px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}    
#adarea
    {font-family: courier new;
    /*background-color: #f9feb0;  */
	background: #0A6D73;
	color: white;    
    position:absolute;
    width:160px; 
    height:auto;    
    top:232px;
    left:770px;
	font-size: 1.0em;
	letter-spacing: 0.5px;
	line-height:1.5em;
	text-align: left;
	padding: 10px;	
    }
#adareaEM{ font-family: courier new;
    background-color: #FFFFCC;  
    /* background-image:url(Leisure/images/OldHome.JPG); */   
    width:160px;  
    height: auto;       
    position:absolute;
    top:0px;  
    float:right;      
	font-size: 1.0em;
	letter-spacing: 0.5px;
	line-height:1em;
	text-align: left;
	padding: 0px 0px 20px 0px;
    }       
    
    							/*** Background ****/

#bkgreverse {
	background: #0A6D73;
	color: white;
	text-align: left; 
	font-size: 80%;
    }

    							/*** Font ****/

h1#ds   { text-indent: -5000px; 
	background-image: url('EngineerMate-EN.gif'); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	width: 360px; 
        height: 70px; 
	position: absolute; top: 25px; left: 25px; 
        margin: 0; 	
	background-position: 0% 50% 
	}
h1#headeren { color: #fff;
	position: absolute; top: 5px; left: 70px; 
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}
h2#li { color: #FFF;
	text-align: left;
	font-size: 1.5em;
	padding:0px 0px 0px 0px;
	} 
h3#headercn { 
	color: #ffF;
	font-size: 1.5em;
	position: relative; top: 20px; left: 105px; 
	padding: 0px 0px 0px 0px;
	}

    							/*** Navigation ****/						
td#nav { border-width: 0px;
    background-color: #0000ff;
	}
ul#nav {
	list-style-type: none;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 35px;
    width: 559px;
    height:auto;
}
	
ul#nav li {
	display: inline; 
    	}
ul#nav li a
	{
    	background-color: #2B95FF;
    	border: 1px solid #FFF;
    	color: white;
    	font-size: 86%;
    	text-decoration: none;
    	text-align: center;
    	text-transform: uppercase;
    	letter-spacing: 2px;
    	padding: 2px 10px;
    	margin: 0px 2px;
	}
ul#nav li a:hover
	{
    background-color: #0000CC;
    border: 1px solid #600;
	}

    							/*** list ****/

ul#index {
	list-style-type: none;
	margin: 0;
	position: absolute;
	top: 120px;
	left: 15px;
    }
ul#index li a {
	/* background-color: #0A6D73; */
	border: 0px solid #FFF;
	color: white;
	font-size: 76%;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0px 0px;
	margin: 0px 2px;
	}
ul#index li a:hover {
	background-color: #F8409C;
	border: 1px solid #600;
	}
#header {
	position: relative;
	background: #9cd8cd;
	border-bottom: 3px double #600;
	height: 100px; }
#contents {
	position: absolute;
	background-color: #f9feb0;
	top: 120px;
	left: 0;
	width: 20%; 
	padding: 0;
	}
#mastertable {
	position: absolute;
	background-color: #f9feb0;
	top: 95px;
	left: 0px;
	font-size:1em;
    }	


/******** class *** class *** class *** class *******/

            						/*** Adjustification ***/
.center{text-align: center}
.left{text-align: left}
.right{text-align: right}
.dented{text-indent:2em;}
.dentedout{
    text-indent:-2em;
    margin-left:2em;}

            						/*** Advertisement ***/
.ad{ 
    float:right;
    top:150px;
    left:850px;
    width:200px;
     margin: 0px;
    background-color: #F0E68C;
    padding: 0px 0px 4px 0px;
   /*right: 0px;
    left:5px;*/
    }
.ad02{ /*float:right;*/
    top:550px;
    left:850px;
    width:200px;       
	color: #fff;
	background-color: #F0E68C;
	padding: 4px;
	}
.ad03{ /*float:right;*/
    width:590;       
	color: #abc;
	font-size:0.86em;
	background-color: #131;
	padding: 5px;
	}            						/*** Figures ***/

.figure { margin-left: 8em;
	text-align: left;
	font-size: 1.2em;
	}
.formula { font-family: courier new;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0.5px;
	margin-left: 12em;
	text-align: left;
	padding: 0;
	}
.formexp { margin-left: 6em;
	font-size: 1em;
	text-align: left;
	text-indent: -3.5em; 
	}
            						/*** position ***/
.float-right
    {
    float: right;
    padding:0.25em;    
    text-align: center;
} 
 
.float-left
    {
    float: left;
    padding:0.25em;
    text-align: center;
}    

.lihead {font-size: 1.5em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	color: #00f;    
    }
            						/*** paragraph ***/

.news{font-family: courier new;
    background-color: #99feb0;  
	font-size: 1.0em;
	letter-spacing: 0.5px;
	line-height:1.0em;
	text-align: left;
	padding: 1em;
}    
    	
.note { font-size: 0.86em;
	}
.article { background-color: #e7ffff;           
    width:650px;
    /*float:inherit;
    font-family: courier new;*/
	font-size: 1.0em;
	line-height:1.2em;
    margin-left: auto; 
	margin-right:auto;
	margin-top: 0px; 
	margin-bottom: 10px;	
	text-align: left;
	padding: 1em;
	}	
.article p{ 
	text-indent: 2em;
	}	
.articleleft
    { width:290px;
      position: relative;
      left:0px;
      font-size: 0.86em;
    }		
.poem { font-family: courier new;
    background-image:url(Leisure/images/OldHome.JPG);
    background-repeat:repeat-y;
    width:510px;
    float:inherit;
	font-size: 1.3em;
	letter-spacing: 0.5px;
	line-height:1.2em;
    margin-left: 25px; 
	margin-right: 25px;
	margin-top: 10px; 
	margin-bottom: 10px;	
	text-align: left;
	padding:20px 20px 20px 20px;
	}
.poem-pom { font-family: courier new;
    background-image:url("Leisure/images/Pomgranite.jpg");
    background-repeat:repeat; 
    width:510px;
	font-size: 1.3em;
	letter-spacing: 0.5px;
	line-height:1.2em;
    margin-left: 25px; 
	margin-right: 25px;
	margin-top: 10px; 
	margin-bottom: 10px;	
	text-align: left;
	padding:20px 20px 20px 20px;
	}	
.poemQ { font-family: courier new;
    background-color: #eeeeff;  
    /** background-image:url(Leisure/images/HuangTanDong.JPG); **/ 
    background-image:url("Leisure/images/img_leisure/lu02.png");  
    background-repeat:repeat;    
    width:510px;       
	font-size: 1.3em;
	letter-spacing: 0.5px;
	line-height:1.2em;
    margin-left: 25px; 
	margin-right: 25px;
	margin-top: 10px; 
	margin-bottom: 10px;		
	text-align: left;
	padding:20px 20px 20px 20px;
	
	}		
.poem-title {
    font-size: 1.0em; 
    font-weight: 600;
    margin-top:0em;
    margin-bottom:1em;
    }
.poem-sub-title {   
    /** font-size: 1em; **/
    font-weight: 500;
    margin-top:1em;
    margin-bottom:0.5em;   
    }
.poem-note {
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1.2em;
    margin-right: 50px;
    margin-top: 1em;
    margin-bottom: 1em;
    background-image: url('../../bkg.JPG');
}

    							/*** Tables ****/
table { /* margin:10px 20px;*/

    	border-collapse:collapse;
    	border:solid 1px;
    	border-spacing: 0;
    	border-style: outset;
    	border-color: #000;
    	border-spacing: 0px; /*border: 2px solid;*/ /*table-layout: auto;*/
    	padding: 5px 5px;
    	font-size: 1em;
    	text-align: center;
    	color: black;
    	background-color: #FFFFCC;
	}


table.left
    {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-color: inherit;
    table-layout: auto;
    font-size: 0.86em;
    text-align: left;
    color: black;
    empty-cells: show;
    border-spacing: 1px;
    background-color:#FFFFf0;
    }
table.right
    {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-color: inherit;
    table-layout: auto;
    font-size: 0.86em;
    text-align: right;
    color: black;
    empty-cells: show;
    border-spacing: 1px;
    background-color:#FFFFCC;
    }
table.center
    {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-color: inherit;
    table-layout: auto;
    font-size: 0.86em;
    text-align: center;
    color: black;
    empty-cells: show;
    border-spacing: 1px;
    background-color:#FFFFCC;
    }    
table.noborder{ background-color: #FFFFCC;
    border-collapse: separate;
    border-style: solid;
    border-width: 0px;
    border-color: #FFFFFF;    
    table-layout: auto;
    font-size: 0.86em;
    text-align: right;
    color: black;
    empty-cells: show;
    border-spacing: 1px;
    }

th { border-top: solid 1px;    
    	border-left: solid 1px;
    	border-bottom: solid 1px;
    	border-right: solid 1px;
    	border-color: #C0C0C0;       
	}
td { border-top: solid 1px;
    	border-left: solid 1px;
    	border-bottom: solid 1px;
    	border-right: solid 1px;
    	border-color: #C0C0C0;
	}    
 
         						 /*** Style for image table ***/
img
    {
  	margin: 0px;        
    border: 0px solid #ffd700;    
    }
.img
	{
	background-color: #F9ffff;    
  	padding-top:2px;
  	margin: 2px;
  	border: 2px solid gold;
  	height: auto;
  	width: 120px;
  	float: left;
  	text-align: center;
	}	
/*** img.img { display: inline;
  	margin: 0px;
  	border: 1px solid #ffffff
	} ***/
.img a:hover img {
	border: 2px solid #0000ff;
	}
.desc { text-align: center;
  	font-weight: normal;
  	font-size: 0.75em;
  	width: 111px;
  	margin: 2px;
	}
           						 /*** Style for image table ***/	
ul.navr {
	position: relative;
	color:White;
    font-size: 0.86em;	
	left: -3em;
	}
ul.navr li {
	/* display: inline; */
	color:White;
	list-style-type: none;
    letter-spacing: 0em;	
    }
ul.navr li a
	{
    	/* background-color: #2B95FF; */
    	/* border: 1px solid #FFF;*/
    	color: white;
    	text-decoration: none;
    	text-align: center;
    	text-transform: uppercase;
	}
ul.navr li a:hover
	{
    background-color: #0099CC;
    border: 1px solid #600;
	}	
ul.nodot {
	list-style-type: none;
	text-decoration: none;
	/**font-size:0.86em; **/
	margin-left:1em;
	padding: 0;
	}
ul.nodot li{font-size: 1em;
	}	
ul.outside {  
	list-style-position: outside;
	color: #000000; 
	text-align: left
	}
ul.inside {  
	list-style-position: inside;
	color: #000000; 
	text-align: left;
	line-height:1.5em;
	}	
.textbox
{   border-style: solid;
    border-color: #ccccda;
    border-width: 1px;
    background-color:#ffffda; 
    font-size:0.86em;
    line-height:1.2em;
    width:46%;
    margin:1em;
    float:right;
	padding:1em;
	padding-bottom:1em;
    height: auto;
}				
.textboxC
{   border-style: solid;
    border-color: inherit;
    border-width: 1px;
    background-color:#ffffdd; 
    font-size:1em;  
    line-height:1.2em;  
    width:auto;
    height:auto;
    margin:0.5em;
	padding:1em;
    text-align: center;
}
.booktitle
{   background-color:#ffffdd; 
    width: 100px;
    height:175px;
    font-size:0.76em;
    padding:5px;
    margin:2px;
    margin-top:7px;
    margin-left:7px;
    float:left;
}