/* ================================================================ 
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:910px; position:relative; z-index:100;
padding-left:10px;}
/* hack to correct IE5.5 faulty box model */
* html #topnav {width:910px; w\idth:910px;}
/* remove all the bullets, borders and padding from the default list styling */
#topnav ul {list-style:none; margin:0; padding:0;}
#topnav ul ul {width:150px; 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 */
#topnav li {
background:url(image/link.gif) no-repeat; width:138px; height:30px;
font-family:"Century Gothic", Arial, Sans-serif;
font-size:14px;
margin:20px 10px 0 0;
float:left; position:relative;
padding-top: 5px;
text-align: center}
/* 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:35px; left:0; 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: #e4e3e3; padding: 3px 3px 5px 6px; width: 133px; height: auto; margin:0; text-align: left; border-bottom:#ffffff 1px solid;}

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

#topnav ul ul a { color:#7c7b7b; height: auto; width:110px; font-size: 0.85em; /*border-bottom: 1px solid #ffffff;*/ 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:150px;}

#topnav a:hover {color:#000000; }
#topnav :hover > a {}

/* 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 { color: #000000; width:150px;}