*{
margin:0px;
padding:0px
}
img{border:0px;}

html{
width:100%;
height:100%;
background-image:url(images/background_cloud_small.gif);
background-position:top left;
background-repeat:no-repeat;
}
body{
width:100%;
height:100%;
background-image:url(images/background_cloud_small.gif);
background-position:top left;
background-repeat:no-repeat;
}
#menu{
background-image:url(images/menu_bg.jpg);
background-image:top left;
background-repeat:no-repeat;
margin:292px 0 0 0;
float:left;
width:995px;
height:64px;
text-align:center
}
#menu ul{
width:676px;
margin:0 auto;
}
#menu li{
float:left;
list-style-type:none;
}
#menu li a{
display:block;
float:left;
height:54px;
background-position:bottom;
background-repeat:no-repeat
}
#menu li a:hover{
background-image:url(images/arrow.gif);
}
#menu li a.active{
background-image:url(images/arrow.gif);
}



.text{
width:451px;
padding:10px 19px 5px 13px
}
.text p{
padding:15px 15px 0 0
}
.news_events{
width:258px;
float:left;
padding:24px 0 0 0;
}
.latest{
margin:14px 0 26px 32px;
}
.news{
position:relative;
margin:18px 0 0 0;
float:left
}
.news p{
width:200px;
padding:0 0 5px 8px;
margin:0 0 0 29px;
border-left:6px solid #DED6AC
}

.comments{
width:755px;
float:left;
padding:25px 0 0 20px
}
.coments ul{
margin:17px 0 15px 13px;
list-style-type:none
}
.commetns li{
	list-style-type:none;
background-image:url(images/bullet.gif);
background-position:0px 4px;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 0 19px;
}
.error{

font-family:Arial;
font-size:12px;
color:#F00;
}


/*new*/

/*header stle*/
.header{
    overflow:auto;
    border-bottom-style: solid;
    border-bottom-color: #4EB1BA;
    width: 100%;
    hight: 283 px;
}
.header1{
    margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 15px;
	width:35%;
    float: left;
}
.header2{	
    margin-top: 10px;
	width:55%;
    margin-left: 70px;
    float: left;
    
}

h2 { text-align: center;
	  font-family: mv-boli, segoe-print, sans-serif }

/*div { margin-bottom: .5em} */

table.Design5 		{ border-spacing: 0px;
				border-collapse: collapse;
				border-top: 2px solid purple;
				border-bottom: 1px solid purple;
				background-color: white;
				width: 1200px
			}

table.Design5 td 	{ text-align: right;
				border-top: 1px dotted purple;
    			  	padding: 0.5em 0.1em;
				height: 10px
    			}

table.Design5 td a.nodec	{ text-decoration: none;
					color: purple;
					
    			  	}
table.Design5 td a:hover	{ text-decoration: underline;
    					color: red
				}
.menu			{ width: 200px;
				padding-top: 0.5em;
				padding-bottom: 0.1px;
    				font-weight: bold;
    				font-family: tekton-pro, mv-boli, segoe-print, sans-serif;
				
				
			}

.contents		{ width: 1000px;
				height: 100%;
				margin: 0;
				
				pedding:0;
				
			}

.intro			{ text-align: left;
				position: relative;
				float: left;
				margin-left: 2em;
				margin-top: .2em
			}

.mainIntro		{ text-align: justify;
				position: relative;
				float: left;
				margin-left: 0em;
				margin-top: .3em
			}
.award			{ text-align: left;
				position: relative;
				font-size: small;
				float: left;
				margin-left: 3em;
				margin-top: .1em
			}
.twophotos		{ margin-left: .5em;
				
				width: 30;
				margin-right: 0;
				pedding-right:0;
				width: 280px;
    				height: 410px;
    				background-color: lightgrey;
    				float: right;
    			}
.threephotos		{ margin-left: .5em;
				
				width: 30;
				margin-right: 0;
				pedding-right:0;
				width: 280px;
    				height: 610px;
    				background-color: lightgrey;
    				float: right;
    			}
.multiphotos	{ margin-left: .2em;
				
				width: 30;
				margin-right: 0;
				pedding-right:0;
				width: 300px;
    				height: 800px;
    				background-color: lightgrey;
    				float: right;
    			}

    	
.footing		{ position: relative;
    				margin: 1em;
    				padding: .5em;
    				text-align: center;
				left: 0;
				bottom: 0;
				font-size: medium;
			  	color: purple; 
			}
table.record		{ border-spacing: 1px;
				border-collapse: collapse;
				border-bottom: .3px solid grey;
				background-color: lightgoldenrodyellow;
				margin-left: 1em;
			}
table.record td		{ border-top: 1px dotted white;
				text-align: left;
				margin: 1em;
				padding: 1em;
				font-family: tekton-pro, mv-boli, segoe-print, sans-serif;
			}
table.names		{ border-spacing: 1px;
				border-collapse: collapse;
				border-bottom: .3px solid grey;
				margin-left: 5em;
			}
table.names td		{ border-top: .1px dotted white;
				
				text-align: left;
				
				background-color: lightgoldenrodyellow;
				font-family: tekton-pro, mv-boli, segoe-print, sans-serif;
			}
table.conductor		{ border-spacing: 1px;
				border-collapse: collapse;
				border-bottom: .3px solid grey;
				margin-left: 4em;
			}
table.conductor td	{ text-align: left;
				margin: .5em;
				border-top: 1px solid grey;
				background-color: lightblue;
				font-family: tekton-pro, mv-boli, segoe-print, sans-serif;
			}
.cPhoto			{ width: 150px;
				float: left
			}
.cIntro			{ width: 500px;
				float: left;
				margin: 1em;
				background-color: lightblue;
			}
.part			{ text-decoration:underline;
				
				font-weight:bold;
			}
.login			{ position: relative;
    				margin: 3em;
    				padding: .5em;
    				text-align: center;
				left: 0;
				bottom: 0;
				font-size: medium;
				background-color: #ffccff;
			}
.name			{ padding-left: 0.5em;
				font-size: 1.2em;
				font-family: mv-boli, comic-sans-ms, vijaya, vrinda, sans-serif;
			}
.nameInChinese		{ 
				font-size: 0.8em;
			}

table.record td a:hover	{ text-decoration: none;
    				background-color: #ccffcc;
				color: blue
			}
table.formTable		{ margin-left: 10em;
				border-spacing: 1px;
				border-collapse: collapse;
				
			}
.formItem		{ padding: 3em;
				text-align: center;
			}