﻿/* CSS Document */

body { height: 100%; background-color: #FFF; font-family: simsun, Arial, Helvetica, sans-serif; color: #5C5C5C; font-size: 12px; }
body, ul, li { margin: 0; padding: 0; }
ul, li { list-style: none; }
td { vertical-align: top; }
a { color: #5C5C5C; font-size: 12px; text-decoration: none; }
a:hover { text-decoration: underline; cursor:pointer; }
h1 { margin: 15px; padding-top:10px; font-size: 18px; color: #79C143; text-align: center; }
h2,h3 {text-align:center; }
h2 a { font-size: 16px; color: #666;  line-height:1.5em; }
h3 a { font-size: 16px; color: #CC6600;  line-height:1.5em; }
.td-yellow { background-color: #F8FCE6; }
.spacer { clear: both; font-size: 0; line-height: 0; }
.clear { clear:both;}
.floatright{ float:right;}

.container { margin:0px auto; width:1004px; }
.imgstyle { padding:1px; border:solid 1px #DADADA; }

/* head css */
.head { margin:0px; padding: 0; width:100%; POSITION: relative; background-color:#FFF; background:url(banner.jpg) right center no-repeat; }
.head img.logo { float: left; padding: 20px; }
.head .flash{ margin:0px; float:right;}

/*menu css */
.topmenu { height:32px; background:url(menulink.gif);}
ul.menu { list-style:none; margin:0; padding:0; }
ul.menu * { margin:0; padding:0; }
ul.menu a { display:block; color:#000; text-decoration:none; height: 25px; line-height: 25px;}
ul.menu li { position:relative; float:left; margin-right:2px; }
ul.menu ul { position:absolute; top:32px; left:0; background:#75B63F; display:none; opacity:0; list-style:none; }
ul.menu ul li { position:relative; border:1px solid #86C53D; border-top:none; width:128px; margin:0; }
ul.menu ul li a { display:block; padding:3px 7px 5px; background-color:#75B63F; color:#fff; }
ul.menu ul li a:hover { background-color:#5B9432; color:#fff2ee; text-decoration:none;}
ul.menu ul ul { left:128px; top:0px}
ul.menu .menulink { padding:3px 8px 4px 8px ; font-weight:normal; background:url('menulink.gif'); width:114px; color:#fff; text-align:center; font-size:14px; }
ul.menu .menulink:hover, ul.menu .menuhover { background:url('menuhover.gif'); font-weight:bold;text-decoration:none;}
ul.menu .sub { background:#5B9432 url('menusub.gif') 100% 0px no-repeat; font-weight:normal; }
ul.menu .topline { border-top:1px solid #86C53D; }
.time { float:right; padding-right:5px; color:#fff; text-align:right; line-height:32px; }

/* index css */
.in-area { margin:0px; padding:0px; background:#fff;  }
.area-left { DISPLAY: inline;FLOAT: left; MARGIN: 0px 5px 0px 0px; WIDTH: 300px; PADDING-TOP: 0px 0px 0px 20px; background-color:#e7e6e5; }

.feature { margin:5px 5px 0px 5px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 205px}
.featureBlack {	MARGIN: 0px 5px 5px 5px;  padding:10px; FONT-SIZE: 12px ; BACKGROUND: #181818;COLOR: #9c9999; LINE-HEIGHT: 1.4;}
.featureBlack H3 { MARGIN: 0px 0px 5px; COLOR: #fff }
.featureBlack H3 A { DISPLAY: block; FLOAT: right; MARGIN: 5px 0px 0px; COLOR: #91c53e; font-size:14px; font-weight:bold }

.intro { MARGIN: 0px auto 10px auto; WIDTH: 290px}
.introbox { MARGIN: 0px 0px 7px 0px; padding: 8px; BACKGROUND: #efeeee; }
.introboxHeader { padding:0px 10px; text-align:right; line-height:30px; background:url(greenline.gif) repeat-x center;  }
.introboxHeader a { padding:0px 10px; width:70px; background-color:#E7E6E5; font-size:14px; color:#5E9733; font-weight:bold; cursor:pointer; }
.introboxImg { DISPLAY: inline; FLOAT: left; WIDTH: 84px; HEIGHT: 104px; margin-bottom:5px; }
.introboxTxt { DISPLAY: inline; FLOAT: right; WIDTH: 182px; }
.introboxTxtHeader {FONT-SIZE: 12px; COLOR: #666; font-weight:bold; LINE-HEIGHT:25px; }
.introboxTxtBody {FONT-SIZE: 12px ; COLOR: #999; font-weight:normal; line-height:20px;}
.greenline { width:200px; height:5px; color:#5E9733; }

.area-mid { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 0px; WIDTH: 474px }
.blogbox { BACKGROUND: #fff;  MARGIN: 5px 5px 0px 0px; LINE-HEIGHT: 1.5; }
.blogbox2 { BACKGROUND: #fff;  MARGIN: 20px 5px 20px 0px; padding-bottom:10px; LINE-HEIGHT: 1.5; background:url(dotline.gif) repeat-x bottom; }
.blogtitle { margin:5px 0px 10px 0px; padding-left:20px; width:100%; background-color:#5E9733;font-size:14px; font-weight:bold; color:#fff; line-height:30px;  }
.blogtitle a { font-size:14px; font-weight:bold; color:#fff; line-height:30px; }
.blogboxTxtHeader { margin:20px; FONT-SIZE: 14px; COLOR: #666; font-weight:bold; LINE-HEIGHT:25px; }
.blogbody {	DISPLAY: block; FONT-SIZE: 12px; MARGIN: 5px 10px; width:100%; COLOR: #999; LINE-HEIGHT: 20px; padding-left:5px; }
.block2 ul { padding:0px 10px 10px 10px; float:left; width:210px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis;OVERFLOW: hidden; }
.block2 ul li { padding: 5px 0px; color: #B5B5B5; font-size: 12px; line-height: 1.2em; }
.block2 ul li a { color: #666;line-height: 1.2em; }
.dotline { margin:5px 10px; background:url(dotline.gif) repeat-x; width:90%; height:1px; }
.dotline2 { margin:5px 0px; background:url(dotline.gif) repeat-x; width:100%; height:1px; }

.area-right { DISPLAY: inline;FLOAT: right; MARGIN: 0px; WIDTH: 200px; PADDING-TOP: 0px 0px 0px 20px; background-color:#F8FCE6; }
.rightbox { margin:5px 0px; background:url(icon1.gif) left top no-repeat; }
.searchbox { margin:5px 0px; background:url(snlogo.gif) left top no-repeat; }
.boxHeader { padding:0px 10px; text-align:right; line-height:30px; background:url(greenline.gif) repeat-x bottom;font-size:14px; color:#5E9733; font-weight:bold;   }
.boxli { padding:0px 0px 10px 20px; color:#999; line-height:1em; }
.boxli a { padding:10px 20px; background:url(bt_green.gif) left center no-repeat; font-size:14px; color:#666; line-height:25px; font-weight:bold; line-height:3em;}
.searchbox .input { display:block; margin: 10px auto; padding-top: 3px; width: 130px; height: 16px; line-height: 14px; }
.searchbox .button { display:block;margin: 10px auto; width: 56px; height: 22px; background: url(button-bg.gif); border:0px; cursor:pointer; font-size:12px; color:#FFFFFF; font-weight:bold; }
.rightbox ul { margin:10px 5px; }
.rightbox ul li {padding: 5px 0px; font-size: 12px; line-height: 1.2em; }
.rightbox ul li a { line-height: 1.2em; font-weight:bold; }
.rightx ul { margin:10px 5px 30px 5px; }
.rightx ul li { font-size: 12px; line-height: 1.2em; font-weight:bold;  }
.rightx ul li a { padding: 5px 20px;line-height: 1.2em; font-weight:normal; }

.second-mid { DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 0px; WIDTH: 775px }
.second-mid2 { DISPLAY: inline; FLOAT: left; MARGIN: 0px; WIDTH: 445px }
.nav { margin:5px 0px; padding: 5px 0px 5px 15px; width:100%; color:#CC6600; background-color:#E7E6E5; }
.nav a { color:#666; }
.smcapsSm {	DISPLAY: block; padding-left:20px; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:#5E9733; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.page { margin: 15px 40px; width: 85%; height: 25px; background-color: #EEEEEE; border: solid 1px #DDDDDD; text-align: center; line-height: 2em; color:#999; }
.page a {color:#666;}
.title-sec { font-size: 12px; color: #999; text-align: center; }
.content { padding:15px 10px; width:auto; font-size: 14px; color: #666; line-height: 2em; }

/* foot css */
.footer { padding:5px 0px; background-color: #999; color: #FFFFFF; text-align: center; line-height:2em; }
.footer a { color:#fff; }