/* ================================================================ 
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:960px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #topnav {width:960px; w\idth:960px;}
/* remove all the bullets, borders and padding from the default list styling */
#topnav ul ul {width:150px;}
/* 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:28px; left:25px; width:150px; }
/* another hack for IE5.5 */
* html #topnav ul ul {top:28px;t\op:28px;}

/* 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: #393939; padding: 5px 3px 0 6px; width: 133px; height: auto;}

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

#topnav ul ul a { color:#AFAFAF; height: auto; padding:7px 7px 5px 14px; width:110px; font-size: 0.85em; border-bottom: 1px solid #5F5F5F; text-transform: none;}

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

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

/* yet another hack for IE5.5 */
* html #topnav ul ul a {width:150px;w\idth:128px;}

#topnav a:hover {background: #676767 url(../../images/nav_h.gif) repeat-x bottom}
#topnav :hover > a {color: #FFFFFF; background: #676767 url(../../images/nav_h.gif) repeat-x 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; }
/* 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;}
#topnav ul ul a:hover, #topnav ul ul :hover > a { background: #2F2F2F; color: #FFFFFF;}