@charset "utf-8";
/* CSS Document */

body								{ margin:0; padding:0; background:url(../images/bg.jpg) left top repeat-x;font: 12px/17px Arial, Helvetica, sans-serif; color: #333333;}

#wraper								{ margin:auto; width:990px;}

#top-header							{ float:left; height:90px; width:990px; margin:6px 0 0 0;}

#logo								{ float:left; height:38px; width:358px; margin: 27px 0 0 0;}
#logo img							{ float:left;}

#top-nav							{ width:540px;float:left; margin-left:90px;}
#top-nav ul							{ margin:0; padding:0; list-style:none;}
#top-nav ul li						{ float:left; line-height:90px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;  font-weight:bold; display:block;}

#top-nav ul li a					{ float:left; text-decoration:none; color:#333333;padding:0 21px; display:inline;text-transform: uppercase;}
#top-nav ul li a:hover				{ background:url(../images/nav_bullet.jpg) center top no-repeat; color: #999999;}
#top-nav ul li a.active				{ background:url(../images/nav_bullet.jpg) center top no-repeat; color: #999999;}


#header								{ float:left; width:982px; height:224px; background:url(../images/header-bg.jpg) left repeat-x; padding:7px 4px;}

#login								{ float:left; width:405px; height:224px; background:url(../images/login-bg.jpg) left top repeat-x;}
#login form							{ float:left; margin:0; padding:0;}
#login form input					{ float:left; margin:0; padding:0; width: 283px; height:20px; border:1px  solid #5B84AD; background:#FFFFFF; margin-bottom:5px; color:#666666; padding:3px 5px 0 5px;}

#login .style1						{ font-family:Arial, Helvetica, sans-serif; font-size:19px; clear:both; margin:5px 0 10px 20px; float:left; width:380px; color:
; line-height:20px;}
#login .style2						{ font-family:Arial, Helvetica, sans-serif; font-size:13px;margin:5px 5px 0 20px; float:left; width:60px; text-align:right; }

#login .style3						{ font-family:Arial, Helvetica, sans-serif; font-size:13px;margin:5px 5px 0 188px; float:left; width:115px; text-align:right; font-style:italic;}

#login .style3 a					{ text-decoration:none; color:#666666;}
#login .style3 a:hover				{ color:#000;}
#login img							{ float:left;}

#login .apprisal a					{ float:left; height:83px; width:399px; background:url(../images/research-appraisal.jpg) left top no-repeat; margin-top:10px; text-indent:-999px; line-height:0px; font-size:0px;}
#login .apprisal a:hover			{ background:url(../images/research-appraisal-over.jpg) left top no-repeat;}


#banner								{ float:left; height:224px; width:546px; margin-left:31px;}
#banner img							{ float:left;}





#body-content						{ float:left; width:990px; margin-top:20px; background:url(../images/body-bg.jpg) left 20px repeat-x #FFFFFF; padding-bottom:30px;}
#body-content img					{ float:left; margin:0; padding:0;}

#body-content-left					{ float:left; margin:0 0 0 15px; width:300px; padding:0;}

h1									{ float:left; margin:0 0 15px 0; padding:0; color:#003333; font-family: "Tahoma", Helvetica, sans-serif; font-size:22px; font-weight:normal; width:100%; }

h2									{ margin:20px 0 15px 0; padding:0; color:#003333; font-family: "Tahoma", Helvetica, sans-serif; font-size:22px; font-weight:normal;float:left; width:100%;}


p									{ margin:0 0 20px 0; padding:0; font: 12px/17px Arial, Helvetica, sans-serif; color: #333333; width:100%; float:left;}

.box								{ float:left; height:187px; width:280px; background:url(../images/gray-box.jpg) left top no-repeat; margin-bottom:20px;font: 13px/19px Arial, Helvetica, sans-serif; color: #000000; font-weight:bold; padding:10px;}


.dot-hor							{ float:left; height:1px; width:100%; background:url(../images/dot-hor.jpg) left top repeat-x;}

.address							{ margin:0 0 0 0; padding:0; font: 14px/19px Arial, Helvetica, sans-serif; color: #333333; font-weight:bold;}


#body-content-div-ver				{ float:left; width:41px; background:url(../images/dot-ver.jpg) top center repeat-y; height:800px;}
#body-content-right					{ float:left; width:619px;}

#body-content-right a img.cer			{ float: right; border:3px solid #CCCCCC; margin:0 0 10px 10px;}
#body-content-right a:hover img.cer		{ border:3px solid #E8E8E8;}

p.style4							{ color:#FF6600; font-weight:bold;}

.box-blue							{ float:left; background:#E7EEF5; border:1px solid #85ABD1; padding:20px; width:579px; text-align:center; font:16px/20px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:30px 0;}
.box-blue .oranger					{ color:#FF6600; font-size:17px;}


#footer-cont						{ height:72px; width:100%; background:#333333; clear:both;}
#footer								{ height:52px; width:960px; margin:0 auto; color:#FFFFFF; padding-top:20px; text-align:left; font-size:11px; line-height:14px;}

.contact a							{ font-size:16px; color:#7FA044; text-decoration:none; font-weight:bold;}
.contact a:hover					{ font-size:16px; color:#486417; text-decoration:none; font-weight:bold;}
#body-content .one					{ float:left; width:292px;}
#body-content .two					{ float:left; width:292px; margin-left:35px;}