BODY {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
FONT-SIZE: 12px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
COLOR: #000; 
LINE-HEIGHT: 1.3; 
PADDING-TOP: 0px; 
FONT-FAMILY: "宋体", Tahoma, Verdana, sans-serif;
}

#body_bg {
FONT-SIZE: 12px; 
BACKGROUND: url(../images/background.jpg) #4d6275; 
MARGIN: 20px 0px; 
COLOR: #000; 
LINE-HEIGHT: 1.3; 
FONT-FAMILY: "宋体", Tahoma, Verdana, sans-serif;
}

.clr {
CLEAR: both;
}

P {
PADDING-BOTTOM: 5px; 
MARGIN: 0px
}

H1 {
FONT-WEIGHT: normal; 
FONT-SIZE: 24px; 
MARGIN: 5px 0px; 
COLOR: #9f0004; 
FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif; 
LETTER-SPACING: -0.05em;
}

H2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 22px; 
MARGIN: 5px 0px; 
COLOR: #9f0004; 
FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif; 
LETTER-SPACING: -0.05em;
}

H3 {
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
MARGIN: 5px 0px; 
COLOR: #9f0004; 
FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif; 
LETTER-SPACING: -0.05em;
}

H4 {
FONT-WEIGHT: normal; 
FONT-SIZE: 18px; 
MARGIN: 5px 0px; 
COLOR: #9f0004; 
FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif; 
LETTER-SPACING: -0.05em;
}

H5 {
MARGIN: 5px 0px; 
FONT-SIZE: 13px;
COLOR: #000;
}

H6 {
MARGIN: 15px 0px; 
COLOR: #aaaaaa; 
BORDER-BOTTOM: #eeeeee 1px solid;
}

A:link {
COLOR: #00469b; 
POSITION: relative; 
TEXT-DECORATION: none;
}

A:visited {
COLOR: #00469b; 
POSITION: relative; 
TEXT-DECORATION: none;
}

A:hover {
COLOR: #9f0004; 
TEXT-DECORATION: underline;
}

A:unknown {
outline: none;
}

UL {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px 0px 0px 15px; 
PADDING-TOP: 0px;
}

UL A:link {
COLOR: #00469b; 
TEXT-DECORATION: none;
}

UL A:visited {
COLOR: #00469b; 
TEXT-DECORATION: none;
}

UL A:hover {
COLOR: #9f0004; 
TEXT-DECORATION: underline;
}

FORM {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
POSITION: relative
}

INPUT {
FONT: 12px "宋体", Tahoma, Verdana, sans-serif;
}

SELECT {
FONT: 12px "宋体", Tahoma, Verdana, sans-serif;
PADDING: 2px;
}

.inputbox {
PADDING: 2px;
MARGIN: 1px 0px;
}

.inputbox:unknown {
BORDER: #babdb6 1px solid;
BACKGROUND: #ffffdd;
}

TEXTAREA {
PADDING-LEFT: 2px;
}

TEXTAREA.inputbox {
FONT: 12px "宋体", Tahoma, Verdana, sans-serif; 
WIDTH: 95%;
}

FIELDSET {
BORDER: #d5d5d5 1px solid;
PADDING: 10px; 
BACKGROUND: #fff; 
}

.button {
BORDER: #babdb6 1px solid; 
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
BACKGROUND: #f5f5f5;
CURSOR: pointer; 
COLOR: #999;
}

.button:hover {
BORDER: #e1e1e1 1px solid;
COLOR: #000;
}

.button:unknown {
BORDER: #e1e1e1 1px solid;
COLOR: #000;
}

.inputbox {
BORDER: #edeeec 1px solid;
}

.inputbox:hover {
BORDER: #babdb6 1px solid;
}

.inputbox:unknown {
BORDER: #babdb6 1px solid;
}

HR {
BORDER-RIGHT: 0px; 
BORDER-TOP: #d5d5d5 1px solid; 
BORDER-LEFT: 0px; 
BORDER-BOTTOM: 0px; 
HEIGHT: 1px;
}

DIV#accordion {
PADDING-LEFT: 5px;
}

.toggler {
FONT-SIZE: 14px; 
MARGIN: 0px; 
CURSOR: pointer; 
COLOR: #00469b;
}

.home DIV#nav LI.home {
BACKGROUND: url(../images/menu_active.gif) repeat-x left top;
}

.home DIV#nav LI LI.home {
BACKGROUND: #013f5f;
}

DIV#wrapper {
MARGIN: 0px;
WIDTH: 970px;
}

.small {
FONT-SIZE: 10px; 
COLOR: #aaa;
}

.highlight {
BACKGROUND-COLOR: #ffff99;
}

DIV.blog_author {
FONT-SIZE: 12px; 
MARGIN-BOTTOM: 5px; 
COLOR: #aaa;
}

DIV#top_header_wrap {
}

DIV.top_header {
BACKGROUND: url(../images/top_header.png) no-repeat left top; 
HEIGHT: 111px;
}

DIV#logo_wrap {
WIDTH: 970px;
POSITION: relative;
}

DIV#logo {
BACKGROUND: url(../images/logo.png) no-repeat; 
LEFT: 46px; 
WIDTH: 348px; 
POSITION: absolute; 
TOP: 33px; 
HEIGHT: 70px;
}

DIV#beta_wrap {
Z-INDEX: 1000;
WIDTH: 970px; 
POSITION: relative;
}

DIV#beta {
RIGHT: 25px; 
BACKGROUND: url(../images/beta_stripe.png) no-repeat; 
WIDTH: 107px; 
POSITION: absolute; 
TOP: 24px; 
HEIGHT: 107px;
}

DIV#content_layout_wrap {	
}

DIV.content_layout {
BACKGROUND: url(../images/content_layout.png) repeat-y left top; 
HEIGHT: 1%;
}

DIV.content_layout_sidebar {
BACKGROUND: url(../images/content_layout_sidebar.png) repeat-y left top; 
HEIGHT: 1%;
}

DIV#top_menu_wrap {
PADDING: 0px 25px 0px 25px;
}

DIV.top_menu {
BACKGROUND: url(../images/topmenu.png) repeat-x left top; 
HEIGHT: 33px;
}

DIV#ddmenuwrap {
Z-INDEX: 100; 
BACKGROUND: url(../images/topmenu.png) repeat-x; 
POSITION: relative; 
HEIGHT: 33px;
}

DIV#ddmenu {	
}

DIV#nav {
PADDING: 0px; 
MARGIN: 0px; 
HEIGHT: 33px;
}

DIV#nav A {
PADDING: 0px 15px 0px 15px; 
DISPLAY: block; 
FONT-SIZE: 12px; 
FLOAT: left; 
CURSOR: pointer; 
COLOR: #fff; 
LINE-HEIGHT: 33px; 
TEXT-DECORATION: none;
}

DIV#nav UL UL A.daddy {
BACKGROUND: url(../images/sublink.png) no-repeat 100% 50%;
}

DIV#nav UL UL A.daddy:hover {
BACKGROUND: url(../images/sublink_hover.png) no-repeat 100% 50%;
}

DIV#nav LI A {
BACKGROUND: url(../images/menu_div.gif) no-repeat 100% 0px;
}

DIV#nav LI A:hover {
}

DIV#nav LI LI A {
PADDING: 0px;
FONT-WEIGHT: normal; 
BACKGROUND: none transparent scroll repeat 0% 0%;
COLOR: #fff; 
TEXT-INDENT: 15px; 
LINE-HEIGHT: 25px;
}

DIV#nav UL LI UL LI A:hover {
BACKGROUND: none transparent scroll repeat 0% 0%;
}

DIV#nav UL LI A:hover {
COLOR: #fefefe;
}

DIV#nav UL LI UL LI UL LI A:hover {
COLOR: #fefefe;
}

DIV#nav {
PADDING: 0px; 
FLOAT: left; 
MARGIN: 0px; 
LIST-STYLE-TYPE: none;
}

DIV#nav UL {
PADDING: 0px;
FLOAT: left;
MARGIN: 0px;
LIST-STYLE-TYPE: none;
}

DIV#nav LI LI {
PADDING: 0px; 
BACKGROUND: none transparent scroll repeat 0% 0%; 
BORDER-BOTTOM: #01324d 1px solid;
}

DIV#nav A {
}

DIV#nav UL UL A {
DISPLAY: block; 
FONT-SIZE: 12px; 
WIDTH: 167px; 
COLOR: #ffffff; 
TEXT-ALIGN: left; 
TEXT-DECORATION: none;
}

DIV#nav LI {
PADDING: 0px; 
BACKGROUND: none transparent scroll repeat 0% 0%; 
FLOAT: left; 
HEIGHT: 33px;
}

DIV#nav UL LI {
POSITION: relative;
}

DIV#nav LI UL {
BORDER-TOP: #01324d 1px solid;
BORDER-RIGHT: #01324d 1px solid;
BORDER-LEFT: #01324d 1px solid;
BORDER-BOTTOM-WIDTH: 0px;
PADDING: 0px;
FONT-WEIGHT: normal; 
LEFT: -999em;
MARGIN: 0px;
WIDTH: 170px;
POSITION: absolute; 
TOP: 33px; 
HEIGHT: auto;
}

DIV#nav UL {
PADDING: 0px;
MARGIN: 0px;
}

DIV#nav LI LI {
PADDING: 0px; 
FLOAT: left;
WIDTH: 170px;
HEIGHT: 25px;
}

DIV#nav LI UL UL {
MARGIN: -30px 0px 0px 170px;
}

DIV#nav LI:hover UL UL {
LEFT: -999em;
}

DIV#nav LI:hover UL UL UL {
LEFT: -999em;
}

DIV#nav LI:hover UL UL UL UL {
LEFT: -999em;
}

DIV#nav LI.sfhover UL UL {
LEFT: -999em;
}

DIV#nav LI.sfhover UL UL UL {
LEFT: -999em;
}

DIV#nav LI.sfhover UL UL UL UL {
LEFT: -999em;
}

DIV#nav LI:hover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI LI:hover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI LI LI:hover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI LI LI LI:hover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI.sfhover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI LI.sfhover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI LI LI.sfhover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI LI LI LI.sfhover UL {
Z-INDEX: 100; 
LEFT: 0px;
}

DIV#nav LI:hover {
BACKGROUND: url(../images/menu_active.gif) repeat-x left top; 
LEFT: 0px; 
HEIGHT: 33px;
}

DIV#nav LI.sfhover {
BACKGROUND: url(../images/menu_active.gif) repeat-x left top; 
LEFT: 0px; 
HEIGHT: 33px;
}

DIV#nav LI LI:hover {
BACKGROUND: #01669a; 
LEFT: 0px; 
HEIGHT: 25px;
}

DIV#nav LI LI.sfhover {
BACKGROUND: #01669a; 
LEFT: 0px; 
HEIGHT: 25px;
}

DIV#nav LI:hover A {
COLOR: #fff;
}

DIV#nav LI.sfhover A {
COLOR: #fff;
}

DIV#nav LI LI:hover A {
COLOR: #fff;
}

DIV#nav LI LI.sfhover A {
COLOR: #fff;
}

DIV#nav LI LI:hover A:hover {
COLOR: #fff;
}

DIV#nav LI LI.sfhover A:hover {
COLOR: #fff;
}

DIV#nav A {	
}

DIV#nav UL UL A {
BACKGROUND: none transparent scroll repeat 0% 0%;
}

DIV#nav LI:hover UL {
BACKGROUND: #014b72;
}

DIV#nav LI LI:hover UL {
BACKGROUND: #014b72;
}

DIV#nav LI LI LI:hover UL {
BACKGROUND: #014b72;
}

DIV#nav LI LI LI LI:hover UL {
BACKGROUND: #014b72;
}

DIV#nav LI.sfhover UL {
BACKGROUND: #014b72;
}

DIV#nav LI LI.sfhover UL {
BACKGROUND: #014b72;
}

DIV#nav LI LI LI.sfhover UL {
BACKGROUND: #014b72;
}

DIV#nav LI LI LI LI.sfhover UL {
BACKGROUND: #014b72;
}

DIV#header_wrap {
PADDING: 0px 25px 0px 25px;
}

DIV#header {
BACKGROUND: #F6F6F6; 
BORDER-BOTTOM: #c1c1c1 5px solid; 
}

DIV#header_content_wrap {	
}

DIV#header_content {
HEIGHT: 305px;
}

#demo-bar {
PADDING: 0px;
MARGIN: 0px auto;
WIDTH: 920px;
TEXT-ALIGN: center;
}

#demo-wrapper {
MARGIN: 0px auto; 
OVERFLOW: hidden; 
WIDTH: 920px; 
POSITION: relative; 
HEIGHT: 305px;
}

#demo-inner {
WIDTH: 4600px;
POSITION: relative;
HEIGHT: 305px;
}

.scrolling-content {
WIDTH: 139px; 
POSITION: absolute; 
HEIGHT: 73px; 
TEXT-ALIGN: left;
}

.scrolling-content H1 {
PADDING: 0px;; 
FONT-SIZE: 12px; 
COLOR: #fff; 
}

DIV#header_buttons_wrap {	
}

DIV#header_buttons {
BACKGROUND: url(../images/header_buttons_bg.png) repeat-x left top; 
HEIGHT: 80px;
}

UL#buttons {
PADDING: 0px;
MARGIN: 0px;
}

UL#buttons LI {
LIST-STYLE-TYPE: none;
}

UL#buttons LI A:link {
DISPLAY: block; 
WIDTH: 184px; 
HEIGHT: 80px;
}

UL#buttons LI A:visited {
DISPLAY: block; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_intro {
BACKGROUND: url(../images/header_but_intro.jpg) no-repeat; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_intro A:hover {
BACKGROUND: url(../images/header_but_intro.jpg) no-repeat 0% 50%;
}

LI#but_intro A.active {
BACKGROUND: url(../images/header_but_intro.jpg) no-repeat 0% 100%; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_flexible {
BACKGROUND: url(../images/header_but_flex.jpg) no-repeat; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px
}

LI#but_flexible A:hover {
BACKGROUND: url(../images/header_but_flex.jpg) no-repeat 0% 50%;
}

LI#but_flexible A.active {
BACKGROUND: url(../images/header_but_flex.jpg) no-repeat 0% 100%;
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_support {
BACKGROUND: url(../images/header_but_support.jpg) no-repeat; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_support A:hover {
BACKGROUND: url(../images/header_but_support.jpg) no-repeat 0% 50%;
}

LI#but_support A.active {
BACKGROUND: url(../images/header_but_support.jpg) no-repeat 0% 100%; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_pro {
BACKGROUND: url(../images/header_but_pro.jpg) no-repeat; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_pro A:hover {
BACKGROUND: url(../images/header_but_pro.jpg) no-repeat 0% 50%;
}

LI#but_pro A.active {
BACKGROUND: url(../images/header_but_pro.jpg) no-repeat 0% 100%; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_w3c {
BACKGROUND: url(../images/header_but_w3c.jpg) no-repeat; 
FLOAT: left; 
WIDTH: 184px; 
HEIGHT: 80px;
}

LI#but_w3c A:hover {
BACKGROUND: url(../images/header_but_w3c.jpg) no-repeat 0% 50%;
}

LI#but_w3c A.active {
BACKGROUND: url(../images/header_but_w3c.jpg) no-repeat 0% 100%; 
FLOAT: left;
WIDTH: 184px; 
HEIGHT: 80px;
}

DIV#content_wrap {
PADDING: 0px 25px 0px 25px;
FLOAT: left;
}

DIV#content_wrap_sidebar {
PADDING: 0px 25px 0px 25px;
FLOAT: left;
WIDTH: 670px;
}

DIV#content {	
}

DIV#contentbar {
background:	#F1F6F6;
text-align: left;
padding: 5px 20px 3px 20px;
border-bottom: 1px #ccc dashed;
}

DIV#mainbody_wrap {	
}

DIV#mainbody {
PADDING: 20px 20px 0px 20px;
TEXT-ALIGN: left;
}

DIV#title {
height:20px;
padding:3px 3px 0px 20px;
background:url(../images/titlebg.jpg) top repeat-x;
font-size:13px;
font-weight:bold;
color:#FFF;
margin-bottom:3px;
}

DIV#title_content {
margin-bottom:5px;
}

DIV#title_content UL{
width:630px;
list-style:none;
padding:0px;
margin:0px;
}

DIV#title_content LI{
width:90px;
height:35px;
float:left;
text-align:center;
}

DIV#demo{
overflow:hidden;
height:150px;
width:100%;
}

DIV.entry {
}

DIV#sidebar_wrap {
MARGIN-TOP: 20px; 
FLOAT: left; 
WIDTH: 200px; 
TEXT-ALIGN: left;
}

DIV#sidebar {
FONT-SIZE: 12px; 
MARGIN-BOTTOM: 30px; 
COLOR: #595959;
}

DIV#nowtime {
FONT-SIZE:12px;
font-weight:bold;
COLOR:#FFF;
margin-bottom:10px;
background:url(../images/timebg.jpg) repeat-x top;
padding:1px;
height:20px;
}

DIV#rolllink {
OVERFLOW:hidden;
width:100%;
HEIGHT:233px;
border-top:2px solid #FF3333;
border-bottom:2px solid #FF3333;
margin-bottom:20px;
}

DIV#sidebar H3 {
FONT-WEIGHT: bold; 
FONT-SIZE: 14px; 
MARGIN: 0px 0px 3px; 
COLOR: #587788; 
FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif; 
LETTER-SPACING: -0.05em;
}

DIV#sidebar A:link {
COLOR: #9f0004; 
TEXT-DECORATION: none;
}

DIV#sidebar A:visited {
COLOR: #9f0004; 
TEXT-DECORATION: none;
}

DIV#sidebar A:hover {
COLOR: #00469b; 
TEXT-DECORATION: underline;
}

DIV.entry_sidebar {
MARGIN-BOTTOM: 20px;
line-height:170%;
}

DIV.bottom_layout {
BACKGROUND: url(../images/bottom_layout.png) repeat-y left top; 
HEIGHT: 41px;
}

DIV.bottom_layout_sidebar {
BACKGROUND: url(../images/bottom_layout_sidebar.png) repeat-y left top; 
HEIGHT: 41px;
}

DIV#footer_wrap {
PADDING-TOP: 10px;
}

DIV#footer {
FONT-SIZE: 12px;
}

DIV#footer A:link {
font-weight:bold;
COLOR: #FF3333; 
TEXT-DECORATION: none;
}

DIV#footer A:visited {
font-weight:bold;
COLOR: #FF3333; 
TEXT-DECORATION: none;
}

DIV#footer A:hover {
font-weight:bold;
COLOR: #FF6600; 
TEXT-DECORATION: underline;
}

/*CSS green-black style pagination*/

DIV.green-black {
PADDING: 3px; 
MARGIN: 3px; 
TEXT-ALIGN: right;
}

DIV.green-black A {
BORDER: #2c2c2c 1px solid; 
PADDING: 2px 5px 2px 5px;
BACKGROUND: url(../images/image1.gif) #2c2c2c;
COLOR: #fff; 
MARGIN-RIGHT: 2px;
TEXT-DECORATION: none;
}

DIV.green-black A:hover {
BORDER: #aad83e 1px solid; 
BACKGROUND: url(../images/image2.gif) #aad83e;
COLOR: #fff; 
}

DIV.green-black A:active {
BORDER: #aad83e 1px solid; 
BACKGROUND: url(../images/image2.gif) #aad83e;
COLOR: #fff; 
}

DIV.green-black SPAN.current {
BORDER: #aad83e 1px solid; 
PADDING: 2px 5px 2px 5px;
BACKGROUND: url(../images/image2.gif) #aad83e;
COLOR: #fff; 
MARGIN-RIGHT: 2px;
}

DIV.green-black SPAN.disabled {
BORDER: #f3f3f3 1px solid; 
PADDING: 2px 5px 2px 5px;
COLOR: #ccc; 
MARGIN-RIGHT: 2px;
}