body {
	margin: 0; 
	padding: 0;
	background-color: #ffffc0;
	text-align: center;
}

* { 
	font-family: Verdana, Arial, sans-serif; 
	text-align: left; 
}

#container {  
	margin: 0 auto 0 auto; 
	padding: 0; 
	width: 780px; 
	background-color: #fff; 
	background-image: url(images/bg.png ); 
	background-position: bottom left; 
	background-repeat: repeat; 
	overflow: hidden; 
}

#topleft { 
	float: left; 
	margin-bottom: 15px; 
	padding: 0; 
	width: 430px; 
	height: 205px; 
	background-color: transparent ; 
	background-image: url(images/top.jpg); 
	background-position: left; 
	background-repeat: no-repeat; 
}

#topright { 
	float: left; 
	margin-bottom: 15px; 
	padding: 0; 
	width: 340px; 
	height: 205px; 
	background-color: #FFFFC0; 
}

#leftcol { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 200px; 
}

#maincontent { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 562px; 
	background-color: transparent ; 
	background-image: url(images/bgg.png ); 
}

#copyright { 
	margin: 0 auto 0 auto; 
	padding: 0; 
	width: 780px; 
	height: 16px; 
	background-color: #C4F307; 
}

#divblanksquares { 
  float: right; 
  margin-left: 0; 
  padding: 0; 
  width: 340px; 
  height: 35px; 
  background-color: transparent; 
}

#navone { 
  float: right;
  margin-left: 85px; 
  padding: 0; 
  width: 255px; 
  height: 85px; 
  background-color: transparent; 
}

#navtwo {
  float: right;
  margin-left: 170px; 
  padding: 0; 
  width: 170px; 
  height: 85px; 
  background-color: transparent; 
}
/* KOCKICE 4 */
div.topsquare {
  float: right;
  margin-left: 10px; 
  padding: 0;
  width: 75px; 
  height: 35px;
  background-color: #ffff79 ;
}

/* REPLACE THIS WITH LINKS */
div.midsquare {
  float: right;
  margin-left: 10px; 
  margin-top: 10px; 
  padding: 0;
  width: 75px; 
  height: 75px;
  background-color: #CCFF66 ;
}

div.bttmsquare {  
  float: right;
  margin-left: 10px; 
  margin-top: 10px; 
  padding: 0;
  width: 75px; 
  height: 75px;
  background-color: #CCFF66 ;
}
/* IZBORNIK */
div.leftitem {
  margin: 0 10px 10px 10px; 
  padding: 0;
  background-color: #FDFFDB ;
}

/* TEXT STYLES */
p {
  margin: 5px; 
  padding: 5px;
  font-size: 0.7em;
  line-height: 1.4em;
  font-weight: normal;
  color: #666;
 }

p.small {
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 0.6em;
  line-height: 0.6em;
  font-weight: normal;
  color: #666;
 }

p.design {
  margin: 1px 5px 1px 5px; 
  padding: 5px;
  font-size: 0.6em;
  line-height: 0.6em;
  font-weight: bold;
  text-align: center;
  color: #999;
}

h1 {
  margin-top: 30px; 
  margin-left: 70px; 
  padding: 0;
  font-size: 2em; 
  font-weight: normal; 
  font-style: italic;
  line-height: 2em; 
  color: #D2503C ;
}

#slogan {
  margin-top: 10px; 
  margin-left: 90px; 
  padding: 0;
  font-size: 0.8em; 
  font-weight: bold; 
  font-style: italic;
  line-height: 1.0em; 
  color: #444;
}

h2 {
  margin: 5px; 
  padding: 5px;
  font-size: 0.7em; 
  font-weight: bold; 
  font-style: normal;
  line-height: 1.4em;
  color: #D2503C ;
 }

h3 {
  margin: 5px; 
  padding: 5px;
  font-size: 0.7em; 
  font-weight: bold; 
  font-style: normal;
  line-height: 1.4em;
  color: #666;
 }

ul li {
  margin: 0; 
  padding: 0;
  font-size: 0.7em;
  line-height: 1.6em;
  font-weight: normal;
  color: #666;
  list-style-type: square;
 }

ol li {
  margin: 0 0 0 10px; 
  padding: 0;
  font-size: 0.7em;
  line-height: 1.6em;
  font-weight: normal;
  color: #666;
  list-style-type:  decimal-leading-zero;
 }

#mainnav {
  width: 255px;
  height: 85px;
  margin: 0;
  padding: 0;
}

#mainnav li { 
  float: right;
  list-style: none; 
  margin: 0;
  padding: 0;
}

#mainnav a {
  margin: 10px 0 0 10px; 
  padding: 0;
  display: block;
  width: 75px;
  height: 75px;
  text-align: right;
  font-weight: bold; 
  font-size: 10px;
}
/* KOCKICE 3 */
#mainnav a:link, #mainnav a:visited {
  color: #fff;
  text-decoration: none;
  background-color: #ffff79 ;
}

#mainnav a:hover, #mainnav a:active {
  color: #fff;
  text-decoration: none;
  background-color: #C7F964 ;
}

#secondnav {
  width: 170px;
  height: 85px;
  margin: 0;
  padding: 0;
}

#secondnav li { 
  float: right;
  list-style: none; 
  margin: 0;
  padding: 0;
}

#secondnav a {
  margin: 10px 0 0 10px; 
  padding: 0;
  display: block;
  width: 75px;
  height: 75px;
  text-align: right;
  font-weight: bold; font-size: 10px;
}
/* KOCKICE 2 */
#secondnav a:link, #secondnav a:visited {
  color: #ffffcc;
  text-decoration: none;
  background-color: #ffff79 ;
}

#secondnav a:hover, #secondnav a:active {
  color: #ffffcc;
  text-decoration: none;
  background-color: #C7F964 ;
}

/* LINKS */
a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #1F688F ;
}

a:hover, a:active {
  font-weight: bold;
  text-decoration: none;
  color: #72C4F0 ;
}