/* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #892F32;     /* the default background color within the main menu container */
        color: #E1E1A6;                /* the default font color (not links) within the main menu container */
        z-index: 100;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        background-color: #892F32;     /* main menu item background color */
        color: #E1E1A6;                /* main menu item font color (not links) */
        margin-right: -10px;        /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        display: block;
    }
    #dmenu li div{                  /* top-level menu element links */
        text-align: left;           /* text alignment in main menu item links */                             
        display: block;
    }
    #dmenu li ul{                   /* sub-menu list container */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        
		margin-left: -20px;         /* space around the list container */
		margin-top: 0px;
		padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 150px;               /* the width of the sub menus */
        background-color: #EFCFBA;     /* sub-menu default background color */
        color: #E1E1A6;                /* sub-menu default font color (not links) */
		padding-top: 3px;           /* odmik od vrha pri podmeniju */
		padding-bottom: 3px;        /* odmik od dna pri podmeniju */
        padding-left: 3px;
		border-right: 1px solid #F8BCA2;
		border-left: 1px solid #F8BCA2;
		border-bottom: 1px solid #F8BCA2;
	}
    #dmenu li ul li{                /* sub-menu element links */
        background-color: #EFCFBA;     /* default background color for sub-menu container */
		color: #E1E1A6;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
		padding: 1px;               /* This is for padding between menu items in the drop-downs */
		width: 140px;               /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width and set for  
		                               this one, or borders won't display properly...
                                       not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time */
		font-size: 11px;
    }
    #dmenu li ul li a{
        padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 5px;
		display: block;
        width: 140px;               /* should be set to the same value as #dmenu li ul li -> width */
    }

    #dmenu li div {
		height: 22px;               /* sirina menija */
	}

    #dmenu li ul li a:hover{
        background: #F8BCA2;
        color: black;
    }
    #dmenu li:hover ul, #dmenu li.over ul{ /* lists nested under hovered list items */
        display: block;
    }
    .content {
        clear: left;
    }