body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3C3C3C;
	text-decoration: none;
	background-color: #415473;
}
/* TEXT STYLES -------------------------- */
.txt-top-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1A1C20;
	text-decoration: none;
}
	.txt-top-2 a {
		font-weight: normal;
		color: #1A1C20;
		text-decoration: none;
	}
	.txt-top-2 a:hover {
		font-weight: normal;
		color: #3F5271;
		text-decoration: underline;
	}
.txt-footer-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1A1C20;
	text-decoration: none;
}
	.txt-footer-1 a {
		font-weight: bold;
		color: #1A1C20;
		text-decoration: none;
	}
	.txt-footer-1 a:hover {
		font-weight: bold;
		color: #3F5271;
		text-decoration: underline;
	}
.txt-footer-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
	.txt-footer-2 a {
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
	}
	.txt-footer-2 a:hover {
		font-weight: normal;
		color: #ffffff;
		text-decoration: underline;
	}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	color: #3F5271;
	text-decoration: none;
	margin-top: 0px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #3F5271;
	text-decoration: none;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #3F5271;
	text-decoration: none;
}
/* MAIN STYLES ------------------------ */
#main {
	border: 1px solid #ffffff;
}
#top {
	text-align: left;
	vertical-align: top;
	width: 760px;
	height: 62px;
	background-image: url(images/bg_top_1.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
}
#top-2 {
	text-align: left;
	vertical-align: top;
	width: 760px;
}
#top-2-container {
	text-align: left;
	vertical-align: top;
	width: 736px;
	height: 30px;
	padding: 14px 0px 0px 25px;
	background-image: url(images/bg_top_2.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
}
#header {
	text-align: left;
	vertical-align: top;
	width: 760px;
	height: 204px;
	border-bottom: 1px solid #ffffff;
}
	#header img {
		float: left;
	}
#header-container {
	float: left;
	border-right: 1px solid #ffffff;
}
/* NAVIGATION ------------------------------------- */
#nav {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 220px;
	height: 204px;
}
	#nav-filler-top {
		width: 220px;
		height: 15px;
		background-color: #3B4E6C;
	}
	#nav-filler-bottom {
		width: 220px;
		height: 15px;
		background-color: #3B4E6C;
	}
	.nav-item a {
		display: block;
		text-align: right;
		vertical-align: top;
		width: 195px;
		height: 21px;
		padding: 8px 20px 0px 0px;
		background-color: #3B4E6C;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #D8DCE2;
		text-decoration: none;
	}
	.nav-item a:hover {
		background-color: #4E6180;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #D8DCE2;
		text-decoration: none;
	}
/* LINE ----------------------------- */
#top-line {
	width: 760px;
	height: 8px;
	background-image: url(images/bg_line.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	font-size: 1px;
}
/* LEFT COLUMN -------------------------- */
#left-column {
	text-align: left;
	vertical-align: top;
	width: 199px;
	background-color: #BBC4D3;
	border-right: 1px solid #ffffff;
}
#left-column-container {
	background-color: #9aa6bc;
}
#our-client-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	height: 25px;
	width: 199px;
	color: #FFFFFF;
	background-color: #435674;
	padding-top: 10px; 
}
#our-full-body {
	text-align: left;
	vertical-align: top;
	margin-left: 2px;
	width: 197px;
	padding: 10px 0px 0px 0px
}
#our-client-body {
	text-align: left;
	vertical-align: top;
	margin-left: -20px;
	width: 165px;
	padding: 10px 0px 10px 17px;
}
/* RIGHT COLUMN ---------------------- */
#bottom-column {
	text-align: left;
	vertical-align: top;
	width: 740px;
}
#bottom-column-container {
	text-align: left;
	vertical-align: top;
	width: 721px;
	background-color: #D7DCE4;
	padding: 20px 20px 20px 20px;
}
#right-column {
	text-align: left;
	vertical-align: top;
	width: 520px;
}
#right-column-container {
	text-align: left;
	vertical-align: top;
	width: 521px;
	background-color: #D7DCE4;
	padding: 20px 20px 20px 20px;
}
/* FOOTER STYLES -------------------- */
#footer-1 {
	text-align: center;
	vertical-align: top;
	width: 760px;
}
#footer-1-container {
	text-align: center;
	vertical-align: top;
	width: 761px;
	height: 29px;
	padding: 15px 0px 0px 0px;
	background-image: url(images/bg_footer_1.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #ffffff;
}
#footer-2 {
	text-align: left;
	vertical-align: top;
	width: 760px;
	height: 56px;
	background-image: url(images/bg_footer_2.gif);
	background-repeat: repeat-x;
}
#footer-2-left {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 365px;
	margin: 13px 0px 0px 15px;
}
#footer-2-right {
	float: right;
	text-align: right;
	vertical-align: top;
	width: 260px;
	margin: 13px 15px 0px 0px;
}
#sequence{
	position: absolute;
	visibility: hidden;
	left: 200px;
	top: 200px;
	z-index: 3;
	background-color: #000000;
	border-collapse: collapse;
}
#content{
	z-index: -2;
}
#ecode{
	position: absolute;
	visibility: hidden;
	left: 200px;
	top: 200px;
	z-index: 3;
	background: transparent;
	border-collapse: collapse;
}

#bkg {
	Z-INDEX: -1; 
	FONT: 6px verdana, arial, sans serif; 
	COLOR: black; POSITION: absolute; 
	left: 0px;
	top: 0px;
	visibility: hidden;
}


#login{
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	z-index: 3;
}

.pinyin{
	width : 187px;
	height: 80px;
	overflow: auto;	
	font-size: 12pt;
	font-family: courier;
	color: blue;
	background-color: white;
	border: #c0c0c0 1px inset;
}
.phrases{
	width: 190px;
	height: 90px;
	overflow: auto;	
	font-size: 12pt;
	font-family: MingLiu;
	color: blue;
}
.definition{
	font-size: 12pt;
	font-family: courier;
	color: blue;
	width: 450px;
	height: 120px;
	background-color: white;
	border: #c0c0c0 1px inset;
}
.pane { 
    position: absolute; z-index: 0; 
	background-color: white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	visibility: hidden;
}

.colorbtn{
	font-size: 8pt;
	width: 80px;
}

#colorpicker{
	position: absolute;
	background-color: #ffffff;
	left: 20px;
	top: 20px;
	visibility: hidden;
	z-index: 101;
}

#defstroke{
	position: absolute;
	left: 20px;
	top: 20px;
	background-color: #ffffff;
	visibility: hidden;
	z-index: 101;
}
.vbtn{
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 32px;
	height: 32px;
	font-family: MingLiu;
	font-size: 12pt;
	align: left;
}
.vtype{
	width: 30px;
	font-family: Arial;
	font-size: 8pt;
	border: 0;
	align: center;
}
#video{
	background: transparent;
	left: 0px;
	top: 0px;
}
#preview{
	position: absolute;
	left: 100px;
	top: 50px;
	margin: 0px 0px;
	background-color: #415473;
	color: #ffffff;
	text-align:center;
	border: #ccaa00 1px;
	visibility: hidden;
}
#rndchar{
	position:absolute;
	visibility: hidden;
	left: 750px;
	top: 450px;
	z-index: 101;
	background: white;
	padding: 5px 10px 10px 10px;
	border: 2px #c0c0c0 inset;
}
input.btn{
	font-family: MingLiu;
	font-size: 16pt;
}
input.sbtn{
	border-style:none;
	font-size:12pt;
	font-family: MingLiu;
	background: white;
}
table.phrases{
	width: 172px;
	cellspacing: 0;
	cellpadding:0;
}

table.phrases tr td{
	font-size:12pt;
	font-family: MingLiu;
}
table.phrases tr:nth-child(odd) td{
	background-color: #fafafa;
}
table.phrases tr:nth-child(even) td{
	background-color: #eeeeee;
}