*{ margin: 0; padding: 0;}
body{ margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; background: url(imgs/back2.jpg) top left repeat-x #add0e3; font-size: 12px; font-weight: normal;}
body a{ text-decoration: none;}
body a img{ border: none;}
body img{ border: none; margin: 0; padding:0;}
body p{ margin: 0; padding: 0;  line-height: 22px;}

h2 { font-size:16px; }
a { color:#003366; }
a:hover { color:#CC0000; }
.news_date { font-size:10px; }
hr { margin:14px 0 6px 0; color:#CCCCCC; }

.clr{ clear: both; line-height: 0;}
#wrap{ width: 977px; margin: 0 auto;}
#nav{ width: 977px; height: 29px; float: left; margin-top: 24px;}
#nav ul{ margin: 0; padding: 0; margin: 0 auto; width: 918px; height: 29px;}
#nav ul li{ float: left; list-style: none; height: 29px;}
#header{ float: left; margin: 0; padding: 0;}
#middle{ float: left; margin-top: 15px;}
.middle{ margin-top: 5px; margin-left: 15px; color: #ffffff; font-size: 12px; font-weight: normal;}
.middle a{ color: #ffffff;}
#blue{ width: 300px; height: 153px; margin-right: 38px; float: left;}
#green{ width: 300px; height: 153px; margin-right: 38px; float: left;}
#orange{ width: 300px; height: 153px; float: left;}
#content{ margin-top: 22px; background: #c8ddff; width: 679px; float: left; margin-right: 32px;}
#content-in{ margin-top: 22px; background: #c8ddff; width: 972px; float: left; margin-right: 32px;}
.content{ padding-left: 25px; width: 628px; color: #07638c; text-align: justify;}
#footer{ height: 45px; background:url(imgs/footer-back.jpg) bottom left repeat-x;}
h1{ margin: 0; padding: 0; color: #75a4b8; width: 500px; margin-left: -1000px; position: absolute;}
h4{ color: #24556b; font-size: 18px; margin-left: 0; margin-top: 15px;}
.index-bottom{ width: 150px; float: left; margin-right: 87px; font-size: 12px; font-weight: normal; text-align:left;}
#news{ float: left; background: url(imgs/news-top.jpg) top left no-repeat #8ab1c3; width: 247px; margin-top: 22px; margin-right: 0; padding-left: 15px;}
.news-img{ margin-top: 15px; float: left; width: auto; color: #ffffff;}
.news-text{ line-height: 18px; margin-top: 10px; float: left; width: 150px; color: #ffffff;}
.news-text a{ color: #1E9F17; font-size: 11px;}
.news-text a:hover{ color: #E16B00;}
#contacts{ float: left; background: url(imgs/contacts-bottom.jpg) bottom left no-repeat #8ab1c3; width: 247px; margin-top: 0; margin-right: 0; padding-left: 15px; line-height: 22px;}
#foot{ width: 977px; margin: 0 auto; padding-top: 13px; color: #2D528A; font-size: 11px;}
.foot-left{ float: left; margin-left: 25px;}
.foot-right{ float: right; margin-right: 25px;}
.foot-right a{ color: #2D528A;}
.more{ color: #1E9F17; font-size: 11px;}
.mail{ color: #ffffff;}

.input input{ width: 185px; background: none; width: 180px; height: 20px; margin: 3px 0 0 10px; border: inset 1px #333333; color: #ffffff;}
.input{ width: 205px; height: 48px; background: url(imgs/input.jpg) bottom left no-repeat;}
.text{ padding-left: 7px; float: left; width: 245px; height: 190px; background: url(imgs/textarea-back.jpg) bottom left no-repeat;}
textarea{ width: 225px; height: 140px; padding: 0; padding: 10px 0 10px 10px; margin-top: 7px; background: none; border: inset 1px #333333; overflow: auto; color: #ffffff;}
.img-code{ float: left; width: auto;}
.code{ float: left; width: 180px; margin-left: 10px;}
.submit{ width: 94px; height: 24px; background: url(imgs/submit.jpg) top left no-repeat; margin: 0 auto;}

#pagnav { margin:10px 0 20px 0; text-align:center; }
#pagnav a, .current, .backNA, .nextNA, a.next { padding:1px 6px 1px 6px; }
#pagnav a { color:#414141; }
#pagnav a:hover { background-color:#ED1C24; color:#FFFFFF; }
#pagnav .current { color:#CC0000; font-weight:bold; }
#pagnav .backNA { }
#pagnav .nextNA { }
#pagnav a.back { }
#pagnav a.next { }