@charset "utf-8";
/* CSS Document */
* {
border:0;
margin:0;
padding:0
}

html {
width:100%;
height:100%
}

body {
width:100%;
height:100%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
background:#002b16
}

a {
color:#004a7f;
text-decoration: underline;
}

#BodyBg {
background:url(../img/BodyBg.jpg) top center no-repeat #002b16;
width:100%;
margin:0 auto
}

.clear {
position:relative;
clear:both;
display:block;
height:0;
overflow:hidden
}

h3,h4 {
font-weight:400
}

strong {
color: #004a7f;
}
/* hide */
hr {
position:absolute;
left:-10000em
}

/* end hide */
img {
border:0
}

a, a:visited {
text-decoration:none;
outline:none;
color:#004a7f;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#page {
width:960px;
margin:0 auto;
padding:85px 0 0
}

#top {
width:960px;
height:165px;
position:relative
}

#top #title1 {
float:left;
padding:41px 0 0 50px
}

#top #title2 {
float:left;
padding:11px 0 0 94px
}

#top #menu {
list-style:none;
width:917px;
height:25px;
float:left;
font-size:11px;
padding:33px 0 0 43px
}

#top #menu li {
display:block;
width:auto;
height:25px;
float:left;
padding:0 7px 0 0
}

#top #menu li a {
display:block;
width:auto;
height:22px;
float:left;
text-decoration:none;
position:relative;
padding:3px 0 0
}

#top #menu li a span {
cursor:pointer
}

#top #menu li a span.left {
float:left;
display:block;
height:19px;
width:7px;
overflow:hidden
}

#top #menu li a span.right {
float:left;
display:block;
height:19px;
width:5px;
overflow:hidden
}

#top #menu li a span.center {
float:left;
display:block;
height:19px;
color:#002b16;
font-weight:700;
line-height:19px
}

#top #menu li a:hover span.left,#top #menu li.active a span.left {
background:url(../img/HoverLeft.png) no-repeat 0 0
}

#top #menu li a:hover span.right,#top #menu li.active a span.right {
background:url(../img/HoverRight.png) no-repeat -1px 0
}

#top #menu li a:hover span.center,#top #menu li.active a span.center {
background:url(../img/HoverCenter.png) repeat-x
}

#insect {
position:absolute;
top:123px;
left:847px;
width:130px;
height:110px;
overflow:hidden
}

#content {
background:#fff
}

.index {
width:900px;
padding:32px 10px 0 50px
}

/* index page */
#IndexTxt {
float:left;
width:350px;
line-height:20px;
overflow-x:hidden;
padding:0 0 5px
}

#IndexTxt h4 {
color:#063;
font-size:12px
}

#IndexBox1 {
width:519px;
height:161px;
float:right;
overflow:hidden;
background:url(../img/IndexBox.jpg) top right no-repeat #dce7f3;
padding:9px 0 0 21px
}

#IndexBox1 .title {
font-size:16px;
line-height:24px;
padding-bottom:16px;
width:256px
}

#IndexBox1 .txt {
width:240px;
font-size:11px;
line-height:16px
}

#IndexBox2 {
width:540px;
height:240px;
overflow:hidden;
float:right;
padding:11px 0 0
}

#IndexBox2 .title {
font-size:16px;
line-height:24px;
padding-bottom:16px;
width:145px
}

#IndexBox2 .txt {
width:145px;
font-size:11px;
line-height:16px
}

#IndexBox2 #box1 {
width:152px;
height:231px;
background:#ecf3da;
float:left;
border-right:10px solid #fff;
position:relative;
overflow:hidden;
padding:9px 0 0 21px
}

#IndexBox2 #box2 {
width:152px;
height:231px;
background:#ffeeb2;
float:left;
border-right:10px solid #fff;
position:relative;
overflow:hidden;
padding:9px 0 0 21px
}

#IndexBox2 #box3 {
width:152px;
height:231px;
background:#eae2ee;
float:left;
position:relative;
overflow:hidden;
padding:9px 0 0 21px
}

#IndexBox2 .img {
position:absolute;
top:124px;
left:64px;
width:109px;
height:116px;
overflow:hidden
}

#IndexBox2 .img .trans {
position:absolute;
top:0;
left:0;
width:109px;
height:116px;
overflow:hidden
}

#IndexBox2 #box1 .trans {
background:url(../img/box1.png) no-repeat 0 0
}

#IndexBox2 #box2 .trans {
background:url(../img/box2.png) no-repeat 0 0
}

#IndexBox2 #box3 .trans {
background:url(../img/box3.png) no-repeat 0 0
}

#IndexForm {
width:540px;
height:38px;
position:relative;
float:right
}

#IndexForm fieldset {
width:220px;
height:22px;
overflow:hidden;
overflow-x:hidden;
z-index:100px;
position:absolute;
top:0;
left:0;
padding:0 0 16px 320px
}

#IndexForm div {
width:147px;
height:18px;
float:left;
background:url(../img/SearchInput.png) no-repeat 0 0;
padding:4px 4px 0 8px
}

#IndexForm div input {
width:139px;
height:14px;
background:none;
font-size:11px;
color:#333
}

#IndexForm input {
width:22px;
height:22px;
float:left
}

/* end index page 
 other pages */
.page {
width:860px;
padding:32px 50px 13px
}

.page p {
padding-bottom:18px
}

#content.SubMenu {
background:url(../img/SubMenuPageBg.gif) repeat-y;
margin-top:1px;
width:960px;
padding:32px 0 0
}

#MenuBg {
background:url(../img/MenuDown.png) left bottom no-repeat
}

/* left menu */
#LeftMenu {
width:249px;
padding-right:1px;
float:left
}

#LeftMenu ul {
list-style:none;
width:211px;
float:right;
}

#LeftMenu ul ul {
	clear: both;
	display: none;
}

#LeftMenu ul ul.show {
	display: block;
}


#LeftMenu ul li.folder {
	height: auto;
	font-weight: bold;
}

#LeftMenu ul li.folder li {
	font-weight: normal;
}

#LeftMenu ul li {
display:block;
width:199px;
height:28px;
background:url(../img/LinkNormal.gif) no-repeat 0 27px;
padding:0 0 0 12px;
clear: both;
}

#LeftMenu ul li li {
	padding:0 0 0 24px;
	width: 187px;
}

#LeftMenu ul li.active {
background:url(../img/LinkActive.gif) no-repeat 0 -1px;
position:relative
}

#LeftMenu ul li .ActiveTop {
display:block;
width:211px;
height:1px;
overflow:hidden;
position:absolute;
top:-1px;
left:0;
background:url(../img/LinkActive.gif) no-repeat 0 0
}

#LeftMenu ul li a {
display:block;
width:188px;
height:28px;
line-height:27px;
font-size:11px;
color:#002b16;
overflow:hidden;
text-decoration: none;
}

#LeftMenu ul li.active a {
display:block;
width:188px;
height:28px;
line-height:27px;
font-size:11px;
color:#002b16;
font-weight:700;
text-decoration:none
}

#ContentMenu {
float:left;
width:660px;
overflow:hidden
}

/* end left menu */
.page h3.PageTitle {
float:left;
width:500px;
height:40px;
overflow:hidden
}

.page h3.PageTitle2 {
float:left;
width:500px;
font-size:16px;
color:#063;
line-height:24px;
padding-bottom:19px
}

#PageForm {
width:185px;
height:40px;
overflow:hidden;
float:right;
overflow-x:hidden;
z-index:100;
position:relative
}

#PageForm fieldset {
width:185px;
height:40px;
overflow:hidden;
position:absolute;
top:0;
left:0
}

#PageForm div {
width:147px;
height:18px;
float:right;
background:url(../img/SearchInput.png) no-repeat 0 0;
z-index:100;
padding:4px 4px 0 8px
}

#PageForm div input {
width:139px;
height:14px;
background:none;
font-size:11px;
color:#333;
z-index:100;
float:left
}

#PageForm input {
width:22px;
height:22px;
float:right;
z-index:100
}

.page .txt {
float:left;
font-size:12px;
line-height:20px
}

.SubMenu .txt {
width:620px;
padding-left:40px;
overflow:hidden
}

.SubMenu h3.PageTitle {
float:left;
padding-left:40px;
width:360px;
height:40px;
overflow:hidden
}

.SubMenu h3.PageTitle2 {
float:left;
padding-left:40px;
width:360px;
font-size:16px;
color:#063;
line-height:24px;
padding-bottom:19px
}

.page .txt h4 {
font-size:12px;
color:#004a7f;
font-weight: 700;
}

.page .txt ul {
padding:20px 0 20px 25px
}

.page .PageRightBox {
float:right;
width:300px;
overflow:hidden;
padding:8px 0 0 60px
}

.page .PageRightBox .RightTxt {
background:#e6efce;
font-size:11px;
line-height:18px;
float:left;
width:100%;
padding:21px 9px 23px 13px
}

.page .PageRightBox .RightTxt h3 {
color:#063;
font-size:16px;
line-height:24px
}

.page .txt .img2 {
float:right;
padding:0 0 0 20px
}

.page .txt .img2 h4 {
font-size:11px;
line-height:20px;
color:#91ae48;
font-weight:400;
text-align:right;
padding:2px 0 0
}

.page .ColumnLeft {
width:380px;
float:left;
padding-bottom:10px
}

.page .ColumnRight {
width:380px;
float:right;
padding-bottom:10px
}

.page .LinkPdf {
background:url(../img/IcoPdf.gif) no-repeat 0 2px;
display:block;
height:22px;
border-bottom:1px solid #daf1fa;
font-size:11px;
line-height:20px;
color:#1179a5;
margin:2px 0 15px;
padding:0 0 0 22px
}

.page .LinkPdf img {
float:right;
padding:6px 5px 0 0
}

.page .ColorBox {
background:#dae8f4;
padding:14px 30px 14px 11px
}

.ColorBox p, .ColorBox1 p, .ColorBox2 p {
font-size: 11px;
}

.page .ColorBox2 {
width:297px;
background:#dae8f4;
padding:14px 0 14px 11px
}

.page .ColorBox2 .btxt {
float:left;
width:145px
}

.page .ColorBox2 h4 {
color:#063;
font-size:16px;
line-height:24px;
width:145px;
float:left
}

.box_l {
float:left
}

.box_r {
float:right
}

.page #RightTxt {
float:right;
width:146px;
margin-left:20px;
color:#063;
font-size:11px;
line-height:18px;
background:url(../img/txtbg.gif) right repeat-y;
padding:0 21px 14px 14px
}

.RightTxt p {
width:272px
}

.page #RightTxt .strong {
color:#002b16
}

.page #RightTxt .img {
position:relative;
margin-bottom:19px;
width:122px;
height:122px;
overflow:hidden
}

.page #RightTxt .img .trans {
width:122px;
height:122px;
position:absolute;
top:0;
left:0;
background:url(../img/GreenRing.png) no-repeat 0 0
}

.txtbg {
background:url(../img/txtbg.gif) right repeat-y;
padding-bottom:20px
}

.breaker3 {
width:100px;
height:3px;
overflow:hidden
}

.page #ColorBox1 {
font-size:11px;
line-height:16px;
margin:15px 0 0;
padding:8px 20px 8px 13px
}

.page #ColorBox1 .img {
width:180px;
height:140px;
overflow:hidden;
margin-right:11px;
float:left
}

.page #ColorBox1 h4 {
font-size:16px;
line-height:24px;
color:#063
}

.page #SlideshowTitle {
color:#063;
font-size:16px;
line-height:24px;
padding:3px 0 15px
}

.page #SlideshowBox {
border:1px solid #c0d785;
padding:4px
}

.page #SlideshowBox .description {
height:29px;
line-height:29px;
font-size:12px;
text-align:center;
background:#343f18;
color:#fff
}

.page .type_search {
list-style:none;
padding:20px
}

.page .search_box {
padding:15px 0
}

.page .search_box a {
color:#004A7F;
font-size:12px;
line-height:18px
}

.page .search_box .light_word {
background:#C0D785;
padding:0 3px
}

.search a {
color:#004A7F
}

.page .search_pages {
list-style:none;
clear:both;
padding-bottom:30px
}

.page .search_pages li {
float:left;
padding:0 3px
}

.page div.hr {
height:1px;
background:#C0D785;
overflow:hidden
}

#ContactForm div label {
display:block;
float:left;
width:200px;
text-align:right;
padding:0 10px 0 0
}

#ContactForm div label span {
padding:0 0 0 3px
}

#ContactForm div input {
width:220px;
border:1px solid #002B16
}

#ContactForm textarea {
width:220px;
height:200px;
border:1px solid #002B16
}

#ContactForm .pole_submit {
background:none;
border:1px solid #002B16;
margin-left:210px;
cursor:pointer;
padding:1px 5px
}

#ContactForm .pole_submit:hover {
border:1px solid #C0D785
}

/* end contact */
.breaker20 {
height:20px;
overflow:hidden
}

/* end other pages */
#footer {
width:910px;
background:url(../img/FooterBg.gif) no-repeat 0 0;
padding:34px 0 50px 50px
}

#footer2 {
width:910px;
background:url(../img/FooterBg2.gif) no-repeat 0 0;
padding:34px 0 50px 50px
}

#FooterTxt {
padding:40px 0 0 341px
}

#news {
background:url(../img/line1.gif) right repeat-y;
float:left;
width:860px
}

#news a {
color:#004a7f
}

#NewsLeft {
width:560px;
padding-right:40px;
float:left;
overflow-x:hidden
}

#NewsRight {
width:240px;
padding-left:20px;
float:left;
overflow-x:hidden
}

#NewsRight .LinkHeader {
display:block;
text-decoration:none;
position:relative;
font-size:11px;
color:#004a7f;
font-weight:700;
cursor:pointer;
margin:0 0 4px
}

#NewsRight .LinkHeader span.folder {
background:url(../img/folder.png) no-repeat;
display:block;
width:15px;
height:16px;
text-indent:-1000px;
float:left;
margin:1px 6px 0 0
}

#NewsRight .DivLine {
border-left:1px solid #b2c8d8;
position:relative;
left:7px;
float:left;
margin:1px 0 25px;
padding:0 0 0 7px
}

#NewsRight .DivLine a {
display:block;
margin-top:20px;
font-size:11px;
color:#002b16
}

#NewsRight .DivLine a .span1 {
background:url(../img/news_img.png) no-repeat;
display:block;
width:21px;
height:16px;
float:left
}

#NewsRight .DivLine a .span2 {
width:200px;
display:block;
float:left;
line-height:18px
}

ul.PageNr {
list-style:none;
padding:20px 0 5px
}

ul.PageNr li {
padding-right:5px;
float:left
}

ul.PageNr li a {
color:#000
}

ul.PageNr li.clear {
position:relative;
clear:both;
height:0;
overflow:hidden;
float:none;
padding:0
}

.NewsBox2 {
padding:9px 9px 18px
}

.NewsBox .img {
background:#fff;
border:1px solid #c0d785;
width:172px;
height:112px;
overflow:hidden;
float:left;
margin-right:20px;
padding:3px
}

.NewsBox .con {
float:left;
width:341px
}

.NewsBox div.no_img {
width:530px
}

.news1 {
background:#f2f7e7
}

.NewsBox h4 {
color:#063;
font-size:14px;
line-height:20px
}

.NewsBox .NewsBox2 .txt {
font-size:12px;
line-height:20px
}

.NewsBox .NewsBox2 a {
color:#004a7f;
text-decoration:underline;
font-size:12px;
position:relative
}

.NewsBox .NewsBox2 a.more {
padding-left:16px
}

.NewsBox .NewsBox2 a span.arrow {
background:url(../img/arrow_news.png) no-repeat;
display:block;
width:10px;
height:10px;
text-indent:-1000px;
position:absolute;
top:3px;
left:0
}

.img_big {
background:#fff;
border:1px solid #c0d785;
width:290px;
height:190px;
overflow:hidden;
float:right;
margin:0 0 10px 10px;
padding:3px
}

.spacer20 {
height:20px;
position:relative;
overflow:hidden;
clear:both
}

#news a.back {
color:#004a7f;
text-decoration:underline;
font-size:12px;
position:relative;
padding-left:16px
}

#news a.back span.arrow {
background:url(../img/arrow_back.png) no-repeat;
display:block;
width:10px;
height:10px;
text-indent:-1000px;
position:absolute;
top:3px;
left:0
}

#LeftMenu ul li a:hover {
text-decoration:underline
}

#IndexTxt .title,.page .title {
font-size:16px;
color:#063;
line-height:24px;
padding-bottom:19px
}

#IndexBox1 .title a,#IndexBox2 .title a {
color:#063
}

.page .PageRightBox .img,.page .txt .img2 img {
border:1px solid #c0d785;
float:left;
padding:4px
}

.page .ColorBox .ColorBoxImage,.page .ColorBox2 .ColorBoxImage {
width:122px;
height:122px;
overflow:hidden;
position:relative;
float:left;
padding:0 17px 0 0
}

.page .ColorBox .ColorBoxImage .trans,.page .ColorBox2 .ColorBoxImage .trans {
width:122px;
height:122px;
position:absolute;
top:0;
left:0
}

.page .ColorBox .ColorBoxImage .green,.page .ColorBox2 .ColorBoxImage .green {
background:url(../img/GreenRing2.png) no-repeat 0 0
}

.page .ColorBox .ColorBoxImage .yellow,.page .ColorBox2 .ColorBoxImage .yellow {
background:url(../img/YellowRing.png) no-repeat 0 0
}

.page .ColorBox .ColorBoxImage .pink,.page .ColorBox2 .ColorBoxImage .pink {
background:url(../img/PinkRing.png) no-repeat 0 0
}

.page .ColorBox .ColorBoxImage .blue,.page .ColorBox2 .ColorBoxImage .blue {
background:url(../img/BlueRing.png) no-repeat 0 0
}

.page .ColorBox .btxt,.page .ColorBox h4 {
float:left;
width:440px
}

.page .search_pages li a.active,#NewsRight .DivLine a.active .span2,ul.PageNr li a.active {
font-weight:700
}

.NewsBox .NewsBox2 a:hover,#news a.back:hover {
text-decoration:none
}