html {
	overflow-y: scroll;
	height:101%;
}
img, div, a, input { 
	behavior: url(htc/iepngfix.htc);
}

body {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images/design/container-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #4F599E;
}

#container {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: auto;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: auto;
	background-image: url(/images/design/header-bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	position:relative; /* Needed for linkBox */
}

#headerTop {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 73px;
	background-image: url(/images/design/header-top-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}



#logo {
	margin: 0px;
	padding: 0px;
}

#logo img {
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	margin-left: 10px;
	border: none;
	z-index: 1000;
}

#skinCondition {
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-top: -110px;
	margin-left: 750px;
}

#skinCondition img {
	position:absolute;
	margin: 0px;
	padding: 0px;
	border: none;
}

#topNav {
	margin: 0px;
	margin-left: 146px;
	padding: 0px;
	width: 804px;
	height: 73px;
}

#navLast a {
	border: none;
}

#topNav a {
	margin: 0px 0px 0px 0px;
	padding: 28px 20px 28px 20px;
	display: block;
	text-decoration: none;
	color: #333333;
	float: left;
	border-right: 1px solid #CCCCCC;
	font-size: 14px;
}

#topNav a:hover {
	text-decoration: none;
	color: #000000;
}

#bottomBackground {
	margin: 0px;
	padding: 0px;
}

#bottomBackground img {
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: none;
	z-index:100;
}

#headerBottom {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 499px;
	background-image: url(/images/design/header-bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

#headerTwo {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 149px;
	background-image: url(/images/design/header-bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

.headerBottomTitle {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 38px;
	background-image: url(/images/design/bottom-title-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.headerBottomTitle h1 {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 16px;
	color: #333333;
}

#bottomLeft {
	margin: 0px;
	margin-top: 400px;
	padding: 0px;
	width: 762px;
	height: 96px;
	float: left;
}

#bottomRightOne {
	margin: 0px;
	padding: 0px;
	margin-left: 775px;
	margin-top: -474px;
	position: absolute;
}

#bottomRightOne img {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	border: none;
}

#bottomRightTwo {
	margin: 0px;
	padding: 0px;
	margin-left: 775px;
	margin-top: -390px;
	position: absolute;
}

#bottomRightTwo img {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	border: none;
}

#bottomRightThree {
	margin: 0px;
	padding: 0px;
	margin-left: 775px;
	margin-top: -280px;
	position: absolute;
}

#bottomRightThree img {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	border: none;
}

#bottomSmall {
	padding: 0px;
	margin: 0px;
	position: absolute;
	margin-top: -104px;
	margin-left: 10px;
}

#bottomSmall img {
	margin: 0px;
	padding: 0px;
	border: none;
}


/* add by Hai */
.javaLinks {
	margin: 0px;
	padding: 0px;
	display:block;
}
.active a {
	border: 1px solid #ffffff;
	padding: 4px;
	z-index: 1000;
}

#javaLink0 a {
	padding: 0px;
	margin: 0px;
	position: absolute;
	margin-left: 10px;
}

#javaLink1 a {
	padding: 0px;
	margin: 0px;
	position: absolute;
	margin-left: 140px;
}

#javaLink2 a {
	padding: 0px;
	margin: 0px;
	position: absolute;
	margin-left: 270px;
}

#javaLink3 a {
	padding: 0px;
	margin: 0px;
	position: absolute;
	margin-left: 400px;
}

#javaLink4 a {
	padding: 0px;
	margin: 0px;
	position: absolute;
	margin-left: 530px;
}

#linkBox0 {
	display: block;
}
.linkBox {
	cursor:pointer;
	position:absolute; /* Needed for IE 6 */
	left:360px;
	top:120px;
	width:400px;
	height:100px;
	z-index:100;
	background-image:url(/blank.gif); /* Needed for IE */
	display: none;
}

#pic0 {
	display: block;
}
.pic {
	display:none;
}
#intro0 {
	display: block;
}
.intro {
	display:none;
}
/* end by Hai */



.bottomHeader {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 38px;
	background-image: url(/images/design/bottom-title-bgtwo.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.bottomHeader h1 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 16px;
	color: #333333;
}


#contentAreaMain {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 950px;
	font-size: 12px;
	font-weight: normal;
	background-image: url(/images/design/header-bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

#contentAreaMain a {
	text-decoration: underline;
	color: #CC3300;
}

#contentAreaMain a:hover {
	text-decoration: none;
}

.contentText {
	margin: 0px;
	padding: 1px 15px 10px 15px;
	background-color: #EBEBEB;
	line-height: 18px;
}

#contentArea {
	margin: 0px;
	padding: 0px;
	width: 950px;
	font-size: 12px;
	font-weight: normal;
	background-image: url(/images/design/header-bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

#contentArea h2 {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #202C84;
}

#contentArea p {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

#contentArea a {
	text-decoration: underline;
	color: #CC3300;
}

#contentArea a:hover {
	text-decoration: none;
}

#contentContainer {
	margin: 0px;
	padding: 0px;
	width: 950px;
	background-color: #FFFFFF;
}

#contentMain {
	margin: 0px;
	padding: 0px 20px 20px 20px;
	width: 910px;
	height: auto;
	float: left;
	line-height: 18px;
}

#contentLeft {
	margin: 0px;
	padding: 0px 20px 20px 20px;
	width: 438px;
	height: auto;
	float: left;
	line-height: 18px;
}

#contentLeft .facial {
	margin: 10px 0px 0px 150px;
}

#contentRight {
	padding: 0px 10px 20px 30px;
	width: 422px;
	height: auto;
	float: left;
	line-height: 18px;
}

#contentRight img {
	margin: 15px 0px 0px 0px;
	padding:0px;
	border: none;
}

#contentRight img a {
	text-decoration: none;
}

#footer {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-bottom: 10px;
	width: 950px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: 18px;
}

#footer a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#footerNav {
	margin: 0px;
	padding: 0px;
}

.floatRight {
	float: right;
}

img.floatRight {
	padding-left: 20px;
}

.floatLeft {
	float: left;
}

#contentRight img.floatLeft {
	margin: 0 10px 5px 0;
}