﻿/* Created by shuanger, 2008-10-23*/
body { margin:0; padding:0; font:12px Arial; background:#fdfdee url(images/bg.jpg) top repeat-x;}
#head{ width:878px; height:71px; margin:0 auto; background:url(images/logoword.jpg) 220px 20px no-repeat;}
#topnav{ width:200px; height:25px; float:left; margin:0 0 0 565px; background:#8AB511; display:inline; padding:0;}
#topnav ul{ padding:0; margin:0; list-style:none;}
#topnav ul li{ float:left; line-height:15px; padding:5px 9px;}
#topnav ul li a{ text-decoration:none; color:#000;}
#topnav ul li a:hover{ color:#fff;}
#nav{ width:878px; height:65px; margin:0 auto; background:url(images/nav_bg.jpg) repeat-x; padding:0;}
#nav ul{ padding:0; margin:0; list-style:none; float:left;}
#nav ul li{ float:left; line-height:39px; padding:6px 10px; background:url(images/nav_left_bg.jpg) left top no-repeat; margin:0;}
#nav ul li a{color:#000;}
#nav ul li a:hover{ color:#369;}
#nav ul li a:hover{ text-decoration:underline;}
#main{ width:878px; overflow:hidden; margin:0 auto; padding:0;}
#left{ width:220px; float:left;  background:#E7E7D6; margin:0; padding:0;}
#right{ width:652px; float:right; padding:0 0 0 6px; margin:0;}
#cright{ width:658px; float:right; padding:0; margin:0; background:#FDFDEE;}
#main:after{ display: block; height: 0; clear: both; visibility: hidden;}
#main{display: inline-block;}
/*\*/
#main{display: block;}
/* end easy clearing */
/*\*/
#left, #right, #cright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#left, #right, #cright{padding-bottom: 0 !important; margin-bottom: 0 !important; }
#left:before, #right:before, #cright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0;}
}
#flash{ width:200px; height:145px; float:left; margin:10px; background:#fff; display:inline;}
#bulletin{ width:210px; height:145px; float:left; margin:10px 5px 0 5px; padding-top:21px; display:inline; background:url(images/bulletin.jpg) top no-repeat;}
#bulletin ul{ padding:0; margin:0; list-style:none;}
#bulletin ul li{line-height:12px; padding:5px 0 5px 10px; margin:0;}
#bulletin ul li a{ text-decoration:none; color:#000;}
#bulletin ul li a:hover{ text-decoration:underline;}
#links{ width:210px; height:145px; float:left; margin:15px 5px 0 5px; padding:25px 0 0 0; display:inline; background:url(images/links.jpg) top no-repeat;}
#links ul{ padding:0; margin:0; list-style:none;}
#links ul li{line-height:12px; padding:5px 0 5px 10px; margin:0;}
#links ul li a{ text-decoration:none; color:#000;}
#links ul li a:hover{ text-decoration:underline;}
.apply{ padding:0 5px; float:left;}
.app{ width:210px; line-height:18px; color:#000; float:left; padding:10px 5px;} 
.install{ padding:0 5px 20px 5px; float:left;}
#news{ width:320px; height:193px; float:left; border:1px #B6B683 solid; margin:5px 7px 10px 0; display:inline;}
#newstitle{ width:275px; height:20px; float:left; padding:0; margin:10px 30px 5px 15px; display:inline;}
#newstitle h1{float:left; font: bold 14px "宋体"; color:#3E650C; padding:0; margin:0;}
#newstitle span a{ float:right; display:inline; padding:0; font: bold 12px Arial; color:#1F3A87; text-decoration:none;}
#news ul{ padding:0; margin:0; list-style:none;}
#news ul li{line-height:12px; padding:5px 0 5px 20px; margin:0;}
#news ul li a{ text-decoration:none; color:#426A0C;}
#news ul li a:hover{ text-decoration:underline;}
#intro{ width:320px; height:193px; float:left; border:1px #B6B683 solid; margin:5px 0 10px 0;}
#introtitle{ width:275px; height:20px; float:left; padding:0; margin:10px 30px 5px 15px; display:inline;}
#introtitle h1{float:left; font: bold 14px "宋体"; color:#3E650C; padding:0; margin:0;}
#introtitle span a{ float:right; display:inline; padding:0; font: bold 12px Arial; color:#1F3A87; text-decoration:none;}
#intro p{ padding:5px 12px 0 10px; margin:0; display:block; float:left; text-indent:24px; line-height:18px; color:#426A0C;}
#intro p a{ text-decoration:none; color:#426A0C;}
#productslist {float: left; height:170px; width: 652px; background:url(images/list_bg.gif) repeat-x; margin:15px 0 0 0;}
#productstitle{ width:602px; height:20px; float:left; padding:0; margin:6px 30px 5px 20px; display:inline;}
#productstitle h2{float:left; font: bold 14px "宋体"; color:##3F4808; padding:0; margin:0;}
#productstitle span a{ float:right; display:inline; padding:0; font: 11px Arial; color:#1F3A87; text-decoration:none;}
#productslist ul{ margin:0; padding:0; list-style:none;}
#productslist ul li{ float:left; width:326px; height:120px; padding:0; margin:10px 0 0 0;}
#productslist li img{ float:left; width:160px; height:120px;}
#productslist li span{ float:left; width:155px; height:120px; margin:0 0 0 7px; padding:0; display:block; text-indent:24px; line-height:15px;color:#6f6f6f;}
#productslist li span a{text-decoration:none; color:#426A0C;}
#projectslist {float: left; height:170px; width: 652px; background:url(images/list_bg.gif) repeat-x; margin:15px 0 0 0;}
#projectstitle{ width:602px; height:20px; float:left; padding:0; margin:6px 30px 5px 20px; display:inline;}
#projectstitle h2{float:left; font: bold 14px "宋体"; color:##3F4808; padding:0; margin:0;}
#projectstitle span a{ float:right; display:inline; padding:0; font: 11px Arial; color:#1F3A87; text-decoration:none;}
#projectslist ul{ margin:0; padding:0; list-style:none;}
#projectslist ul li{ float:left; width:140px; height:125px; padding:0; margin:10px;display:inline;}
#projectslist li img{ float:left; width:140px; height:105px; border:1px #ccc solid;}
#projectslist li span{ float:left; width:140px; height:15px; margin:10px 0; padding:0; display:block; text-align:center; display:inline;}
#projectslist li span a{text-decoration:none; color:#426A0C;}
#submenu{ width:210px; float:left; margin:10px 5px 20px 5px; padding-top:30px; display:inline; background:url(images/submenu_bg.gif) top no-repeat;}
#submenu ul{ padding:0; margin:0; list-style:none;}
#submenu ul li{line-height:20px; padding:5px 0 5px 0; margin:0; border-bottom:1px #426A0C dashed; text-align:center;}
#submenu ul li a{ text-decoration:none; color:#426A0C; font-weight:bold;}
#submenu ul li a:hover{ text-decoration:underline;}
#cstitle{ padding:10px 15px; margin:0; float:left;}
#cstitle a{margin:0; padding:0; letter-spacing:2px; color:#426A0C; font-weight:bold; text-decoration:none; }
#crs{ width:618px;  border-top:1px solid #ddd; margin:0 15px 20px; padding:10px 5px 0 5px; clear:both;}
#footer{ width:100%; height:145px; margin:0 auto; background:url(images/botmnav_bg.gif) top repeat-x;}
#botmnav{ width:878px; height:37px; margin:0 auto; padding:0;}
#botmnav ul{ padding:14px 0 0 100px; margin:0; list-style:none;}
#botmnav ul li{ float:left; line-height:15px; padding:0 13px; background:url(images/line.gif) right no-repeat; margin:0;}
#botmnav ul li a{ text-decoration:none; color:#fff;}
#botmnav ul li a:hover{ text-decoration:underline;}
#botmnav .none{ background:none;}
#footer p{ text-align:center; width:878px; height:15px; margin: 5px auto; padding:0; display:block; color:#000;}  
/* Created by shuanger, 2008-10-23*/