@charset "utf-8";
/* CSS Document */

body {
	overflow: auto;
	margin:0;
	padding:0;
	background-color:#070707;
	background-image:url(darkfloral.jpg); 
	background-attachment:fixed;
	background-repeat:repeat;
	color:#F7F7F7;
	font-family: "DISCORegular", "XingKai", "行楷", "ZhengKai", "正楷", "SimSun", "宋体", "Microsoft Yahei", "微软雅黑";
	font-weight:600;
	}
	
/*------------------------------------*\
	Generated by Font Squirrel (http://www.fontsquirrel.com) --DREAMWEAVER DOESN'T SHOW--
\*------------------------------------*/
@font-face {
    font-family: 'DISCORegular';
    src: url('DISCO___-webfont.eot');
    src: url('DISCO___-webfont.eot?#iefix') format('embedded-opentype'),
         url('DISCO___-webfont.woff') format('woff'),
         url('DISCO___-webfont.ttf') format('truetype'),
         url('DISCO___-webfont.svg#DISCORegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Yen Light';
    src: url('wt006.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/*------------------------------------*\
	DROPDOWN
\*------------------------------------*/
#nav {
   position: absolute;
   top: 0;
   right: 0;/* right: 1px originally right: 0;*/
   margin: 0;
   padding: 0;
   font-size:14px;
   }
#nav li {
   list-style: none;
   float: left; 
   background: #333;
   margin:2px;}
#nav li a {
   display: block;
   padding: 3px 8px;
   text-transform: uppercase;
   text-decoration: none; 
   color: #FFF;
   font-weight: bold; }
#nav li a:hover {
   color: #FFF;
   background:#ff3f22;} /*currently melon, purple was 6b0c36 */
#nav li ul {
   display: none;  }
#nav li:hover ul, #nav li.hover ul {
   position: absolute;
   display: block;/*originally display: inline(not block), trying to fix IE8 bug*/
   margin:0;
   padding:0;
   /*right:1px; originally nothing, !!!THIS FIXES THE IE8 bug of invisible overflow!!!*/}
#nav li:hover li, #nav li.hover li {
   float: left;
   background:#ff3f22;} /*currently melon, purple was 6b0c36 */
#nav li:hover li a, #nav li.hover li a {
   color: #999; }
#nav li li a:hover {
   color: #FFF; }

/*------------------------------------*\
	DIV POSITIONING
\*------------------------------------*/
#header {
	position:absolute; /* position:fixed; top:0; creates problem when text scrolls up */
	left:0px;
	top:1px;
	height:200px; 
	width:100%;
	vertical-align:top;
	}
#language {
	position:absolute;
	right:0px;
	top:88px;
	}
#banner {
	position:absolute;
	top:200px;
	height:300px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
#content {
	position:absolute;
	top:500px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	}
#contact {
	position:absolute;
	top:200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	}	

/*------------------------------------*\
	PERSONAL ELEMENTS
\*------------------------------------*/
a.bod:link {color: #ff3f22; font-weight: bold; text-decoration:none }
a.bod:visited {color: #ff3f22; font-weight: bold; text-decoration:none }
a.bod:hover {color:#FFF; background-color: #ff3f22; text-decoration: none; }
a.bod:active {color: red; text-decoration:none} 
/*ff3f22 currently melon, purple was 6b0c36, magenta was 8F1048 */

p, h1, h2, h3 {
	padding-top:0;
	padding-bottom:0;
	padding-right:200px;
	padding-left:200px;
	font-weight:600;
	}
h1{
	text-transform:uppercase;
	color:#FFF;
	font-size:24px;
	}
h2{
	font-size:large;
	font-style:none;
	}
h3{
	font-size:x-small;
	font-style:oblique;
	font-variant:small-caps;
	}
hr{
	width:888px;
	}
img.bio {
	border:none;
	margin-right:3px;
	}
li.inst {
	line-height:1.3em;
	color:#FFF;
	margin-left: 200px;
	padding-top:0;
	padding-bottom:0;
	padding-right:200px;
	padding-left:10px;
	font-weight:600;	}
li.cn {
	font-family:"Yen Light", "細圓體繁", "XingKai", "行楷", "ZhengKai", "正楷", "SimSun", "宋体", "Microsoft Yahei", "微软雅黑";
	font-size:large;
	line-height:1.7em;
	color:#FFF;
	margin-left: 200px;
	padding-top:0;
	padding-bottom:0;
	padding-right:200px;
	padding-left:10px;
	font-weight:600;	}
p, li{
	line-height:1.3em;
	}
p.cn, h2.cn, li.cn {
	font-family:"Yen Light", "細圓體繁", "XingKai", "行楷", "ZhengKai", "正楷", "SimSun", "宋体", "Microsoft Yahei", "微软雅黑";
	font-size:large;
	line-height:1.7em;
	}
table#latest{
	width:888px;
	border:0;}
#latest tr td {
	height:116px;
	min-height:110px;
	max-height:110px;
	width:auto;
	vertical-align:top;
	border-bottom:thin; border-bottom-style:dotted; border-bottom-color:#FFF;
	padding-top:5px;
	padding-bottom:7px;
	}
#latest p {
	padding:0px;
	font-size:small;
	}
#latest img {
	padding:3px;
	padding-right:15px;
	}
#latest h4 {
	font-size:small;
	font-variant:small-caps;
	font-weight:bold;
	padding-bottom:8px;
	}
#latest h5 {
	font-size:x-small;
	font-weight:500;
	padding-bottom:8px;
	}
ul{
    margin-left: 20px;
    list-style-type: normal;
	color:#333;
	}