html, body {height:100%}

body {
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
}

h1,h3{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:18px;
color:#33240a;
}

p {
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:12px;
color:#3e3e3e;
}

.container {
margin:0 auto;
width:715px;
border: 1px solid #ffffff;
height:100%;
}

#header
{
    background-color: #00FF00;
    height:232px;
    
    border-bottom:1px solid #ffffff;
}


#menu {
height:58px;
background: #ffffff url('../images/Header_dots.gif') repeat-x bottom left;
}
/* POCETAK - navigacioni meni */

#nav {
margin-left:0px;
padding-left:15px;
margin-top:12px;
}

#nav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-indent:-9999px;
padding:0px 7px 0px 5px;
float:left;
}

 #nav li a {
 display:block;
 height:22px;
 }
 
#nav li.poc a {
background:transparent url(../images/pocetna.gif) no-repeat scroll 0 0;
width:52px;
}

#nav li.poc a.active, #nav li.poc a:hover {
background:transparent url(../images/pocetna_active.gif) no-repeat scroll 0 0;
width:52px;
}

#nav li.pre a {
background:transparent url(../images/predstave.gif) no-repeat scroll 0 0;
width:65px;
}

#nav li.pre a.active, #nav li.pre a:hover {
background:transparent url(../images/predstave_active.gif) no-repeat scroll 0 0;
width:65px;
}

#nav li.gal a {
background:transparent url(../images/galerija.gif) no-repeat scroll 0 0;
width:52px;
}

#nav li.gal a.active, #nav li.gal a:hover {
background:transparent url(../images/galerija_active.gif) no-repeat scroll 0 0;
width:52px;
}

#nav li.man a {
background:transparent url(../images/manifestacije.gif) no-repeat scroll 0 0;
width:84px;
}

#nav li.man a.active, #nav li.man a:hover {
background:transparent url(../images/manifestacije_active.gif) no-repeat scroll 0 0;
width:84px;
}

#nav li.ist a {
background:transparent url(../images/istorijat.gif) no-repeat scroll 0 0;
width:54px;
}

#nav li.ist a.active, #nav li.ist a:hover {
background:transparent url(../images/istorijat_active.gif) no-repeat scroll 0 0;
width:54px;
}

#nav li.arh a {
background:transparent url(../images/arhiv.gif) no-repeat scroll 0 0;
width:34px;
}

#nav li.arh a.active, #nav li.arh a:hover {
background:transparent url(../images/arhiv_active.gif) no-repeat scroll 0 0;
width:34px;
}

#nav li.kon a {
background:transparent url(../images/kontakt.gif) no-repeat scroll 0 0;
width:51px;
}

#nav li.kon a.active, #nav li.kon a:hover {
background:transparent url(../images/kontakt_active.gif) no-repeat scroll 0 0;
width:51px;
}

#nav li.lin a {
background:transparent url(../images/linkovi.gif) no-repeat scroll 0 0;
width:42px;
}

#nav li.lin a.active, #nav li.lin a:hover {
background:transparent url(../images/linkovi_active.gif) no-repeat scroll 0 0;
width:42px;
}

#nav li.gle a {
background:transparent url(../images/gledaliste.gif) no-repeat scroll 0 0;
width:66px;
}

#nav li.gle a.active, #nav li.gle a:hover {
background:transparent url(../images/gledaliste_active.gif) no-repeat scroll 0 0;
width:66px;
}

#nav li.poz a {
background:transparent url(../images/pozornica.gif) no-repeat scroll 0 0;
width:64px;
}

#nav li.poz a.active, #nav li.poz a:hover {
background:transparent url(../images/pozornica_active.gif) no-repeat scroll 0 0;
width:64px;
}
/* KRAJ - navigacioni meni */

#banner {
height:174px;
background: #ffffff url('../images/Header_line.gif') repeat-x top left;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:11px;
color:#696969;
}

#banner a {
color:#696969;
}

#banner a:hover {
color:#500607;
}

#banner .container {
background: #ffffff url('../images/Header_shadow.gif') repeat-x top left;
border-width:0px 1px 0px 1px;
height: 174px;
}


#divider {
height:8px;
background:#cccccc;
}

#divider .container {
background:#500607;
border-width:0px 1px;

}

#content
{
    background-color: #500607;
    height:auto;
    position:relative;
    overflow:hidden;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
}

#content .container {
    background-color:#ffffff;
    border-width: 0px 1px;
    min-height:350px;
    overflow:inherit;
    }


#content h1,#content h3 {
font-family:Verdana,Helvetica,sans-serif;
font-weight:bold;
font-size:15px;
color:#500607;
}

#prepor ul {
list-style-type:none;
border-width: 2px 0px;
border-style:dotted;
border-color:#500607;
padding-left:0px;
}

#prepor ul li a,#prepor ul li a:visited {
	font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
font-size:10px;
color:#500607;
text-decoration:none;
	
}
#prepor ul li a:hover {
	
	text-decoration:underline;
}

#novosti h3 {
margin-left: 20px;
padding-top:5px;
}

#novosti img {
float:left;
vertical-align:bottom;
margin:0;
padding:0;
}

#novosti {
	font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
font-size:10px;
color:#000000;
text-decoration:none;	
}

#novosti div.vijest {
padding-bottom:3px;
margin-bottom:6px;
	border-bottom:2px dotted #500607;
	
}
#novosti a,#novosti a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#500607;

}
#novosti a:hover{
	text-decoration:underline;
}

#footer
{
    background-color: #ffffff;
    border-top:1px solid #000000;
    height:20px;
}

#footer .container {
margin-top:0px;
text-align:center;
}


#footer p {
font-family:Verdana,sans-serif;
font-weight:normal;
font-size:9px;
color:#000000;
margin:2px;
}
.left
{
    width: 178px;
    
    padding: 10px;
    padding-left:20px;
    float:left;
    display:block;
}

.right
{
    width: 490px;    
    padding: 8px;
    padding-top:10px;
    float:right;
    display:block;
}