.navButton{
    background-image:url('../images/vedolina/navigation/nav_item_bg.png');
    background-repeat:repeat-y;
    height:2px;
    align:left;
    font-family: "Comic Sans MS",Arial,Verdana,"AvantGarde BK Bt",  Helvetica, sans-serif;
}
.navCurPageButton{
    background-image:url('../images/vedolina/navigation/nav_item_bg.png');
    background-repeat:repeat-y;
    height:30px;
    align:left;
    font-family: "Comic Sans MS",Arial,Verdana,"AvantGarde BK Bt",  Helvetica, sans-serif;
}
.navCurChildPageButton{
    background-image:url('../images/vedolina/navigation/nav_item_bg.png');
    background-repeat:repeat-y;
    height:30px;
    align:left;
    font-family: "Comic Sans MS",Arial,"AvantGarde BK Bt",Verdana, Helvetica, sans-serif;
}
#navCurPageLink{
	  font-size:14px;
	  text-decoration: none;
	  font-weight: bold;
    /*color:#319eee;*/
    color:#cfcfdf;
}
#navPageLink{
	  font-size:14px;
	  text-decoration: none;
	  font-weight: bold;
    color:#cfcfdf;
}

.navButtonStart{
    background-image:url('../images/odgovori/navigation_button_start.gif');
    background-repeat:no-repeat;
    align:left;
    height:30px;
    width:80px;
    margin:0;
    padding:0;
}

.navButtonEnd{
    background-color:#2a2c3a;
    height:32px;
    width:5px;
    margin:0;
    padding:0;
}
.navButtonSelStart{
    background-image:url('../images/odgovori/navigation_button_selected_start.gif');
    background-repeat:no-repeat;
    height:30px;
    width:7px;
    margin:0;
    padding:0;
}

.navButtonSelEnd{
    background-color:#2a2c3a;
    height:30px;
    width:5px;
    margin:0;
    padding:0;
}
.navButtonBottom{
    background-image:url('../images/vedolina/navigation/nav_item_bottom.png');
    background-repeat:repeat-x;
    height:13px;
    width:80pxpx;
    margin:0;
    padding:0;
}
.navButtonBottomSel{
    background-image:url('../images/vedolina/navigation/nav_item_bottom_sel.png');
    background-repeat:repeat-x;
    height:13px;
    width:80pxpx;
    margin:0;
    padding:0;
}

/*make container div tall enough to hold the menu*/
#sgl-nav {
    height:37px;
    /*padding:0 200;*/
    border:0;
    /*margin:-2 -5 4 -5;
    padding: 10 0 0 10;*/
    /*padding: 0 0 0 0;*/
    width:400px;
    /*background-repeat: no-repeat;*/
    font-family: Verdana,"AvantGarde BK Bt", Arial, Helvetica, sans-serif;
}

.sgl-nav-text{
    position:relative;
    top:5px;
    left:5px;
}

table,div {
    clear:left;
}/*don't like this solution but it might be the only one*/

ul.navLvl1 {
    position:absolute;
    list-style:none; 
    margin:0; 
    float:left; 
    width:472px; /*1200*/
    padding:0; 
    font-weight:normal;
   /* border-top:1px outset #fff; 
    border-bottom:1px outset #fff;*/
    background-image:url('../images/odgovori/navigation_button_repeat.gif');
    height:37px;
    
}

ul.navLvl1 a{
    display:block; 
    text-decoration:none; 
    padding:1px 6px; 
    color:#FFFFFF;
    font-size:14px;
    /*font-weight:bold;*/
   font-weight:normal;
}

ul.navLvl1 a:hover{
    /*background-color:#B50000; */
    color:#fa8100;
    font-size:14px;
    /*font-weight:bold;*/
    font-weight:normal;
}

ul.navLvl1 a:active{
    /*background-color:#FFFFFF; */
    color:#FFFFFF;
    font-size:14px;
    /*font-weight:bold;*/
    font-weight:normal;
}
ul.navLvl1 a:visited{
    /*background-color:#FBC42B; */
    color:#FFFFFF;
    font-size:14px;
    /*font-weight:bold;*/
    font-weight:normal;
}

ul.navLvl1 li{
    position:relative; 
    float:left;
    /*IE ":hover"
    NOTE: unlike background url, behavior url is relative to current url, not to .css
    */
    behavior:url(themes/default/css/listItemHover.htc);
    
    
}

ul.navLvl1 li a {

    display:block;
    position:relative;
    bottom:-1px;
	 
                /*shift down by the width of the containing LI's bottom border*/
    z-index:100;/*so these and their borders sit above the top border of the secondary UL, which
    we need in order to have a border extending full width of screen*/
    
    /*have to set a width here for IE to get around incomplete clickable region bug*/


    /*background:#FBC42B;*/
   /* border-top:1px outset #fff; da ni tiste crte na linki*/
    /*border-bottom:1px outset #fff;*/
/* 
    padding:0.5em 1.5em;

    margin:0px;
   
    background:#FBC42B;
    /*font-family:verdana,tahoma,arial,helvetica;*/
    font-size:14px;
   /* font-weight:bold;*/
    font-weight:normal;
    color:white;
    text-align:left;
    /*text-transform:uppercase;*/
    text-decoration:none;
    white-space:nowrap;

*/
}


/*non-IE :hover*/
ul.navLvl1 li:hover{
    /*background-color:#145181;*/
}/*entire path highlighted; non-IE only*/

ul.navLvl1 li:hover > ul{
    display:block;
}

ul.navLvl1 > li:hover > ul{
    left:auto;
}

ul.navLvl1 li li{
    float:none;
}

* html ul.navLvl1 li li{
    display:inline;
}

ul.navLvl1 li li a{
    padding:4px;
}

* html ul.navLvl1 li li a{
    width:100%;
}

ul.navLvl1 ul {
    list-style:none; 
    margin:0; 
    display:none; 
    position:absolute; 
    width:13.5em; 
    background:#68BA85; /*FBC42B*/
    padding:2px; 
    border:1px outset #1B5C8B;
}

ul.navLvl1 ul ul{
    top:0; 
    left:97%;
}

ul.navLvl1 ul a.hasKids{
    background:url(../images/menu_arrow_black.gif) center right no-repeat;
    
}

ul.navLvl1 li a#curPage {
	bottom:0px; /*prekine border*/
	color:#D39B2F; /* barva linka ki je trenutno kliknjen zgornji bar*/
	/*background:#FFFFFF; ozadje trenutno kliknjen link zgornji bar*/
	font-size:18px;
	
} 

ul.navLvl2 li a#curPage {
	bottom:0px; /*prekine border*/
	color:#3B347D; /* barva linka ki je trenutno kliknjen zgornji bar*/
	/*background:#FFFFFF; ozadje trenutno kliknjen link zgornji bar*/
	font-size:18px;
	
}