html, body {
width: 780px;
height: 600px;
margin: auto;
padding: 0;
}

TD {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana
}
P {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana
}
DIV {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana
}
SPAN {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana
}
/* ALL the work links------------- */
A:link {
	COLOR: #FFFF00; TEXT-DECORATION: none
}
A:visited {
	COLOR: #FFFF00; TEXT-DECORATION: none
}
A:active {
	COLOR: #FFFF00; TEXT-DECORATION: none
}
A:hover {
	COLOR: #9EC068; TEXT-DECORATION: underline
}
/* -------------------------------------------------------- */


/*page Head*/
#head {
background: #2A303C;
width: 780px;
height: 97px;
}

#header {
FLOAT: left;
width: 150px;
height: 97px;
background:
url(logo.jpg);
}
/* -------------------------------------------------------- */


/* header title   ------ */
#menu ul {font: 12px "Verdana";}
#menu ul {float:center;list-style:none;margin:0px;}
#menu ul li {float:left;display:block;line-height:30px;margin:0 7px}

#menu LI A:link {
	COLOR: #B8BABE;font-weight: bold;
}
#menu LI A:visited {
	COLOR: #B8BABE;font-weight: bold;
}
#menu LI A:active {
	COLOR: #B8BABE;font-weight: bold;
}
#menu LI A:hover {
	COLOR: #ffff00; TEXT-DECORATION: none
}

#menuDiv {width:605px;height:1px;background:#999}
#haDiv {width:605px;height:50px;}
/* ---------------------------------------------------------------- */

/* content   ------ */
#content {width:780px;margin:0 auto;height:500px;}

#indexmain {
	WIDTH: 340px
}
.indexmiddle {
	 FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 340px! important; PADDING-TOP: 0px; HEIGHT: 10px
}

.indexmiddleb {
	WIDTH: 340px; HEIGHT: 10px
}
.indexmiddle DIV {
	 LINE-HEIGHT: 38px; HEIGHT: 38px; TEXT-ALIGN: left
}
/*---------------------------------------------------------------------------- */


/* shopping------ */
#indexmain2 {
	WIDTH: 175px
}
.indexmiddle2 {
	 FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 175px! important; PADDING-TOP: 0px; HEIGHT: 10px
}

.indexmiddleb2 {
	WIDTH: 175px; HEIGHT: 10px
}
.indexmiddle2 DIV {
	 LINE-HEIGHT: 38px; HEIGHT: 38px; TEXT-ALIGN: left
}
HTML .indexright2 {
	WIDTH: 780px;
}
.indexright2 {
	FLOAT: right; 
}
.indexevents2 {
	width: 780px;
	HEIGHT: 400px
}
.indexevents2 DIV {
	 LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: left
}
UNKNOWN2 {
	COLOR: #48586b
}
/* -------------------------------------------------------- */
/* shopping------ */
#indexmain3 {
	WIDTH: 175px
}
.indexmiddle3 {
	 FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 175px! important; PADDING-TOP: 0px; HEIGHT: 10px
}

.indexmiddleb3 {
	WIDTH: 175px; HEIGHT: 10px
}
.indexmiddle3 DIV {
	 LINE-HEIGHT: 38px; HEIGHT: 38px; TEXT-ALIGN: left
}
HTML .indexright3 {
	WIDTH: 600px;
}
.indexright3 {
	FLOAT: right; 
}
.indexevents3 {
	width: 600px;
	HEIGHT: 400px
}
.indexevents3 DIV {
	 LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: left
}
UNKNOWN2 {
	COLOR: #48586b
}
/* -------------------------------------------------------- */

/* shopping------ */
#indexmain8 {
	WIDTH: 175px
}
.indexmiddle8 {
	 FLOAT: center; PADDING-BOTTOM: 0px; WIDTH: 175px! important; PADDING-TOP: 0px; HEIGHT: 10px
}

.indexmiddleb8 {
	WIDTH: 175px; HEIGHT: 10px
}
.indexmiddle8 DIV {
	 LINE-HEIGHT: 25px; HEIGHT: 28px; TEXT-ALIGN: center
}
HTML .indexright8 {
	WIDTH: 600px;
}
.indexright8 {
	FLOAT: right; 
}
.indexevents8 {
	width: 600px;
	HEIGHT: 400px
}
.indexevents8 DIV {
	 LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}
UNKNOWN2 {
	COLOR: #48586b
}
/* -------------------------------------------------------- */

/* content right---------------- */
HTML .indexright2 {
	WIDTH: 176px;
}
.indexright2 {
	FLOAT: right; 
}
.index2 {
	width: 176px;
}
.index2 DIV {
	 LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}
UNKNOWN {
	COLOR: #48586b
}

.index2 LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px;FLOAT: center; 
}
.index2 LI A:link {
	COLOR: #CCCCCC
}
.index2 LI A:visited {
	COLOR: #CCCCCC
}
.index2 LI A:active {
	COLOR: #CCCCCC
}
.index2 LI A:hover {
	COLOR: #009900; TEXT-DECORATION: none
}
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* shopping------ */
#indexmain4 {
	WIDTH: 175px
}
.indexmiddle4 {
	 FLOAT: center; PADDING-BOTTOM: 0px; WIDTH: 175px! important; PADDING-TOP: 0px; HEIGHT: 10px
}

.indexmiddleb4 {
	WIDTH: 175px; HEIGHT: 10px
}
.indexmiddle4 DIV {
	 LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: center
}

UNKNOWN2 {
	COLOR: #48586b
}
/* -------------------------------------------------------- */

/* header title xian   ------ */
#menuDiv2 {width:340px;height:1px;background:#999}
/* -------------------------------------------------------- */


/* wen zhi links---------------------- */
.indexs ul {font: 12px "Verdana";}
.indexs ul {float:center;list-style:none;margin:0px;}
.indexs ul li {float:left;display:block;line-height:30px;margin:0 10px}
.indexs LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px;FLOAT: left; 
}
.indexs LI A:link {
	COLOR: #FFFF00;font-weight: bold;
}
.indexs LI A:visited {
	COLOR: #FFFF00;font-weight: bold;
}
.indexs LI A:active {
	COLOR: #FFFF00;font-weight: bold;
}
.indexs LI A:hover {
	COLOR: #FF9900; TEXT-DECORATION: none
}
/* -------------------------------------------------------- */

/* content right---------------- */
HTML .indexright {
	WIDTH: 430px;
}
.indexright {
	FLOAT: right; 
}
.indexevents {
	width: 430px;
	HEIGHT: 400px
}
.indexevents DIV {
	 LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: left
}
UNKNOWN {
	COLOR: #48586b
}

.indexevents LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px;FLOAT: left; 
}
.indexevents LI A:link {
	COLOR: #FF9900
}
.indexevents LI A:visited {
	COLOR: #FF9900
}
.indexevents LI A:active {
	COLOR: #FF9900
}
.indexevents LI A:hover {
	COLOR: #009900; TEXT-DECORATION: none
}
/* -------------------------------------------------------- */



/* content footer FAQ------------- */
#righter {
background: #3C4454;
width: 430px;
height: 97px;
}

#righter2 {
width: 430px;
height: 97px;
}
/* -------------------------------------------------------- */

/* index  LEFT footer   ------ */
.left {
	float: left;
	width: 340px;
	margin: 0 0 10px 0;
}
			.left_side {
			float: left;
			width: 170px;
		}
				.right_side {
			float: right;
			width: 170px;
		}
/* -------------------------------------------------------- */	

#indexleftmain {
	WIDTH: 300px; HEIGHT: 400px
}
.indexleftmiddle {
	 FLOAT: center; PADDING-BOTTOM: 0px; WIDTH: 340px! important; PADDING-TOP: 0px; HEIGHT: 10px
}

.indexleftmiddleb {
	WIDTH: 340px; HEIGHT: 10px
}
.indexleftmiddle DIV {
	 LINE-HEIGHT: 38px; HEIGHT: 38px; TEXT-ALIGN: center
}


.indexconevents {
	width: 430px;
	HEIGHT: 400px
}
.indexconevents DIV {
	 LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: left
}
UNKNOWN {
	COLOR: #48586b
}

.indexconevents LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px;FLOAT: left; 
}
.indexconevents LI A:link {
	COLOR: #FF9900
}
.indexconevents LI A:visited {
	COLOR: #FF9900
}
.indexconevents LI A:active {
	COLOR: #FF9900
}
.indexconevents LI A:hover {
	COLOR: #009900; TEXT-DECORATION: none
}		
/* footer   ------ */
.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #3C4454;
	padding: 10px 0 10px 0;
	border-top: 1px solid ;
}

.footer a {
	color: #9EC068;
}
/* -------------------------------------------------------- */

.lan-b {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-b a:link {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-b a:visited {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-b a:hover {
	color: #FF9900;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-b a:active {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-d {
	color: #FFFF00;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-d a:link {
	color: #FFFF00;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-d a:visited {
	color: #FFFF00;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-d a:hover {
	color: #FF9900;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-d a:active {
	color: #FFFF00;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-e {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-e a:link {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-e a:visited {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-e a:hover {
	color: #FF9900;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-e a:active {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-r {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-r a:link {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-r a:visited {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-r a:hover {
	color: #FF6600;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-r a:active {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-t {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: line-through;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-t a:link {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: line-through;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-t a:visited {
	color: #C8C9CC;
	font-size: 12px;
	text-decoration: line-through;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-t a:hover {
	color: #FF6600;
	font-size: 12px;
	text-decoration: underline line-through;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-t a:active {
	color: #C8C9CC;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-y {
	color: #FFFF00;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-y a:link {
	color: #FFFF00;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-y a:visited {
	color: #FFFF00;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-y a:hover {
	color: #FF6600;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-y a:active {
	color: #FFFF00;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-v {
	color: #B8BABE;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-v a:link {
	color: #B8BABE;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-v a:visited {
	color: #B8BABE;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lan-v a:hover {
	color: #FFFF00;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lan-v a:active {
	color: #B8BABE;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}