body {	
	font-family: Trebuchet MS;
	color: white;
	margin:0;
	background-color: #FBE4BB;
	padding:0px;
	text-align:center;

}

a:link {
	color: #993300;
}

div#preloadimages { 
	display: none; 
}



/* ??????????????????????????????????? MENU AT THE TOP ??????????????????????????????????????????   */

#menu {
	font-size: 15px;
	border-top: 0px solid #FF9933;
	border-bottom: 0px solid #FF9933;
	border-left:0px;
	border-right:0px;
	Line-height: 30px;
	width: 100%;
	border-collapse:collapse;
}

#menu td {
	padding: 0;
}

#menu a:link, #menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#home,#photo,#info,#link,#us,#email {
	width: 15%;
	white-space:nowrap;
}

#home a,#photo a,#info a,#link a,#us a,#email a {
	background-color: #FF6633;
	background-repeat: no-repeat; padding-left:35px;
}

#home a {
	background-image:  url('images/home.gif');
	/*/*/display: block;
}

#home a:hover {
	background-color: #FFCC66;
}

#photo a {
	/*/*/display: block;
	background-image:  url('images/photo.gif');
}

#photo a:hover {
	background-color: #FFCC66;
}

#info a {
	/*/*/display: block;
	background-image:  url('images/info.gif');
}

#info a:hover {
	background-color: #FFCC66;
}

#link a {
	/*/*/display: block;
	background-image:  url('images/links.gif');
}

#link a:hover {
	background-color: #FFCC66;
}

#us a {
	
	/*/*/display: block;
	background-image:  url('images/us.gif');
}

#us a:hover {
	background-color: #FFCC66;
}

#email a {
	/*/*/display: block;
	background-image:  url('images/email.gif');
}

#email a:hover {
	background-color: #FFCC66;
}


#chi {
	font-size: 12px;
	background-color: #FF3300;
	border-color: #FF9933;
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left-width: 3;
	padding-left: 0;
	width: 5%;
	white-space:nowrap;
}

#eng {
	font-size: 12px;
	background-color: #FF3300;
	border-color: #FF9933;
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-width: 3;
	border-left-width: 0;
	padding-left: 0;
	width: 5%;
	white-space:nowrap;

}

/* ??????????????????????????????????? STEP TABLE ??????????????????????????????????????????  */

#step {
	font-size: 17px;
	border-top: 0px solid #FF9933;
	border-bottom: 0px solid #FF9933;
	border-left:0px;
	border-right:0px;
	height:100px;
	padding: 0;
	width: 100%;
	border-collapse:collapse;
	text-align:center;
}

#step td {
	padding: 0;
}

#step a:link, #step a:visited {
	color: black;
	text-decoration: none;
}

#step1,#step2,#step3,#step4,#step5 {
	width:20%
}

#step1 a:hover {
	color: #FF6633;
}

#step2 a:hover {
	color: #FF6633;
}

#step3 a:hover {
	color: #FF6633;
}

#step4 a:hover {
	color: #FF6633;
}

#step5 a:hover {
	color: #FF6633;
}




/* ??????????????????????????????????? 4ROWS OF WHOLE PAGE ??????????????????????????????????????????  */

#mainbox {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	margin:0px;
	padding:0px;
}

div.top {
	background-color: #FF6633;
}

div.middle {
	width:800px;
	margin:0px auto;
}

div.top2 {
	background-image: url(images/gradient2.bmp); 
	background-repeat: repeat-x;
	height:25px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding:5px;
}


div.top2 a:link, div.top2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

div.top3 {
	background-color: white;
	padding: 0px;
	margin: 0px;
	margin-top: -5px;
	margin-bottom: -5px;
}


div.top4 {
	background-image: url(images/gradient.bmp); 
	background-repeat: repeat-x;
	background-color: #FDE7C0;
	padding:0px;
}

div.top5 {
	background-color: #FDE7C0;
	padding:0px;
}

iframe {
	margin:0px;
}



/* ??????????????????????????????????? LOGO BAR IN SECOND ROW ??????????????????????????????????????????  */



#logobar {
	border: 0px solid black;
	width:100%;
}

#logobar td {
	border: 0px solid black;
}

#logobar2 {
	vertical-align: bottom;
	padding-bottom: 40px;
	padding-left: 10px;
	font-size: 25px;
	color: black;
	text-align:left;
}

#logobar3 {
	vertical-align: middle;


}