*, html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(images/top-header.jpg) top repeat-x;
	background-color:#666;
}

#wrapper {
	width:857px;
	margin:0 auto;
	padding-bottom:10px;
}

#header {
	width:857px;
	height:74px;
	margin:0;
	background:url(images/header-mid.jpg) repeat-x;
}

#header-left {
	width:15px;
	height:74px;
	background:url(images/header-left.jpg) no-repeat;
	float:left;
}

#header-right {
	width:15px;
	height:74px;
	background:url(images/header-right.jpg) no-repeat;
	float:right;
}

#logo {
	float:left;
	width:210px;
	height:74px;
	background:url(images/logo.jpg) no-repeat;
}

/*-----SEARCH-----*/
#search-box {
	padding:10px 0 0 10px;
	width:203px;
	height:20px;
}

#search {
	width:136px;
	height:20px;
	border:none;
	padding:3px 0 0 30px;
	color:#ccc;
	font-size:11px;
	float:left;
	background:url(images/search.jpg) no-repeat;
}

#go {
	width:36px;
	height:20px;
	float:right;
	border:none;
	background:url(images/go.jpg) no-repeat;
	color:#353535;
}

#page {
	width:857px;
	height:auto;
	margin:0;
	padidng:0;
}

/*-----LEFT BOX-----*/
#left {
	width:647px;
	margin:0;
	padding:0;
	float:left;
}

.box {
	width:647px;
	height:auto !important;
	padding:0;
	font-size:12px;
	background:url(images/box-mid.jpg) right repeat-y;
	
}

.top-title {
	padding-right:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#2A2521;
	float:right;
	line-height:50px;
}

.box-top {
	width:647px;
	height:59px;
	line-height:10px;
	margin:0;
	padding: 0;
}

#box-top-left {
	width:407px;
	height:59px;
	background:url(images/box-top-left.jpg) no-repeat;
	float:left;
}

#box-top-right {
	width:240px;
	height:59px;
	background:url(images/box-top-right.jpg) no-repeat;
	float:right;
}


.box-mid {
	width:523px;
	height:auto;
	margin: 0;
	padding: 20px 50px 20px 74px;
	background:url(images/box-mid.jpg) repeat-y;
	background:url(images/kursi.jpg) bottom right no-repeat;
}

.box-cat {
	width:260px;
	float:left;
}
.box-mid ul {
	font:bold 14px "Arial", Helvetica, sans-serif;
}

.main li, .sub li {
	list-style:none;
	padding:3px 0;
	color:#999;
}

.main li {
	text-indent:20px;
	background:url(images/1.jpg) left no-repeat;
}
.sub li {
	background:url(images/2.jpg) left no-repeat;	
	text-indent:25px;
}

.main li a, .sub li a {
	color:#333;
	text-decoration:underline;
}
.main li a:hover, .sub li a:hover {
	color:#999;
	text-decoration:none;
}

.box-btm {
	width:647px;
	height:29px;
	background:url(images/box-btm.jpg) right no-repeat;
}

.title a:link {
	color:#F6C641;
	font:bold 14px Arial, Helvetica, sans-serif;
}
.title a:visited {
	color:#F6C641;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.post {
	padding:0 40px 0 20px;
	background:url(images/2.jpg) left top no-repeat;
	margin-bottom: 5px;
}
.post a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.post a:hover {text-decoration:underline}

/*-----RIGHT BOX-----*/
#right {
	width:207px;
	margin:0;
	padding:0;
	float:right;
}

.sidebar {
	width:207px;
	height:auto;
	float:right;
}

.bar-top {
	width:207px;
	height:15px;
	background:url(images/box-right-top.jpg) top no-repeat;
}

.bar-mid {
	width:207px;
	background:url(images/box-right-mid.jpg) repeat-y;
}

.bar-btm {
	width:207px;
	height:15px;
	background:url(images/box-right-btm.jpg) top no-repeat;
}

.clear {clear:both}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-1px;
	font-size:12px;
	width:547px;
	height:29px;
	font-weight:bold;
	padding:0 0 0 100px;
	color:#2A2521;
	line-height:25px;
	background-color:#333;
	background:url(images/footer.jpg) no-repeat;
}


.main2 li {
list-style:none;
padding:3px 0;
color:333;
fontold 12px "Arial", Helvetica, sans-serif;
text-indent:20px;
background:url(images/1.jpg) left no-repeat;
}

.main2 li a, .sub li a {
color:#333;
text-decoration:underline;
font-size:12px;
}
.main2 li a:hover, .sub li a:hover {text-decoration:none}

.tsubmit td {
padding: 3px;
}

.tsubmit #kanan {
width: 90px; text-align:right; vertical-align:top; 
}

.err {
color:#ff0000;
}