/* CSS Document */

#container {
			width: 650px;
			border: 0px solid #CCCCCC;
			margin: 0px;
			margin-top: 0;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
			background:#000;
		}

#header {
			padding: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			height: 169px;
			width: 650px;
			background-image: url(header.jpg);
		}

#menu {
			padding: 10px;
			margin-bottom: 0px;
			margin-left: 0px;
			text-align: right;
			height: 15px;
			width: 630px;
			background:#383838;
			background-image: url("background.gif");
            background-repeat: repeat-x;
		}
#content {
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			margin-top: 0px;
			text-align: justify;
			width: 620px;
		}

#column { 
			float: left;
			width: 186px;
			margin-left: 0px;
			background-color: #000000;
		}
#footer {
			clear: both;
			padding-top: 15px;
			padding: 5px;
			margin-bottom: 0;
			margin-top: 10px;
			margin-left: 0px;
		    background-color: #000;
			width: 640px;
		}
html, body, #container {
	min-height: 100%;
	height: 100%;
}
html>body, html>body #container {
	height: auto;
}
body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0;
	margin: 0;
	background-image: url("pozadina.gif");
    background-repeat: repeat-y;
    background-position: top;
	background-color: #383838;
}

a {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;
}
a:hover {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #3399CC;
	text-decoration: overline;
}
a.menu {
	color: #FF9900;
	text-decoration: none;
}
a.menu:hover {
	color: #FF9900;
	text-decoration: underline;
}
a.contact {
	color: #FF6666;
	text-decoration: none;
}
a.contact:hover {
	color: #FF6666;
	text-decoration: overline;
}
a.indexlink {
	color: #3399CC;
	text-decoration: none;
}
a.indexlink:hover {
	text-decoration: overline;
}
h1 {
	font-family: "Trebuchet MS";
	font-size: 17px;
	text-transform: none;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;

}
h2 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
	font-weight: lighter;

}
h3 {
	font-family: "Trebuchet MS";
	font-size: 17px;
	text-transform: uppercase;
	color: #99CC33;
	text-decoration: none;
	font-weight: lighter;

}
.contactform {
    font-family: "Trebuchet MS";
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#column ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#column li
{
margin: 0;
}

#column li a
{
display: block;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F25E0D;
color: white;
text-decoration: none;
list-style: none;
width: 100%;
}

html>body #column li a { width: auto; }

#column li a:hover
{
background-color: #FECA3B;
color: black;
}

#listing {
margin-top: 0;
margin-bottom: 0em;
padding: 0.5em;
background-color: #383838;
}

#navigation {
margin-top: 0;
margin-bottom: 1em;
padding: 0.5em;
background-color: #383838;
}

#navigation ul {
	margin: 0 2px 0 2px;
	padding: 4px 0 4px 0;
}

#navigation ul li a {
  margin:0;
  border:0;
  padding: 0 5px 0 5px;
  display: inline;                
  text-decoration: none;
  color: #FECA3B;
  font-size: 11px;
  background: no-repeat 5px 3px;
}

#navigation ul li a:hover{
  color: #FFCC00;
  background: no-repeat 5px 3px;
}       

#navigation ul li {
  position: relative;
  display: inline;
}

#navigation ul li ul {
  position: absolute;
  margin:0;
  margin-top:5px;
  border: 1px solid #F13C46;
  padding: 2px;
  left: 5px;
  top: 12px;
  width: 160px;
  background: #FFCC00;
  display: none;
}

#navigation ul li ul li {
  display: block;
}

#navigation li ul li a {  
  color:#333;
  margin-left:0;
  border:0;
  border-right: 1px solid white;
  border-left: 1px solid white;
  padding:3px 5px 3px 17px;
  display: block;
  font-size: 11px;
  font-weight: normal;
  background: no-repeat 5px 4px;
}

#navigation ul li ul li a:hover{
  display: block;
  margin-left:0;
  padding:3px 5px 3px 17px;
  background:#A73131;
  color:#000000;
  background: #F9F9F9 no-repeat 7px 4px;

}

/* Fix IE. Hide from IE Mac */

/* Skontao sam u cemu je problem, normalno, IE ne renda normalno blokove sa float-anjem, tako da sam samo pokusao
da izbrisem ovaj float, i sve vise manje radi u IE-u. Znaci samo sam promenio prvu liniju koja je glasila "* html ul li {float: left;  height: 1%; }" */

* html ul li {height: 1%; }
* html ul li a { height: 1%;}

/* End */

#navigation ul li:hover ul {
  display: block;
}