/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#topnav {width:940px; position:relative; z-index:100;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnav li {float:left; position:relative;}
/* style the links for the top level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {visibility:hidden; position:absolute; height:0; top:40px; left:0px; width:182px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#topnav table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#topnav ul ul li { background: #242424; padding: 5px 3px 0 6px; width: 173px; height: auto; border-right: 0;}

* html #topnav ul ul li { width: 134px; }

#topnav ul ul a, #topnav ul .topnav_current ul a { color:#AFAFAF; height: auto; padding:7px 7px 7px 14px; width: 152px; font-size: 0.9em; border-bottom: 1px solid #454545; text-transform: none; background:none}

#topnav ul ul .topsub_last a { border: none; }

#topnav ul ul .topsub_last { padding: 0 3px 5px 6px; }

#topnav a:hover {background: url(../../images/topnav_h.gif) repeat-x top; color: #000000;}
#topnav :hover > a {background: url(../../images/topnav_h.gif) repeat-x top; color: #000000;}

#topnav #lang_hrv a:hover, #topnav #lang_hrv :hover > a {
background: url(../../images/hrv.gif) no-repeat bottom;
}

#topnav #lang_eng a:hover, #topnav #lang_eng :hover > a {
background: url(../../images/eng.gif) no-repeat bottom;
}

/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul, #topnav ul a:hover ul{visibility:visible; z-index: 230030303}
/* keep the third level hidden when you hover on first level list OR link */
#topnav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav ul :hover ul :hover ul{ visibility:visible; z-index: 230030303}
#topnav ul ul a:hover, #topnav ul ul :hover > a, 
#topnav ul .topnav_current ul a:hover, #topnav ul .topnav_current ul :hover > a { background: #000000; color: #cbac53;}