/* body */
body { background:#27a952 url(bg.gif); color:#252525; font-size:12px; font-family:Verdana,'����',Tahoma, Helvetica,Arial,sans-serif; margin:10px 0 0 0; padding:0; line-height:180%; text-align:left }
ul, ol, dl, dt, dd, p,form, h2, h3 ,h4 { margin:0; padding:0 }
img{ border:0}
a { font-size: 12px;color:#252525; text-decoration: none }
a:link { color: #252525; text-decoration: none }
a:visited { color: #252525; text-decoration: none }
a:hover { color: #f30; text-decoration: underline }
a:active { color: #900; text-decoration: none }

#top { width:985px; height:150px; margin:0 auto; background:#279515 url(banner.png); border-top:3px #226b08 solid }
.mu { width:985px; height:32px; margin:0 auto; background:url(mu.gif); border-top:1px #29a313 solid; border-bottom:1px #29a313 solid; }
#pmenu { width:985px; height:32px; list-style-position:outside;}
/* Set up the link size, color and borders */
#pmenu a,#pmenu a.athis {
	float:left;
	font-size:12px;
	line-height:26px;
	padding:0 6px;
	display:block;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	margin-top:4px;
	blr:eXPression(this.onFocus=this.blur()) ;
	-moz-outline-style: none; 
}
#pmenu a.athis:visited {background:none;}
#pmenu a.athis:hover {background:url(arr_ho.gif) repeat-x; color:#0154a2;} 
#pmenu a.sea {width:55px;}
#pmenu a.sea:visited {background:none;}
#pmenu a.sea:hover { background:none;} 

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {}
#pmenu li a.enclose, #pmenu li a.enclose:visited {}
/* Set up the list items */
#pmenu li {float:left; height:32px; line-height:32px; font-size:12px; font-weight:bold;list-style-type:none;}
#pmenu li a {color:#fff; border-right:1px #fff solid; padding:0 15px;}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:url(arr_ho.gif) repeat-x; color:#000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none; border:#CBDEED 1px solid; left:80px; margin:24px 0px 0px 29px;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; left:80px; margin:30px 0px 0px 29px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px;}
/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative;  color:#0154a2;	font-weight:bold;}
/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#FFF;}
#pmenu li.fly a,#pmenu li.fly ul a {
	color:#3D6188;
	width:90px;
	font-weight: normal;
	background:none;
	line-height:22px;
	text-align:left;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	blr:eXPression(this.onFocus=this.blur()) ;
	-moz-outline-style: none; 
}
#pmenu li.fly a.arr, #pmenu li.fly a.arr:visited { background:url(arr_a.gif) no-repeat;}/* ****** */
#pmenu li.fly a:visited {
	color:#3D6188;
	font-weight: normal;
	background:none;
	font-family: Arial, Helvetica, sans-serif;
}
#pmenu li.fly a:hover,#pmenu li.fly a.arr:hover,#pmenu li.fly ul a:hover {position:relative; background:#E2EFF9; color:#6685A4; font-weight: normal;}
#pmenu li.fly ul { padding:0px; margin:0px 15px; background:#FFF;}
#pmenu li.fly ul a,#pmenu li.fly ul a:visited,#pmenu li.fly ul a:hover {width:120px; text-align:left; padding-left:5px;}

#pmenu li.fly ul.drop {display:block; position:absolute; left:80px; margin:29px 0px 0px 29px;}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; left:80px;}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{visibility:hidden;}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {visibility:visible; left:-30px;}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ visibility:visible; left:80px;}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {visibility:visible;}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

.main { clear:both; width:985px; background:#fff; margin:0 auto; padding:10px 0 0 0; overflow:hidden }
.leftbox { float:left; width:180px; padding:0 10px;background:#fff; }
.rightbox  { float:left; width:545px; background:#fff;}
.rightdiv { float:left; width:220px; padding:0 10px;background:#fff;}
#zwgk { width:180px; padding-bottom:10px; background:#fff  }
#zwgk h2 { width:178px; height:42px; font-size:0; line-height:300px; background:url(leftit1.gif); border:1px #2bbc2a solid; overflow: hidden}
#zwgk ul { border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px }
#zwgk ul li { list-style-type:none; background:url(icon.gif) 0 6px no-repeat; padding-left:15px; }
#zwgk ul li a { letter-spacing:5px }

#sitesearch { width:180px; padding-bottom:10px; background:#fff }
#sitesearch h2 { width:178px; height:42px; font-size:0; line-height:300px; background:url(leftit2.gif); border:1px #2bbc2a solid; overflow: hidden}
#sitesearch form { border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px }

.inputs { border-left:1px #808080 solid; border-top:1px #808080 solid; border-bottom:1px #d4d0c8 solid; border-right:1px #d4d0c8 solid; font-size:12px }
.inputgo { background:#f7f9fd; border-bottom:1px #404040 solid; border-right:1px #404040 solid; border-top:1px #d4d0c8 solid; border-left:1px #d4d0c8 solid; font-size:12px; padding:0 3px }

.lbox { padding-bottom:10px; background:#fff }
.lbox h2 { height:32px; font-size:12px; line-height:32px; background:url(titlemain.gif); padding-left:38px; }
.lbox h2 a { color:#030 }
.lbox h2 a:hover { color:#f30; text-decoration:none }
.lbox ul { border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px }
.lbox ul li { list-style-type:none; height:22px; background:url(icon.gif) 0 -54px no-repeat; padding-left:13px; overflow:hidden }
.lbox ul li a {  }

.lboxs { background:#fff }
.lboxs h2 { height:32px; font-size:12px; line-height:32px; background:url(titlemain.gif); padding-left:38px; }
.lboxs h2 a { color:#030 }
.lboxs h2 a:hover { color:#f30; text-decoration:none }

#rolllink { height:232px; overflow:hidden; background:#fff; margin-bottom:10px }
.lboxup { border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px }
.lboxup ol { list-style-position:inside }
.lboxup ol li { list-style-type:none; background:url(annort.gif) 0 5px no-repeat; padding-left:0px; }
.lboxup ol li span { color:#666  }
.picin { padding:0 0 10px 0; background:#fff }
.picin img { border:0 }

.newsbox { height:32px; line-height:32px; background:url(titlemain.gif); overflow:hidden }
.newsbox h2 { float:left; font-size:12px; padding-left:38px; }
.newsbox h2 a { color:#030 }
.newsbox h2 a:hover { color:#f30; text-decoration:none }
.newsbox img { float:right; padding:10px 10px 0 0; display:block }

.newshowbox { width:527px; height:198px; border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; padding:8px; overflow:hidden }
.newshowbox p { float:left; width:240px; margin:0; padding:0; display:block }
.newshowbox ul { float:left; width:277px; padding-left:10px }
.newshowbox ul li { list-style-type:none; height:22px; background:url(icon.gif) 0 -107px no-repeat; padding-left:13px; overflow:hidden }

#banner2 { width:545px; padding:10px 0; overflow:hidden }

.bigbox { width:545px }
.smbox { float:left; width:268px}
.smbox h3 { height:32px; line-height:32px; background:url(titlemain.gif); overflow:hidden; }
.smbox h3 span { float:left;  font-size:12px; padding-left:35px }
.smbox h3 img { float:right; padding:10px 10px 0 0; border:0 }
.smbox a { text-decoration:none }
.smbox ul { border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px }
.smbox ul li { list-style-type:none; height:22px; background:url(icon.gif) 0 -107px no-repeat; padding-left:13px; overflow:hidden }
.smpd { padding-right:9px }

.mainmu { clear:both; width:545px; padding:10px 0 0 0; overflow:hidden }
.mainmu h3 { float:left; width:126px; text-align:center; border:1px #99da9e solid; font-size:12px }
.mupds { margin-left:11px }

.mm1 a { width:126px; height:100px; background:#aae7aa url(mm1.gif) no-repeat; display:block; line-height:300px; overflow:hidden }
.mm1 a:hover { background:url(mm1.gif) 0 -100px no-repeat;}

.mm2 { margin-left:11px }
.mm2 a { width:126px; height:100px; background:#aae7aa url(mm2.gif) no-repeat; display:block; line-height:300px; overflow:hidden }
.mm2 a:hover { background:url(mm2.gif) 0 -100px no-repeat;}

.mm3 { margin-left:11px }
.mm3 a { width:126px; height:100px; background:#aae7aa url(mm3.gif) no-repeat; display:block; line-height:300px; overflow:hidden }
.mm3 a:hover { background:url(mm3.gif) 0 -100px no-repeat;}

.mm4 { margin-left:11px }
.mm4 a { width:126px; height:100px; background:#aae7aa url(mm4.gif) no-repeat; display:block; line-height:300px; overflow:hidden }
.mm4 a:hover { background:url(mm4.gif) 0 -100px no-repeat;}

.istitle { height:32px; line-height:32px; margin-top:10px; background:url(titlemain.gif); overflow:hidden }
.istitle h2 { float:left; font-size:12px; padding-left:38px; }
.istitle h2 a { color:#030 }
.istitle h2 a:hover { color:#f30; text-decoration:none }
.istitle img { float:right; padding:10px 10px 0 0; display:block }

.inlist { width:523px; border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; padding:20px 10px; overflow:hidden }
.inlist p { float:left; display:block }
.inlist p img { width:135px; height:110px; padding:3px; border:1px #ccc solid; margin-top:6px }
.inlist ul { float:left; padding-left:10px }
.inlist ul li { list-style-type:none; height:22px; background:url(icon.gif) 0 -107px no-repeat; padding-left:13px; overflow:hidden }

.linkbox { padding-bottom:10px; background:#fff }
.linkbox h2 { border-top:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; height:38px; line-height:300px; background:url(linktit.gif); padding-left:38px; overflow:hidden }
.linkbox ul { height:281px; border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px }
.linkbox ul li { list-style-type:none; overflow:hidden; text-align:center; padding:5px 0 }
.linkbox ul li img { width:130px; height:35px }

.demomain { clear:both; width:923px;padding-left:40px; margin:0 10px 10px 10px;  background:#fff url(flbg.gif) top left no-repeat; border:1px #2bbc2a solid; overflow:hidden }
.mains { clear:both; width:985px; background:#fff; margin:0 auto; padding:0; overflow:hidden }
#demo { width:925px; height:120px; overflow:hidden; }

#footer { width:985px; margin:0 auto; background:#1fb81e url(footer.gif) repeat-x; text-align:center; padding:15px 0 }

.mymain { width:985px; background:#fff url(leftop.gif) left top no-repeat; margin:0 auto; overflow:hidden }
.myleft { float:left; width:220px; padding:10px 0 0 10px }
.ishowbox { float:left; width:735px; padding:10px 10px 0 10px}
.myleft h2 { margin:50px 20px 0 40px; color:#030; font-size:18px; font-family:"����"; font-weight:normal; border-bottom:1px #226b08 solid; text-align:right; padding-bottom:5px }
.myleft ul { padding: 8px 0 20px 40px; list-style-position:outside }
.myleft ul li { list-style-type:none; line-height:24px; background:url(icon.gif) 0 7px no-repeat; padding-left:13px; }
.myleft ul li a:hover { font-weight:bold }


.listits { height:32px; line-height:32px; background:url(titlemain.gif); overflow:hidden; }
.listits h3 { float:left;  font-size:12px; padding-left:35px }
.listits img { float:right; padding:10px 10px 0 0; border:0 }

.artlist { background:#fff; border-bottom:1px #2bbc2a solid; border-left:1px #2bbc2a solid; border-right:1px #2bbc2a solid; list-style-position:outside; padding:10px; margin-bottom:10px }
.artlist ul { list-style-position:outside }
.artlist ul li { list-style-type:none; height:22px; background:url(icon.gif) 0 -54px no-repeat; padding-left:15px; font-size:14px; overflow:hidden; line-height:180% }
.artlist ul li a { font-size:14px}
.artlist h3 { font-size:16px; text-align:center; padding:6px 0  3px 0}

.showtxts { font-size:14px }
.showtxts p { padding:3px 0 5px 0 }
.showpage { text-align:center; padding:10px 0 }

.pints { text-align:right }
/*Pages*/
.cmspages{ clear: both; margin-bottom: 8px; height: 34px; }
.cmspagesnumbers{ float: left; width: 65%; padding-top: 4px; }
.cmsallpages{ border: 1px solid #2bbc2a; background:#F5FAFE; text-align: center; color: #188BCC; line-height: 26px; padding: 0 4px; }
.cmsallpages a{ color: #333; padding: 5px; }
.cmsallpages a:hover{ color: #fff; background: #45ACE1 url(images/page-bg.gif) repeat-x top left; text-decoration:none;}
.cmspages span { color:#FFF;  padding: 5px; background: #45ACE1 url(images/page-bg.gif) repeat-x top left; }
.cmsallpages3{ border: 1px solid #BDDAF7; border-left: none; text-align: center; padding: 0 4px; line-height: 26px; background:#F5FAFE url(images/list.gif) no-repeat 1px 1px;}
.cmsallpages3 input{ height: 18px; margin: 0 2px; }
.pagesothers{ float: right; width: 34%; text-align: right; line-height: 33px; height: 33px; }
.pagesothers div{ width: 78px; float: left; }
.pagesothers2{ width: 200px; float: right; text-align: right; padding-bottom: 5px; }
/*Pages*/
.border{BORDER-RIGHT: #B4C9E7 1px solid; BORDER-LEFT: #B4C9E7 1px solid; BORDER-BOTTOM: #B4C9E7 1px solid; overflow:hidden; width:650px;}

.border h2
{
    background:#B4C9E7;
    font-size:14px;
}
.border h3
{
    font-size:14px;
}
.gbleft
{
    float:left;

    width:100px;
}
.gbleft p
{
    text-align:center;
    light-height:180%;
}
.gbright
{
    width:520px;
    float:left;
    
}