body {
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.75em;
	color:#000;
	background:#def;
}
a {
	color:#00f;
}
p {
	margin:4px 0;
}
img {
	border:0
}

/****** MAIN CONTEINER ******/
#content {
	margin:0 auto;
	width:780px;
}

/****** HEADER ******/
#hdr {
	width:700px;
	padding-top:20px;
	margin:0 auto;
}
#hdr h1 {
	font-family:Century Gothic,georgia,helvetica,times,sans-serif;
	font-size:3em;
	margin:15px;
}

/****** LEFT COLUMN ******/
#left {
	width:120px;
	float:left;
}

/****** RIGHT COLUMN ******/
#right {
	width:170px;
	border-left:2px solid gray;
	padding-left:5px;
	float:left;
}
#left h1, #right h1 {
	font-size:1.1em;
	margin:5px 0;
}

/****** CENTER/MIDLE COLUMN ******/
/* ovaj koristim zajedno s lijevom kolonom (meni) */
#center {
	width:405px;
	margin:0 3px;
	padding: 0 15px;
	float:left;
}
/* ovaj koristim bez lijeve kolone (meni) */
#article {
	width:520px;
	margin:0 3px;
	padding: 0 15px;
	float:left;
}
#center h1, #article h1 {
	font-family:"Century Gothic",verdana,arial,times,sans-serif;
	font-size:1.5em;
	margin:15px 0;
}
#center a h1, #article a h1 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
}
#center h2, #article h2 {
	font-family:"Century Gothic",verdana,arial,times,sans-serif;
	font-size:1.3em;
	margin:10px 0;
}

/****** FOOTER ******/
#ftr {
	clear:both;
	color:#333;
	background:#ffe;
	margin:8px;
	text-align:center;
	border-top:1px solid gray;
}

#related {
	width:500px;
	clear:both;
	margin:20px;
	padding: 0 15px;
	color:#333;
	background:#ffe;
	font-size:0.9em;
	border:1px dotted gray;
}
#related h1 {
	font-size:1em;
	font-weight:normal;
	margin: 5px 0;
}

/****** ROUNDED BOX ******/
.roundbox {height:100%;color:#000;background:#ffe}
.t {background:url(ffe_dt.gif) 0 0 repeat-x}
.b {background:url(ffe_db.gif) 0 100% repeat-x}
.l {background:url(ffe_dl.gif) 0 0 repeat-y}
.r {background:url(ffe_dr.gif) 100% 0 repeat-y}
.bl {background:url(ffe_dbl.gif) 0 100% no-repeat}
.br {background:url(ffe_dbr.gif) 100% 100% no-repeat}
.tl {background:url(ffe_dtl.gif) 0 0 no-repeat}
.tr {background:url(ffe_dtr.gif) 100% 0 no-repeat;padding:20px}

/****** BUTTON MENU ******/
.button ul {
	width:118px;
	margin:30px auto;
	padding:0;
	list-style-type:none;
	border:1px solid gray;
}
.button li {
	display:block;
	border-bottom:1px solid gray;
}
.button li a {
	color:#00f;
	background:#ffc;
	padding:4px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	width:93%;
}
.button li a:hover, li.here a:link, li.here a:visited {
	color:#e00;
	background:#eee;
	text-decoration:none;
}

/****** HEADER MENU ******/
.hdrmenu ul {
	margin:4px 0 10px 30px;
	padding:0;
	list-style-type:none;
}
.hdrmenu li {
	display:inline;
}
.hdrmenu li a {
	padding:2px;
	font-size:0.9em;
}

/****** SITEMAP MENU ******/
.sitemap ul {
	width:500px;
	margin:30px 0 30px;
	padding:0;
	list-style-type:none;
}
.sitemap li {
	display:block;
}
.sitemap li a {
	padding:4px;
	font-weight:normal;
	display:block;
	width:93%;
}