html, body{	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#9966CC;
 margin: 0 auto;
 padding:0; 
 text-align:center; background-color: #36B449 ;
 background-image:url(img/bg.gif); background-repeat:repeat-x;
} 
h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #0099FF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #0099FF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 

#wrapper {
margin: 0 auto;
width: 858px; background-color: #ffffff;
 }


#topbann { text-align:left;
width:858px; height:231px; 
background-image:url(img/topmain.gif);
}
#naslov {
	width:858px;
	height:34px;
	background-image:url(img/naslov-bg.gif);
	text-align:right; 
	font-size:2.6em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9966CC;
	font-style: italic;
}
.naslov{padding-right: 38px;
}
#main {
	width:858px;
	text-align:left; 
	background-color: #fff;
	
}
#lnav {
    float: left; display: inline;
	width:206px;
	text-align:left; margin: 24px;
}
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}


/*- Menu  */

#menu1 {
        width: 206px;
        margin: 0px;
        }

#menu1 li a {
       height: 35px;
          text-decoration: none;
        }
		html>body #menu1 li a  {
	height: 27px; 
	}		

#menu1 li a:link, #menu1 li a:visited {
        color: #E4D6CD; 
        display: block;
        background:  url(menu1.gif);
        padding: 8px 0 0 28px;
		font-size:14px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0099FF; font-style: italic;
        }
		
	

#menu1 li a:hover, #menu1 li #current {
        color: #FFF;
        background:  url(menu1.gif) 0 -35px;
        padding: 8px 0 0 28px;
		font-size:14px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9966CC; font-style: italic;
        }
		
-->
#txt {float: left; display: inline; width: 573px;
margin: 24px 0 24px 0;
}


#footer {
	width:858px;
	height:34px; 
	background-image:url(img/footer-bg.gif);
	text-align:center;
	}
#footer p{	padding-top:10px; 
}
td {
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#9966CC;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->


/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#topbann, #lnav, #footer, #naslov, #bot, #menu1{display:none;} 
#txt {width:90%; height:auto;float:none; overflow: none;}
}