/* ================================================================ 
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.
=================================================================== */

/* remove all the bullets, borders and padding from the default list styling */
#header_nav ul ul { width:210px; list-style: none; margin: 0; padding: 0; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header_nav 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 */
#header_nav ul ul {visibility:hidden; position:absolute; height:0; top:49px; left:0; width:210px; }

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

/* style the second level links */
#header_nav ul ul li { background: #717d8f; padding: 0 15px; width: 180px; height: auto;}

#header_nav ul ul a { color:#ced7e6; text-align: left; height: auto; padding: 8px 0; width:180px; font-size: 0.9em; border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #576172; text-transform: none; background: none;}

#header_nav ul ul .topsub_last a { border: none; padding: 8px 0 10px }

#header_nav ul ul .topsub_last {  }

#header_nav a:hover { background: url(../../images/tn_h.gif) repeat-x bottom; color: #FFFFFF; }
#header_nav :hover > a { background: url(../../images/tn_h.gif) repeat-x bottom; color: #FFFFFF; }

/* make the second level visible when hover on first level list OR link */
#header_nav ul li:hover ul, #header_nav ul a:hover ul {visibility:visible; }

#header_nav ul ul a:hover { background: none; color: #FFFFFF; border: 0; width:180px; border-bottom: 1px solid #576172;}

#header_nav ul ul :hover > a { background: none; color: #FFFFFF; border: 0; width:180px; border-bottom: 1px solid #576172; text-decoration: none;}

#header_nav ul ul .topsub_last a:hover { border-bottom: 0; }