html
{
	background: #CCC url('../img/bgnd.jpg') top repeat-x;
}
body
{
	margin: 0;
	padding: 0;
}
#wrapper-top
{
	clear: both;
	width: 982px;
	height: 20px;
	margin: 0px auto 0px auto;
	background: url('../img/bgnd-top.png') top no-repeat;
}
#wrapper
{
	clear: both;
	width: 982px;
	margin: 0px auto 0px auto;
	background: url('../img/bgnd-body.png') top repeat-y;
}
#wrapper-tail
{
	clear: both;
	width: 982px;
	height: 60px;
	margin: 0px auto 0px auto;
	background: url('../img/bgnd-tail.png') top no-repeat;
}
/*areas*/
#header
{
	width: 940px;
	height: 380px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#lang
{
	float: right;
	text-align: right;
	width: 60px;
	height: 20px;
	margin: -50px 10px 0px 0px;
	padding: 9px 10px 2px 10px;
}
#lang li
{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#qsearch
{
	float: right;
	margin: -130px 50px 10px 10px;
	background: #FFF;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#nav
{
	clear: both;
	width: 840px;
	height: 60px;
	background: url('../img/bgnd-nav.png') top left no-repeat;
	margin: 140px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}
#mainnav
{
	clear: both;
	width: 800px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#mainnav li
{
	float: left;
	list-style: none;
	background: url('../img/div.png') left no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#mainnav li.first
{
	background: none;
}
#mainnav li a
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 17px 20px 17px 20px;
}
#mainnav li.on a, #mainnav li a:hover
{
}
/*titles*/
h1
{
	width: 131px;
	height: 140px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 50px;
}
h1 img
{
	width: 131px;
	height: 140px;
}
h2
{
	margin: 1.2em 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3
{
	margin: 1em 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h4
{
	margin: 1em 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h5
{
	margin: 1em 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h6
{
	margin: 1em 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#maincontent
{
	clear: both;
	width: 940px;
	margin: 0px auto 0px auto;
	height: 350px;
}
#wrapper>#maincontent
{
	min-height: 350px;
	height: auto;
}
#menu
{
	float: left;
	width: 260px;
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 70px 0px;
}
#menu ul
{
	margin: 0px 10px 0px 30px;
	padding: 0px 0px 40px 0px;
	/*background: #ccc;*/
}
#menu ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
}
#menu ul li.on
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url('../img/arr.png') top left no-repeat;
}
#menu ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 9px 10px 9px 10px;
	display: block;
	border-top: 1px #CCC dotted;
}
#menu ul li.first a
{
	border: none;
}
#menu ul ul
{
	margin: 10px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
#menu ul ul li
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border: none;
	background: url('../img/li.png') top left no-repeat;
}
#menu ul ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	border: none;
}
#menu ul ul li.on
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	background: url('../img/li-on.png') top left no-repeat;
}
#path
{
	clear: both;
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content
{
	float: left;
	width: 580px;
	height: 350px;
	margin: 0px 0px 50px 10px;
	padding: 10px 20px 10px 20px;
	/*background: #ccc;*/
}
#maincontent>#content
{
	min-height: 350px;
	height: auto;
}
#content .lead
{
	/*margin-top: 1em;*/
}
#content .text
{
	margin-bottom: 1em;
}
#content ul, #content ol
{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
#content p, #content ul, #content ol
{
	padding-top: 1em;
}
#content .text ul li, #content .text ol li
{
	margin: 2px 0px 2px 15px;
	padding: 0px 0px 0px 5px;
}
h2#intro
{
	margin: 1.6em 60px 1em 60px;
}
#intro-text
{
	float: left;
	width: 480px;
	margin: 0px 60px 50px 60px;
}
#intro-text h3, #news h3, #intro-text h4, #news h4
{
	background: url('../img/arr.png') bottom left no-repeat;
	margin: 1.5em 0px 1em -30px;
	padding-left: 30px;
}
#news
{
	float: left;
	width: 290px;
	margin: 0px 0px 50px 0px;
}
#promo
{
	/*margin: 0px -10px 0px -10px;*/
	width: 960px;
	margin: 0px auto 0px auto;
	background: #666;
	border-top: 5px #333 solid;
}
#promo #p1
{
	width: 480px;
	margin-left: 60px;
	padding-left: 10px;
}
#promo #p2
{
	width: 290px;
	margin-left: 50px;
	padding-left: 10px;
}
#promo #p1, #promo #p2
{
	float: left;
	margin-top: -5px;
	margin-bottom: 40px;
	background: url('../img/arrow.png') top left no-repeat;
}
#promo h3, #promo h4
{
	margin: 2.5em 0px 1em 0px;
}
#promo img
{
	float: left;
	border: 1px #FFF dotted;
	padding: 5px;
	max-width: 190px;
	margin: 0px 40px 10px -10px;
}
#promo a:hover img
{
	border: 1px #CCC dotted;
}
.rel-box a img
{
	margin: 2px 0px 40px 50px;
	border: 1px #CCC dotted;
	padding: 5px;
	max-width: 190px;
}
.rel-box a:hover img
{
	border: 1px #666 dotted;
}
.rel-box
{
	clear: both;
	/*margin: 1em 0px 0px 0px;
	padding: 0px 0px 0px 0px;*/
}
.rel-box ul
{
	margin: 1em 0px 0px 50px !important;
	padding: 10px 0px 0px 0px;
	/*border-top: 1px #e5e5d5 dotted;*/
}
.rel-box ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.rel-box ul li a
{
	border: none !important;
}
.rel-box ul li.ico-pdf
{
	background: url('../img/ico-pdf.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-doc, .rel-box ul li.ico-dot, .rel-box ul li.ico-docx, .rel-box ul li.ico-doct
{
	background: url('../img/ico-doc.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-xls, .rel-box ul li.ico-xlt, .rel-box ul li.ico-xlsx, .rel-box ul li.ico-xlst
{
	background: url('../img/ico-xls.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-ppt, .rel-box ul li.ico-pptx, .rel-box ul li.ico-pps, .rel-box ul li.ico-ppsx
{
	background: url('../img/ico-ppt.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-jpg, .rel-box ul li.ico-png, .rel-box ul li.ico-gif
{
	background: url('../img/ico-img.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-avi, .rel-box ul li.ico-mov, .rel-box ul li.ico-wmf
{
	background: url('../img/ico-img.mov') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-txt, .rel-box ul li.ico-rtf
{
	background: url('../img/ico-txt.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-zip
{
	background: url('../img/ico-zip.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.rel-box ul li.ico-rar
{
	background: url('../img/ico-rar.png') left no-repeat;
	padding: 5px 0px 5px 30px;
}
.date
{
	/*margin-top: 1.2em;*/
}
.box-list
{
	clear: both;
	margin: 0px 0px 20px 0px;
}
.box-list .thumb
{
	width: 163px;
	float: left;
}
.box-list .date
{
	margin: -5px 0px -10px 0px;
}
.box-list .thumb a img
{
	width: 141px;
	margin: 0px 20px 20px 0px;
	border: #666633 1px solid;
}
.box-list .thumb a:hover img
{
	border: #999933 1px solid;
}
#footer
{
	clear: both;
	width: 960px;
	height: 20px;
	margin: 0px auto 0px auto;
	padding: 18px 0px 12px 0px;
}
#copy
{
	float: left;
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px;
	width: 480px;
}
#sysnav
{
	float: left;
	width: 330px;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}
#sysnav li
{
	display: inline;
	list-style: none;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 14px;
	background: url('../img/div2.png') left no-repeat;
}
#sysnav li.first
{
	background: none;
}
#author
{
	clear: both;
	margin: 0px 0px 0px 80px;
	padding: 10px 0px 10px 0px;
}

/*misc*/
.clear
{
	clear: both;
}
hr
{
	height: 1px;
	border: 0px;
	border-top: 1px #e5e5d5 dotted;
	padding: 0px 0px 7px 0px;
	margin: 7px 0px 0px 0px;
}
.hr
{
	height: 1px;
	padding: 0px 0px 3px 0px;
	margin: 17px 0px 10px 0px;
	border-top: 1px #e5e5d5 dotted;
	/*background: url('../img/hr.png') bottom left repeat-x;*/
}
div.thumb
{
	width: 190px;
}
div.thumb img
{
	width: 190px;
}
.paging
{
	clear: both;
}
.back
{
	clear: both;
	margin-top: 15px;
}
#counter, .off
{
	display: none;
}