ÿþ    							/*** Hyperlinks ****/

a { font-size: 1em;

	text-decoration: none;

	}

    							/*** body ****/	

body {background-color:#FFFFFF;

    font-family: ‹[SO,simsum,Verdana, sans-serif, arial;

    margin: 0;

    font-size: 85%;

    padding: 0px 5px 0px 10px;

    text-decoration: none;

}

    							/*** paragraph - Chinese ****/

p { line-height:1.3em;

    	text-indent:2em;

    	text-align:left;

    	/*background: #FFFFCC;*/

	text-decoration: none;

	margin-top: 0em;

	margin-bottom:0em;

    margin-left: 10px;

}

    							/*** 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;

}

h5 { font-size: 1.0em;

	margin: 0.5em 0em 0em 0em;

	font-weight: 600;

	color: #000000;

    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

{

    background-color:#EAFFFF;

    background-image: url('lu01.png');

    background-repeat: repeat;

    position: relative;

    width: 950px;

    height:auto;

    margin-right: auto;

    margin-left: auto;

}

#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{

    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{

    background-color: #ffffe0;  

    /* background-image:url(Leisure/images/OldHome.JPG); */   

    width:600px;  

    height: auto;       

    position:absolute;

	padding:10px;    

    top:220px;  

    left:175px;      

	/** font-size: 1.0em; **/

	letter-spacing: 0.5px;

	line-height:1em;

	text-align: left;

    }

#midcolumnEM{

    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

    {

    position:absolute;

    top:5px;

    right:0px;

    text-align:right;

    padding: 0px 0px 5px 10px;

    border-bottom: 1px solid #CCC;

    color: #cccccc;

    left: 475px;

}



#globalNav img{

     display: block;

    }



#globalNav a {

	font-size: 90%;

	padding: 0 4px 0 0;

	top:20px;

    }    

      

#leftindex{

    background-color: #ffffe0;  

    width:168px;      

    position:absolute;

    top:220px;

    left:0px;

	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

    {

    /*background-color: #f9feb0;  */

	background: #0A6D73;

	color: white;    

    position:absolute;

    width:150px; 

    height:auto;    

    top:220px;

    left:780px;

	font-size: 1.0em;

	letter-spacing: 0.5px;

	line-height:1.5em;

	text-align: left;

	padding: 10px;	

    }

#adareaEM{

    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-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{

    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;

	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 {

    background-image:url(Leisure/images/OldHome.jpg);

    background-repeat:repeat-y;

    width:510px;

    float:inherit;

	font-size: 1.1em;

	letter-spacing: 0.5px;

	line-height:1.2em;

    position:relative;	

    margin-left: auto; 

	margin-right: auto;

	margin-top: 10px; 

	margin-bottom: 10px;	

	text-align: left;

	padding:20px 20px 20px 20px;

	}

.poem-yjd {

    background-image:url(Leisure/images/yjdong.jpg);

    background-repeat:repeat-y;

    width:470px;

    float:inherit;

	font-size: 1.2em;

	font-weight:600;

	letter-spacing: 0.5px;

	line-height:1.1em;

    position:relative;	

    margin-left: auto; 

	margin-right: auto;

	margin-top: 10px; 

	margin-bottom: 10px;	

	text-align: left;

	padding:10px 20px 20px 20px;

	}	

.poem-pom { font-family: ÿN‹[SO;

    background-image:url("Leisure/images/Pomgranite.jpg");

    background-repeat:repeat; 

    width:510px;

	font-size: 1.3em;

	letter-spacing: 0.5px;

	line-height:1.1em;

    margin-left: 25px; 

	margin-right: 25px;

	margin-top: 10px; 

	margin-bottom: 10px;	

	text-align: left;

	padding:20px 20px 20px 20px;

	}	

.poemQ { font-family: ÿN‹[SO;

    background-color: #eeeeff;  

    /** background-image:url(Leisure/images/HuangTanDong.jpg); **/ 

    background-image:url("Leisure/images/img_leisure/lu02.png");  

    background-repeat:repeat;    

    width:470px;       

	font-size: 1.3em;

	letter-spacing: 0.5px;

	line-height:1.1em;

    margin-left: 15px; 

	margin-right: 10px;

	margin-top: 10px; 

	margin-bottom: 10px;		

	text-align: left;

	padding:20px 20px 20px 20px;

	

	}		

.poem-title 

{   font-family: ÑžSO;

    width:470px;      

    font-size: 1.2em; 

    font-weight: 500;

    margin-top:0em;

    margin-bottom:1em;

    }

.poem-sub-title    

{   font-family: ‹[SO;

    width:470px;        

    /** font-size: 1em; **/

    font-weight: 500;

    margin-top:1em;

    margin-bottom:0.5em;   

    }

.poem-note 

{   font-family: ‹[SO;

    width:470px;     

    font-size: 0.75em;

    font-weight: 500;

    line-height: 1.2em;

    margin-right: 50px;

    margin-top:0em;

    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;*/

        position:relative;	

        margin-left: auto; 

	    margin-right: auto;

    	padding: 5px;

    	font-size: 1em;

    	text-align: center;

    	color: black;

    	background-color: #FFFFCC;

	}

table.left

    {

    text-align: left;

    }

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;

    }

table.vocabulery 

{

    background-color: #FFFFCC;

    border-collapse: separate;

    border-style: solid;

    border-width: 0px;

    border-color: #FFFFFF;    

    table-layout: auto;

    font-size: 0.86em;

    text-align: left;

    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;

	}

li {

    line-height:1.3em;

    }

           						 /*** Style for image table ***/	

ul.navr {

	position: relative;

	width:120px;

	color:White;

    font-size: 0.86em;	

	left: -2.2em;

    top: 0px;

}

ul.navr li {

	/* display: inline; */

	color:White;

	list-style-type: none;

    letter-spacing: 0em;

    line-height:1.5;	

    }

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;

}