/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	margin:0;
	font-size:12px;
	font-family:"ËÎÌå", arial;
	color: #E59A84;
	width: 1005px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #beee90;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #beee90;
}
td { font-size:12px;}
form { margin:0; padding:0;}
img { border:0;}
#foot {width:780px; text-align:center; line-height:1.6; border-top:1px solid #ccc; margin:0 auto; margin-top:1em; padding:.8em 0 0 0; font-family:arial; clear:both;}
#foot a { font-family:arial}
a:link,a:visited { text-decoration:none; font-family:"ËÎÌå", arial;}
a:hover { text-decoration:underline;}
a.s1 { color:#0066cb; }
.red { color:#f00;}
a.red { color:#f00;}
.black { color:#000;}
a.black { color:#000;}
.f14 { font-size:14px;}
a.f14 { font-size:14px;}
.gray { color:#999;}
a.gray { color:#999;}
.l { float:left;}
.r { float:right;}
.input1 { width:420px;}
.col3 { width:33%; float:left;}
.col2 { width:48%; float:left;}
.hack {font:0px/0px sans-serif; clear: both; display: block;} 
.x{border-top:1px solid transparent !important;border-top:0;clear:both;}
.w950 #foot { width:950px;}
.fixtab{white-space:nowrap;padding-right:.5em;}
a:link,a:visited { _font-size /* */:11px;}
body,div,a:link,a:visited{font-family:arial,ËÎÌå;}
.ybd {margin:auto; margin-top:.8em; height:auto;}
a:link,a:visited{color:#3ca303;}
a.ipt1:link,a.ipt1:visited { color:#E92600; font-weight:bold; font-size:14px;}
a.ipt2:link,a.ipt2:visited { color:#E92600;}
.yhd{width:948px;_width /* */:950px;margin:0 auto;}

FORM {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DIV {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}

IMG {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
TD {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DL {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DT {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DD {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
H1 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
H2 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
H3 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
H4 {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
H5 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px
}
H6 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
CITE {
	FONT-WEIGHT: bold
}
SMALL {
	FONT-SIZE: 12px
}
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}

A {
	COLOR: #104d6c; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #f63; TEXT-DECORATION: underline
}
A:focus {
	-moz-outline-style: none
}
.bFoot A {
	TEXT-DECORATION: none
}
.more A {
	TEXT-DECORATION: none
}
#nav A {
	TEXT-DECORATION: none
}
#footer A {
	TEXT-DECORATION: none
}
.bFoot A:hover {
	TEXT-DECORATION: underline
}
.more A:hover {
	TEXT-DECORATION: underline
}
#nav A:hover {
	TEXT-DECORATION: underline
}
#footer A:hover {
	TEXT-DECORATION: underline
}
INPUT.text {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid
}

INPUT.btn_theme {
	BORDER-RIGHT: #e5e5e5 1px solid; BORDER-TOP: #e5e5e5 1px solid; FONT-SIZE: 12px; BACKGROUND: url(http://www.tysy.com/2008images/btn_bg1.gif) repeat-x center top; BORDER-LEFT: #e5e5e5 1px solid; WIDTH: 93px; CURSOR: pointer; COLOR: #666; LINE-HEIGHT: 25px; BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 25px
}
SELECT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 90px; LINE-HEIGHT: 18px; BORDER-BOTTOM: #ccc 1px solid
}
.clear:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.clear {
	
}
* HTML .clear {
	HEIGHT: 1%
}
.clear {
	DISPLAY: block
}
* + HTML .clear {
	MIN-HEIGHT: 1%
}
#wrapper {
	WIDTH: 100%; TEXT-ALIGN: center
}
#newbottom {
	TEXT-ALIGN: center;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	left: 516px;
	top: 486px;
	width: 500px;
	height: 70px;
}

#innerWrapper {
	MARGIN: 0px auto; WIDTH: 960px; TEXT-ALIGN: left
}
#header {
	
}

#indexNav A {
	COLOR: #333
}
#indexNav .right {
	DISPLAY: inline; WIDTH: 800px; TEXT-ALIGN: right
}
#indexNav LI {
	PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
#indexNav LI.end {
	PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#innerHeader {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 20px
}
#owLogo {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 150px; HEIGHT: 58px; TEXT-ALIGN: center
}
#owLogo IMG {
	MARGIN: 0px auto
}
#nav {
	FLOAT: right; WIDTH: 800px
}

#navPrimary A {
	COLOR: #666
}
#navPrimary LI {
	FLOAT: left; MARGIN: 0px 4px; TEXT-ALIGN: center
}
#navPrimary LI A:hover {
	COLOR: #f63; TEXT-DECORATION: none
}
.current_index A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_video A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_ground A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_photo A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_letter A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_top A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_help A {
	BACKGROUND-POSITION: left top; WIDTH: 68px
}
.current_index A:hover {
	BACKGROUND-POSITION: left bottom
}
.current_video A:hover {
	BACKGROUND-POSITION: left bottom
}
.current_ground A:hover {
	BACKGROUND-POSITION: left bottom
}
.current_photo A:hover {
	BACKGROUND-POSITION: left bottom
}
.current_letter A:hover {
	BACKGROUND-POSITION: left bottom
}
.current_top A:hover {
	BACKGROUND-POSITION: left bottom
}
.current_help A:hover {
	BACKGROUND-POSITION: left bottom
}
#current_index .current_index A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
#current_video .current_video A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
#current_ground .current_ground A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
#current_photo .current_photo A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
#current_letter .current_letter A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
#current_top .current_top A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
#current_help .current_help A {
	BACKGROUND-POSITION: left bottom; CURSOR: default; COLOR: #666! important
}
.current_open A {
	BACKGROUND-POSITION: right top; WIDTH: 80px
}
.current_open A:hover {
	BACKGROUND-POSITION: right bottom
}
#current_open .current_open A {
	BACKGROUND-POSITION: right bottom; CURSOR: default; COLOR: #666! important
}

#navSub LI {
	FLOAT: left; MARGIN: 0px 3px
}
#navSub .search {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; FLOAT: right; PADDING-BOTTOM: 0px! important; PADDING-TOP: 0px! important; HEIGHT: 22px
}
.box {
	BORDER-RIGHT: #dedede 1px solid; BORDER-TOP: #dedede 1px solid; MARGIN: 0px 0px 10px; BORDER-LEFT: #dedede 1px solid; BORDER-BOTTOM: #dedede 1px solid
}

.bHead H3 {
	
}
.bHead SMALL {
	MARGIN-TOP: -20px; DISPLAY: block; TEXT-ALIGN: right
}
.bNav {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.bNav LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 5px; PADDING-TOP: 0px
}

.bNav LI.unCurrent {
	CURSOR: pointer; COLOR: #104d6c; TEXT-DECORATION: underline
}
.bBody {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.bBody LI {
	
}
.bBody .innerBox {
	
}
.bFoot {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: "ËÎ?"; TEXT-ALIGN: right
}
#content {
FLOAT: left; WIDTH: 300px; MARGIN-RIGHT: 0px	
}
#con1 {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden; HEIGHT: 378px
}
#leftBar {
	FLOAT: left; WIDTH: 150px; MARGIN-RIGHT: 10px
}
.panel {
	BORDER-RIGHT: #dfdfdf 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dfdfdf 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; BORDER-LEFT: #dfdfdf 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #dfdfdf 1px solid; HEIGHT: 374px
}
.panel A {
	TEXT-DECORATION: none
}
.panel A:hover {
	TEXT-DECORATION: underline
}
.panelName A {
	DISPLAY: block; PADDING-LEFT: 28px; FONT-WEIGHT: bold; BACKGROUND: url(http://www.tysy.com/2008images/panel_t.gif) no-repeat 17px 12px; MARGIN: 5px 0px; WIDTH: 113px; COLOR: #425b6f; LINE-HEIGHT: 32px; BORDER-BOTTOM: #dfe1e0 1px solid; HEIGHT: 31px
}
.panelName A:hover {
	BACKGROUND: url(http://www.tysy.com/2008images/panelName_t.gif) no-repeat 0px 1px; COLOR: #425b6f; TEXT-DECORATION: none
}
.panelName_open {
	PADDING-LEFT: 28px; FONT-WEIGHT: bold; BACKGROUND: url(http://www.tysy.com/2008images/panelName_t.gif) no-repeat 0px 1px; WIDTH: 113px; COLOR: #425b6f; LINE-HEIGHT: 32px; BORDER-BOTTOM: #dfe1e0 1px solid; HEIGHT: 31px
}
.panelItems UL {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.panelItems LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; BACKGROUND: url(http://www.tysy.com/2008images/ico_dot.gif) no-repeat 21px 3px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.panelItems LI:hover {
	BACKGROUND: url(http://www.tysy.com/2008images/ico_arrowRight.gif) no-repeat 19px 0px
}
#focus {
	FLOAT: left; WIDTH: 547px
}
.sheng {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: PADDING-BOTTOM: 0px; WIDTH: 501px; PADDING-TOP: 5px; HEIGHT: 300px;BACKGROUND: url(http://www.tysy.com/2008images/hengbiao.jpg) no-repeat 490px 24px}
.switcher {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: PADDING-BOTTOM: 0px; WIDTH: 490px; PADDING-TOP: 5px; HEIGHT: 24px}
.switcher .display {
	OVERFLOW: hidden;
	WIDTH: 500px;
	POSITION: relative;
	HEIGHT: 250px;
}
.switcher UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	left: -1px;
	top: 0px;
}
.switcher LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; WIDTH: 500px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 250px}
.switcher LI H2 {
	FONT-SIZE: 14px; MARGIN-BOTTOM: 5px
}
.switcher .item_image {
	FLOAT: left; MARGIN: 0px 0px 0px 0px}
.switcher .item_image .image_w IMG {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px solid; WIDTH: 240px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 166px
}
.video {
	FILTER: revealTrans(transition=23,duration=0.5);
	VISIBILITY: hidden;
	POSITION: absolute;
	height: 300px;
	width: 514px;
	left: 454px;
	top: 234px;
	align:center;
	float: left;
	border: 1px solid #D35631;
	background-position: left top;
}

.switcher .control {
	MARGIN: 10px auto 0px; WIDTH: 420px; TEXT-ALIGN: center
}
.switcher .control A {
	FONT-WEIGHT: bold; COLOR: #fff; LINE-HEIGHT: 28px; TEXT-DECORATION: none
}
.switcher .control A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
.switcher .pageUp {
	BACKGROUND: url(http://www.tysy.com/2008images/control.gif) no-repeat -32px top; FLOAT: left; WIDTH: 31px; TEXT-INDENT: -9999px; MARGIN-RIGHT: 25px; HEIGHT: 30px
}
.switcher .pageDown {
	BACKGROUND: url(http://www.tysy.com/2008images/control.gif) no-repeat -128px top; FLOAT: left; MARGIN-LEFT: 25px; WIDTH: 31px; TEXT-INDENT: -9999px; HEIGHT: 30px
}
.switcher .pageNumber {
	BACKGROUND: url(http://www.tysy.com/2008images/control.gif) no-repeat -97px top; FLOAT: left; MARGIN: 0px 5px; WIDTH: 31px; HEIGHT: 30px
}
.switcher .pageNumber_a {
	BACKGROUND: url(http://www.tysy.com/2008images/control.gif) no-repeat -65px top
}
.switcher .pageUp_a {
	BACKGROUND: url(http://www.tysy.com/2008images/control.gif) no-repeat left top
}
.switcher .pageDown_a {
	BACKGROUND: url(http://www.tysy.com/2008images/control.gif) no-repeat right top
}
.searchbar {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	WIDTH: 450px;
	PADDING-TOP: 271px;
	HEIGHT: 53px;
	overflow: hidden;
	visibility: hidden;
	z-index: auto;
}

.recom_tag {
	MARGIN: 7px 0px 0px; COLOR: #8c8c8c
}
.recom_tag A {
	COLOR: #8c8c8c
}
.recom_tag A:hover {
	COLOR: #f63
}
#notice {
	FLOAT: right; MARGIN-BOTTOM: 7px; WIDTH: 240px; HEIGHT: 210px
}
#notice UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; LIST-STYLE-TYPE: disc
}
#notice LI {
	MARGIN: 0px 0px 2px 20px
}
.activity {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.activity IMG {
	FLOAT: left; WIDTH: 99px; MARGIN-RIGHT: 5px; HEIGHT: 66px
}
#developer {
	FLOAT: right; WIDTH: 240px
}
#developer .bBody {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}

#developer .modItem {
	PADDING-RIGHT: 10px; PADDING-LEFT: 98px; PADDING-BOTTOM: 15px; LINE-HEIGHT: 160%; PADDING-TOP: 12px
}
#developer UL {
	PADDING-RIGHT: 0px; BORDER-TOP: #e5e5e5 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
#developer LI {
	MARGIN: 0px 0px 0px 30px; LIST-STYLE-TYPE: disc
}
* HTML #developer LI {
	MARGIN: 0px 0px 1px 30px
}
* + HTML #developer LI {
	MARGIN: 0px 0px 1px 30px
}
#con2 {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden
}
#recomBox {
	FLOAT: left; WIDTH: 705px
}
#recomBox .bHead {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#recomBox .bHead H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(http://www.tysy.com/2008images/recom_t.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; HEIGHT: 20px
}
#recomBox .bBody {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
#recomBox .background {
	BACKGROUND: url(http://www.tysy.com/2008images/recom_bg.gif) repeat-x; FLOAT: left; WIDTH: 100%
}
#recomBox .contentText {
	FLOAT: left; WIDTH: 200px
}
#recomBox .contentArea {
	PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 15px
}
#recomBox .contentArea P {
	MARGIN: 5px 0px; LINE-HEIGHT: 160%
}
#recomBox .contentTitle {
	FONT-WEIGHT: bold; COLOR: #333333
}
#recomBox .contentPic_s {
	FLOAT: left; WIDTH: 118px
}
#recomBox .contentPic_s A:hover IMG {
	BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid
}
#recomBox .contentPic_s IMG {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ddd 1px solid; WIDTH: 108px; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid; HEIGHT: 81px
}
#recomBox .more {
	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 690px; FONT-FAMILY: "ËÎ?"; TEXT-ALIGN: right
}
#nearly {
	PADDING-RIGHT: 0px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 0px; BACKGROUND: #eef3f6; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 11px 0px 0px; WIDTH: 100%; PADDING-TOP: 5px
}
#nearly STRONG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px
}
#nearly UL {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px 20px; BORDER-LEFT: #eee 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
#nearly LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; OVERFLOW: hidden; WIDTH: 105px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 19px
}
#nearly .ico {
	WIDTH: 16px; HEIGHT: 16px
}
#top_widget {
	FLOAT: right; WIDTH: 240px; HEIGHT: 396px
}
* HTML #top_widget {
	HEIGHT: 393px
}
* + HTML #top_widget {
	HEIGHT: 393px
}
#top_widget .ico {
	WIDTH: 16px; HEIGHT: 16px
}
#top_widget .more {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: "ËÎ?"; TEXT-ALIGN: right
}
#top_widget OL.topList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; MARGIN: 0px 5px 0px 25px; PADDING-TOP: 6px; BORDER-BOTTOM: #e5e5e5 1px solid
}
* HTML #top_widget OL.topList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 6px
}
* + HTML #top_widget OL.topList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
#top_widget OL.topList LI SPAN {
	FONT: 12px/20px Arial,Helvetica,sans-serif; COLOR: #666
}
#top_widget OL.topList LI SPAN.title {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 120px; LINE-HEIGHT: 18px; HEIGHT: 18px
}
#top_widget OL.topList LI SPAN.info {
	MARGIN-TOP: -20px; FLOAT: right; TEXT-ALIGN: right
}
#con3 {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden
}
.themeList {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px
}
.themeList LI {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BACKGROUND: url(http://www.tysy.com/2008images/theme_bg.gif) repeat-x center top; FLOAT: left; MARGIN: 0px 15px 20px 0px; OVERFLOW: hidden; BORDER-LEFT: #eee 1px solid; WIDTH: 206px; BORDER-BOTTOM: #eee 1px solid; LIST-STYLE-TYPE: none; HEIGHT: 212px; TEXT-ALIGN: center
}
* HTML .themeList LI {
	MARGIN: 0px 15px 10px 0px
}
* + HTML .themeList LI {
	MARGIN: 0px 15px 10px 0px
}
.thumb IMG {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px solid; WIDTH: 188px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 140px
}
.thumb:hover IMG {
	BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid
}
.themeList .title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.themeList .author {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px
}
#top_theme {
	FLOAT: right; WIDTH: 240px; HEIGHT: 520px
}
#top_theme .more {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: "ËÎ?"; TEXT-ALIGN: right
}

#top_theme OL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px dotted; HEIGHT: 103px
}
* HTML #top_theme OL LI {
	HEIGHT: 105px
}

#top_theme OL LI .image IMG {
	LEFT: 3px; WIDTH: 120px; POSITION: absolute; TOP: 7px; HEIGHT: 88px
}
#top_theme OL LI DIV.title {
	MARGIN: -99px 0px 0px 132px
}
#con4 {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden
}
#cooperation {
	FLOAT: left; WIDTH: 958px
}
#cooperation UL {
	FLOAT: left
}
#cooperation LI {
	FLOAT: left
}
#cooperation .more {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; FONT-FAMILY: "ËÎ?"; TEXT-ALIGN: right
}
#footer {
	CLEAR: both
}
#innerFooter {
	PADDING-RIGHT: 40px; PADDING-LEFT: 40px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
#powered {
	MARGIN: 10px 0px
}
#contact {
	MARGIN: 10px 0px
}
#copyright {
	MARGIN: 10px 0px
}
#con5 {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden
}
#top_zhuanti_1 {
	FLOAT: left; WIDTH: 225px
}
#top_zhuanti_2 {
	FLOAT: left; WIDTH: 225px
}
#top_zhuanti_3 {
	FLOAT: left; WIDTH: 225px
}
#top_zhuanti_4 {
	FLOAT: left; WIDTH: 225px
}
#top_zhuanti_1 {
	MARGIN-RIGHT: 17px
}
#top_zhuanti_2 {
	MARGIN-RIGHT: 17px
}
#top_zhuanti_3 {
	MARGIN-RIGHT: 17px
}
#con5 .ico {
	WIDTH: 16px; HEIGHT: 16px
}
#con5 .more {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: "ËÎ?"; TEXT-ALIGN: right
}
#con5 OL.topList {
	BACKGROUND: url(http://www.tysy.com/2008images/rank_w.gif) no-repeat 5px 5px
}
#con5 OL.topList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; MARGIN: 0px 5px 0px 25px; PADDING-TOP: 6px; BORDER-BOTTOM: #e5e5e5 1px solid
}
* HTML #con5 OL.topList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 6px
}
* + HTML #con5 OL.topList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
#con5 OL.topList LI SPAN {
	FONT: 12px/20px Arial,Helvetica,sans-serif; COLOR: #666
}
#con5 OL.topList LI SPAN.title {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 120px; LINE-HEIGHT: 18px; HEIGHT: 18px
}
#con5 OL.topList LI SPAN.info {
	MARGIN-TOP: -20px; FLOAT: right; TEXT-ALIGN: right
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #cccccc;
	width: 1005px;
}

#navBar{
	float: left;
	width: 181px;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}

#headlines{
  float:left;
	width: 522px;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 0px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 0px 0px 0px 0px;
	width: 1005px;
}

#siteInfo img{
	padding: 0px 0px 0px 0px;
	vertical-align: super;
}
/************* #siteInfo styles ***************/