body, html { margin: 0; padding: 0; width: 100%; height: 100%; background: url('i/bck.png');  font: normal 11px Arial, Helvetica, sans-serif; }

* { -moz-box-sizing: content-box; }
a { text-decoration: none; }

.tl, .tr, .bl, .br, .left, .right, .top, .bottom, .content, .headl, .headr, .headbck, #menu, #menul, #menur, #menubck, #logo, #larr, #rarr,
.ptl, .ptr, .pbl, .pbr, .pleft, .pright, .ptop, .pbottom, .pcontent, .pheadl, .pheadr, .pheadbck, .paneldec, #headpanel, .pheadbck div,
.rssbtn, .shrinkbtn, .expandbtn
	 { position: absolute; }

#box { position: relative; width: 80%; min-width: 644px; min-height: 98%; _height: 98%; margin-left: auto; margin-right: auto; top: 1%;
	   overflow: hidden; padding: 0 15px; }

.tl, .tr, .bl, .br { width: 28px; height: 28px; background: url('i/boxbck.png') no-repeat; }
.tl { left: 0; top: 0; background-position: top left; }
.tr { right: 0; top: 0; background-position: top right; }
.bl { left: 0; bottom: 0; background-position: bottom left; }
.br { right: 0; bottom: 0; background-position: bottom right; }
.left, .right { top: 28px; bottom: 28px; width: 28px; background: url('i/boxlr.png') repeat-y;  }
.left { left: 0; background-position: top left; }
.right { right: 0; background-position: top right; }
.top, .bottom { left: 28px; right: 28px; height: 28px; background: url('i/boxtb.png') repeat-x;  }
.top { top: 0; background-position: top left; }
.bottom { bottom: 0; background-position: bottom left; }
.content { left: 28px; top: 28px; right: 28px; bottom: 28px; background: #FFFFF0; }

.headl { z-index: 20; left: 10px; top: 10px; width: 16px; height: 60px; background: url('i/headlr.png') top left no-repeat; }
.headr { z-index: 20; right: 10px; top: 10px; width: 16px; height: 60px; background: url('i/headlr.png') top right no-repeat; }
.headbck { z-index: 20; left: 26px; right: 26px; top: 10px; height: 60px; background: url('i/headbck.png') bottom left repeat-x; }

#menu { left: 10px; right: 10px; top: 40px; height: 50px; cursor: pointer; background: #EFEFD3; border-left: 1px solid #D4D4AE;
		border-right: 1px solid #D4D4AE; z-index: 18; }
#menul { left: 0; width: 16px; height: 73px; bottom: -10px; background: url('i/menulr.png') bottom left no-repeat; }
#menur { right: 0; width: 16px; height: 73px; bottom: -10px; background: url('i/menulr.png') bottom right no-repeat; }
#menubck { left: 16px; right: 16px; height: 73px; bottom: -10px; background: url('i/menubck.png') bottom left repeat-x; }

#menucontainer { position: absolute; height: 100%; width: 100%; overflow: hidden; }
/*#menucontainer center { position: relative; height: 100%; margin-left: auto; margin-right: auto; display: table; }*/
/*#menucontainer center { position: absolute; width: 100%; display: block; }*/
/*#menucontainer center div { float: left; text-align: left; width: auto; height: 180px; display: table-cell; vertical-align: bottom; }*/
/*#menucontainer center div span { position: relative; bottom: -4px; }*/
/*#menucontainer center div span a { position: relative; bottom: 0; padding: 5px 10px 5px 0; font-style: normal; font-size: 18px; color: #75782F;*/
/*					   text-decoration: none; width: auto; display: block; text-align: left; }*/
/*#menucontainer center div span a:hover { color: #95984F; }*/
/*#menucontainer center div span a.submenu { font-size: 11px; padding: 0; }*/
#menucontainer div { position: absolute; left: 20px; bottom: 0; width: 100%; height: 198px; text-align: center; }
#menucontainer div table { position: relative; margin-left: auto; margin-right: auto; height: 205px; }
#menucontainer div table td { vertical-align: bottom; }
#menucontainer div table td a { position: relative; bottom: 0; padding: 5px 10px 5px 0; font-style: normal; font-size: 18px; color: #75782F;
					   width: auto; display: block; text-align: left; }
#menucontainer div table td a:hover { color: #95984F; }
#menucontainer div table td a.submenu { font-size: 11px; padding: 0; }

#logo { top: 10px; left: -2px; width: 237px; height: 31px; background: url('i/logo.png') no-repeat; }

#larr, #rarr { width: 11px; height: 24px; background: url('i/arrows.png') no-repeat; bottom: 8px; }
#larr { left: -8px; }
#rarr { right: -8px; }

.panel, .bigpanel, .plainpanel { position: relative; float: left; width: 46%; margin-top: -20px;
		 margin-bottom: 20px; padding: 52px 2% 20px 2%; overflow: hidden; }
.bigpanel { width: 96% }
.plainpanel { width: 96%; padding-top: 20px; }
.ptl, .ptr, .pbl, .pbr { width: 28px; height: 28px; background: url('i/panelbck.png') no-repeat; }
.ptl { left: 0; top: 0; background-position: top left; }
.ptr { right: 0; top: 0; background-position: top right; }
.pbl { left: 0; bottom: 0; background-position: bottom left; }
.pbr { right: 0; bottom: 0; background-position: bottom right; }
.pleft, .pright { top: 28px; bottom: 28px; width: 28px; background: url('i/panellr.png') repeat-y;  }
.pleft { left: 0; background-position: top left; }
.pright { right: 0; background-position: top right; }
.ptop, .pbottom { left: 28px; right: 28px; height: 28px; background: url('i/paneltb.png') repeat-x;  }
.ptop { top: 0; background-position: top left; }
.pbottom { bottom: 0; background-position: bottom left; }
.pcontent { left: 28px; top: 28px; right: 28px; bottom: 28px; background: #FFFFF0; }
.paneldec { right: -15px; bottom: -15px; width: 202px; height: 91px; background: url('i/paneldec.png') no-repeat; }

.opbl, .opbr, .opleft, .opright, .opbottom, .opcontent
	{ position: absolute; }

.overlay { width: 100%; height: 100%; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); display: none; }
.opbl { left: 1px; bottom: 1px; width: 28px; height: 28px; background: url('i/opanelbck.png') bottom left no-repeat; }
.opbr { right: 1px; bottom: 1px; width: 28px; height: 28px; background: url('i/opanelbck.png') bottom right no-repeat; }
.opleft, .opright { top: 28px; bottom: 28px; width: 28px; background: url('i/opanellr.png') repeat-y; }
.opleft { left: 1px; background-position: top left; }
.opright { right: 1px; background-position: top right; }
.opbottom { bottom: 1px; left: 28px; right: 28px; height: 28px; background: url('i/opanelb.png') bottom left repeat-x; }
.opcontent { left: 28px; top: 28px; right: 28px; bottom: 28px; background: #EAFFA9; }

.rssbtn, .rssdbtn { display: block; right: 20px; top: 60px; width: 37px; height: 37px; background: url('i/rssbtn.png') center no-repeat; }
.shrinkbtn, .expandbtn { display: block; left: 20px; top: 60px; width: 52px; height: 39px; background: url('i/shrinkbtn.png') center no-repeat; }
.expandbtn { background: url('i/expandbtn.png') center no-repeat; }
.moveholder a:hover, .rssbtn:hover, .shrinkbtn:hover, .expandbtn:hover { -moz-opacity: 0.8; opacity: 0.8; }

.moveholder { position: absolute; width: 120px; height: 120px; top: 58%; left: 50%; margin-top: -60px; margin-left: -60px; }
.leftbtn, .rightbtn, .upbtn, .downbtn, .leftdbtn, .rightdbtn, .updbtn, .downdbtn
	{ position: absolute; display: block; width: 43px; height: 43px; }
.leftbtn, .leftdbtn { left: 0; top: 50%; margin-top: -22px; background: url('i/leftbtn.png') center no-repeat; }
.rightbtn, .rightdbtn { right: 0; top: 50%; margin-top: -22px; background: url('i/rightbtn.png') center no-repeat; }
.upbtn, .updbtn { top: 0; left: 50%; margin-left: -22px; background: url('i/upbtn.png') center no-repeat; }
.downbtn, .downdbtn { bottom: 0; left: 50%; margin-left: -22px; background: url('i/downbtn.png') center no-repeat; }
.leftdbtn { background-image: url('i/leftdbtn.png'); }
.rightdbtn { background-image: url('i/rightdbtn.png'); }
.updbtn { background-image: url('i/updbtn.png'); }
.downdbtn { background-image: url('i/downdbtn.png'); }

.newsline, .bignewsline, .plaincontent  { position: relative; display: block; color: #C88F61; font-size: 14px; padding: 4px 8px; height: 42px;
			  border-bottom: 1px solid #F0F0DA; }
.bignewsline, .plaincontent  { height: auto; overflow: hidden; padding: 8px; }
.newsline:hover, .bignewsline:hover { background: #F0F0E0; }
.newsline span, .bignewsline span, .plaincontent span { float: right; font-size: 11px; text-align: right; vertical-align: middle; color: #888; }
.newsline span img, .bignewsline span img, .plaincontent span img { vertical-align: middle; padding: 0 2px; border: none; }
.bignewsline span, .plaincontent span { margin-bottom: 10px; }
.bignewsline span b, .plaincontent span b { color: #818546; }
.bignewsline p, .plaincontent p { margin: 0; padding: 0; margin-top: 5px; font-size: 12px; color: #888; }
.plaincontent { border-bottom: none; font-size: 22px; }
.plaincontent ul { font-size: 12px; color: #888; }
.plaincontent a { color: #4F9895; font-size: 13px; font-weight: bold; padding: 7px 0; display: block; }
.plaincontent a:hover { color: #2F7875; }
.plaincontent hr { height: 1px; background: #CCC; border: none; }

.pheadl { z-index: 15; left: 12px; top: 12px; width: 15px; height: 36px; background: url('i/panelhlr.png') top left no-repeat; }
.pheadr { z-index: 15; right: 12px; top: 12px; width: 15px; height: 36px; background: url('i/panelhlr.png') top right no-repeat; }
.pheadbck { z-index: 15; left: 27px; right: 26px; top: 12px; height: 36px; background: url('i/panelhbck.png') bottom left repeat-x;
			line-height: 38px; font-size: 16px; vertical-align: middle; color: #7A7F27; line-height: 36px; vertical-align: middle;
			cursor: pointer; }
.pheadbck div { top: 0; right: -10px; display: none; }
.pheadbck div a { display: block; float: left; width: 20px; height: 20px; padding: 0; border: 0; margin: 8px; }
.pheadbck div a:hover { background-color: transparent; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
.configbtn { background: url('i/panelbtns.png') top left no-repeat !important; }
.closebtn { background: url('i/panelbtns.png') top right no-repeat !important; }
.dbl { display: block !important; }

.breadpath { position: relative; width: 100%; height: 33px; background: url('i/breadbck.png') repeat-x; margin: -15px -4px 15px -4px; padding: 0 4px; z-index: 10; }
.breadpath center { display: block; float: left; padding: 8px; font: normal 12px Arial, Helvetica, sans-serif; color: #909079; }
.breadpath center:hover { background: #A0A089; color: white; cursor: pointer; }
.breadpath center div { display: none; position: absolute; background: #F2F0D8; border: 1px solid #E0E0B9; text-align: left; }
.breadpath center:hover div { display: block; margin: 20px 0 0 -8px; }
.breadpath center div { list-style: none; padding: 0; margin: 0; }
.breadpath center div a { padding: 5px 10px; float: none; margin: 0; display: block; font: normal 12px Arial, Helvetica, sans-serif; color: #909079; }
.breadpath center div a:hover { background: #A0A089; color: white; }
.breadpath img { float: left; margin-top: 12px; }

#panelseparator { height: 120px; }

#headpanel { top: 0; right: 0; line-height: 35px; vertical-align: middle; }
#headpanel a { display: block; float: left; padding: 10px 20px; font-size: 18px; color: #666; }
#headpanel a:hover { color: #888; }