<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#main_navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color:#860000;
}

#main_navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
#main_navigation ul li{
position: relative;
display: inline;
float: left;
text-indent:-9999px;
}

#main_navigation ul li.home_li{
background: url(button-home1.jpg) no-repeat;
width:62px;
height:31px;
}

#main_navigation ul li.about_li{
background: url(button-aboutus1.jpg) no-repeat;
width:79px;
height:31px;
}

#main_navigation ul li.tomdavis_li{
background: url(button-collection.jpg) no-repeat;
width:79px;
height:31px;
display:block;
}

#main_navigation ul li.news_li{
background: url(btn_news.jpg) no-repeat;
width:45px;
height:31px;
}

#main_navigation ul li.events_li{
background: url(btn_events.jpg) no-repeat;
width:52px;
height:31px;
}

#main_navigation ul li.testimonies_li{
background: url(button-location1.jpg) no-repeat;
width:79px;
height:31px;
}

#main_navigation ul li.zastava2_li{
background: url(button-flag.jpg) no-repeat;
width:62px;
height:31px;
}

#main_navigation ul li.myspace_li{
background: url(button-contact1.jpg) no-repeat;
width:63px;
height:31px;
}

#main_navigation ul li.contact_li{
background: url(button-gallery1.jpg) no-repeat;
width:79px;
height:31px;
}

#main_navigation ul li.store_li {
background: url(dugme_galerija.jpg) no-repeat;
width:79px;
height:31px;
}

#main_navigation ul li.donate_li {
background: url(dugme_tiara.jpg) no-repeat;
width:79px;
height:31px;
}


#main_navigation ul li.last{
border-right: 0;
}

/*Top level menu link items style*/
#main_navigation ul li a{


border: 0px solid #fff;
border-left: 0;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:normal;
color:#860000;
text-transform:capitalize;

}

/*-------------------------------------------*/

#main_navigation ul li a.home:link{
	background: url(button-home1.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.home:visited{
	background: url(button-home1.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.home:hover{
	background: url(button-home2.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.home:active{
	background: url(button-home2.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

/*-------------------------------------------*/

#main_navigation ul li a.zastavaJBT:link{
	background: url(button-flag.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.zastavaJBT:visited{
	background: url(button-flag.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.zastavaJBT:hover{
	background: url(button-flag2.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.zastavaJBT:active{
	background: url(button-flag2.jpg) no-repeat;
	display: block;
	width:62px;
	height:31px;
	text-indent:-9999;	
}

/*-------------------------------------------*/

#main_navigation ul li a.about:link{
	background: url(button-aboutus1.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.about:visited{
	background: url(button-aboutus1.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.about:hover{
	background: url(button-aboutus2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.about:active{
	background: url(button-aboutus2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

/*-------------------------------------------*/

#main_navigation ul li a.tomdavis:link{
	background: url(button-collection.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.tomdavis:visited{
	background: url(button-collection.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}


#main_navigation ul li a.tomdavis:hover{
	background: url(button-collection.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.tomdavis:active{
	background: url(button-collection.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.news_menu:link{
	background: url(img/btn_news.jpg) no-repeat;
	display: block;
	width:45px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.news_menu:visited{
	background: url(img/btn_news.jpg) no-repeat;
	display: block;
	width:45px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.news_menu:hover{
	background: url(img/btn_news_over.jpg) no-repeat;
	display: block;
	width:45px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.news_menu:active{
	background: url(img/btn_news_over.jpg) no-repeat;
	display: block;
	width:45px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.events_menu:link{
	background: url(img/btn_events.jpg) no-repeat;
	display: block;
	width:52px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.events_menu:visited{
	background: url(img/btn_events.jpg) no-repeat;
	display: block;
	width:52px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.events_menu:hover{
	background: url(img/btn_events_over.jpg) no-repeat;
	display: block;
	width:52px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.events_menu:active{
	background: url(img/btn_events_over.jpg) no-repeat;
	display: block;
	width:52px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.testimonies:link{
	background: url(button-location1.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.testimonies:visited{
	background: url(button-location1.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.testimonies:hover{
	background: url(button-location2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.testimonies:active{
	background: url(button-location2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.myspace:link{
	background: url(button-contact1.jpg) no-repeat;
	display: block;
	width:63px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.myspace:visited{
	background: url(button-contact1.jpg) no-repeat;
	display: block;
	width:63px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.myspace:hover{
	background: url(button-contact2.jpg) no-repeat;
	display: block;
	width:63px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.myspace:active{
	background: url(button-contact2.jpg) no-repeat;
	display: block;
	width:63px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.zastava_menu:link{
	background: url(button-zastava.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.zastava_menu:visited{
	background: url(button-zastava.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.zastava_menu:hover{
	background: url(button-zastava2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.zastava_menu:active{
	background: url(button-zastava2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.contact:link{
	background: url(button-gallery1.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.contact:visited{
	background: url(button-gallery1.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.contact:hover{
	background: url(button-gallery2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.contact:active{
	background: url(button-gallery2.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/

#main_navigation ul li a.store:link{
	background: url(dugme_galerija.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.store:visited{
	background: url(dugme_galerija.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.store:hover{
	background: url(dugme_galerija_preko.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.store:active{
	background: url(dugme_galerija_preko.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/


#main_navigation ul li a.donate:link{
	background: url(dugme_tiara.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.donate:visited{
	background: url(dugme_tiara.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;	
}

#main_navigation ul li a.donate:hover{
	background: url(dugme_tiara_preko.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

#main_navigation ul li a.donate:active{
	background: url(dugme_tiara_preko.jpg) no-repeat;
	display: block;
	width:79px;
	height:31px;
	text-indent:-9999;
}

/*-------------------------------------------*/


	
/*1st sub level menu*/
#main_navigation ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding-top:1px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#main_navigation ul li ul li{
display: list-item;
float: none;
border-right: 0;
border-bottom: 1px solid #eeeeee;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#main_navigation ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
#main_navigation ul li ul li a{
display: block;
width: 106px; /*width of sub menu levels*/
color: #5d5d5d;
text-decoration: none;
padding: 6px 10px;
text-align:left;
background-color:#ffffff;
text-indent: 0px;

}

ul.ul_right {
float:left;
}



#main_navigation ul li ul li a:hover{
background-color: #ffffff;
color: #c88100;
}

/*Background image for top level menu list links */
#main_navigation .mainfoldericon{
background: #fff url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
#main_navigation .subfoldericon{
background: #fff url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #main_navigation ul li { float: left; height: 1%; }
* html #main_navigation ul li a { height: 1%; }

* html #main_navigation ul li a{
border: 0px solid #fff;
border-left: 0;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight:normal;
color:#860000;
text-transform:capitalize;
}

/*1st sub level menu*/
* html #main_navigation ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding-top:4px;
}

* html #main_navigation ul li ul li{
display: list-item;
float: none;
border-right: 0;
border-bottom: 1px solid #eee;
margin-top:-2px;
}

/* End */

</style>


