/* we do not use this */
div.naslov{
  font-weight:bold;
  font-size:16px;
  text-align:center;
}


#wrapper{
  width:640px;
  margin-left:auto;
  margin-right:auto;
}

/* we do not use this */
#spacer{
  clear:both;
  height:20px;
  /*background-color:#FFFF00;
  border:1px solid #000000;*/
}

#header{
  width:100%;
  height:104px;
  /*background-color:#0099FF;*/
  background-image:url(../images/banner.jpg);
  margin: 0 auto;
  border-bottom: 5px solid #004080; /*#387A9B;*/
}

#lCol{
  float:left;
  width:120px;
  height:100%;
}

#cCol{	
  float: left;  /* added these two fields */
  width: 605px; /* - Skraceno sa 611 posto pravi problem IE-u gde ceo cCol div predje 
                     u sledeci red. Ako skratimo sirinu na 605 onda je OK ali tada u 
                     Firefox-u imamo"rupu" na desnoj strani.
		     Fix za ovo je sledeci selector
                */
	
  padding-top:1em;
  margin-left:20px;
  border-right:1px solid #004080;
  padding-left:2em;
  padding-right:2em;
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
	
  background-color:#95C0E0; /*< background returned*/	
}

html>body #cCol{
  width:611px; /*Interner explorer ovo ne razume pa ce koristiti sirinu od 605px*/
}

/*Indentiranje texta samo unutar "first" paragraph taga*/
#cCol p.first{
  text-indent:1em;
}

#lCol ul{
  margin:0px;
  padding:0px;
}

#lCol li{
  list-style-type:none;
}

#lCol li a{
  border-left:15px solid #57A4DA;
  background-color:#95C0E0;
  display:block;
  /*text-indent:0.5em; < Izmena //za slova jedno */
  padding-left:0.5em;/*< ispod drugog u linkovima*/
  color:white;
  text-decoration:none;
  font-weight:bold;
  font-family:"Times New Roman", Times, serif;
  font-size:14px;
  width:104px; /*fix za ie*/
}
#lCol li a:hover{
  border-left:15px solid #95C0E0;
  background-color:#57A4DA;
}

/* added: different link color for current page */
#lCol li.selected a {
  color: #004080;
}