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

body{ 
background-color: #FFFFFF;
font-family:Arial;
}




#header {
  background: #b23030;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
}

#headerHWWLogo {
  background: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-left:10px;
  width: 233px;
  height: 107px;
  padding-top:2px;
}

#headerTitle {
  background: #b23030;
  color:#FFFFFF;
  font-size: 1.5em;
  font-weight: bold;
  padding-top:32px;
  padding-left:13px;
  position: absolute;
  top: 0px;
  left: 243px;
  width: 265px;
  height: 30px;
}

#headerFSCLogo {
  background: #b23030;
  position: absolute;
  top: 0px;
  left: 870px;
  width: 75px;
  height: 107px;
  padding-top:7px;
}

#headerLinks {
	color: #FFFFFF;
	font-size: .78em;
	font-weight: bold;
	background: #b23030;
	position: absolute;
	top: 82px;
	left: 265px;
	width: 610px;
	height: 15px;
}

a.footerLinks:link {color: #FFFFFF; text-decoration: none;}
a.footerLinks:visited {color: #FFFFFF; text-decoration: none;}
a.footerLinks:hover {color: #FFFFFF; text-decoration: none;}
a.footerLinks:active {color: #FFFFFF; text-decoration: none;} 




#header2 {
  background: #000000;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 100%;
  height: 154px;
}

#header2Image1 {
  background: #000000;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 194px;
  height: 142px;
}
#header2Image2 {
  background: #000000;
  position: absolute;
  top: 6px;
  left: 206px;
  width: 194px;
  height: 142px;
}
#header2Image3 {
  background: #000000;
  position: absolute;
  top: 6px;
  left: 406px;
  width: 194px;
  height: 142px;
}
#header2Image4 {
  background: #000000;
  position: absolute;
  top: 6px;
  left: 606px;
  width: 194px;
  height: 141px;
}
#header2Image5 {
  background: #000000;
  position: absolute;
  top: 6px;
  left: 806px;
  width: 194px;
  height: 142px;
}






#leftcol {
  background: #b23030;
  position: absolute;
  top: 254px;
  left: 0px;
  width: 243px;
  height: 550px;
}
#leftcolLinks {
  color:#FFFFFF;
  font-size: .83em;
  font-weight:bold;
  letter-spacing: +0.05px;
  padding-top:17px;
  padding-left:20px;
  line-height: 2.1;
  position: absolute;
  top: 0px;
  left: 0px;
}
#leftcolLogo {
  position: absolute;
  top: 88px;
  left: 150px;
}
a.leftNavLinks:link {color: #FFFFFF; text-decoration: none;}
a.leftNavLinks:visited {color: #FFFFFF; text-decoration: none;}
a.leftNavLinks:hover {color: #FFFFFF; text-decoration: none;}
a.leftNavLinks:active {color: FFFFFF; text-decoration: none;} 





#content {
  background: #FFFFFF;
  position: absolute;
  top: 254px;
  left: 243px;
  width: 760px;
  height: 550px;
}

a.contentLinks:link {color: blue;}
a.contentLinks:visited {color: blue;}
a.contentLinks:hover {color: blue;}
a.contentLinks:active {color: blue;}


#contentCopyHeader {
  color: #b23030;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: -0.3px;
  position: absolute;
  width: 295px;
  height: 25px;
  top: 14px;
  left: 17px;
}
#contentCopy {
  color: #000000;
  font-size: .83em;
  font-weight: normal;
  letter-spacing: +0.05px;
  line-height: 1.08;
  position: absolute;
  width: 460px;
  top: 45px;
  left: 17px;
}
#contentCopy2 {
  color: #000000;
  font-size: .83em;
  font-weight: normal;
  letter-spacing: +0.05px;
  line-height: 1.08;
  position: absolute;
  width: 725px;
  top: 300px;
  left: 17px;
}

#contentCopyChinese {
  color: #000000;
  font-size: .83em;
  font-weight: normal;
  letter-spacing: +0.05px;
  line-height: 1.08;
  position: absolute;
  width: 460px;
  top: 14px;
  left: 17px;
}

#contentCopy1stCol {
	position: absolute;
	width: 175px;
	z-index:4;
}

#contentCopy2ndCol {
	position: absolute;
	width: 175px;
	left: 245px;
	z-index:5;
}

#contentCopy3rdCol {
	position: absolute;
	width: 190px;
	left: 510px;
	z-index:6;
}

#contentImage {
  background: #FFFFFF;
  position: absolute;
  top: 17px;
  left: 480px;
  width: 270px;
  height: 272px;
}