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

#nav {height:24px;}
/*X hack to correct IE5.5 faulty box model */
* html #nav {width:701px; w\idth:700px;}
/* Xremove all the bullets, borders and padding from the default list styling */
#nav ul {padding:0;margin:0;list-style-type:none;}
/* Workaround */
#nav li {padding:0;margin:0;list-style-type:none;}
#nav ul ul {width:160px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {float:left;width:130px;position:relative;}
#nav li li {width:160px;}

/* Xstyle the links for the top level */
#nav a, #nav a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:130px; height:22px; border:1px solid #00a4de; background:#00a4de; line-height:22px; text-align:center; font-weight:600;}
/* Xa hack so that IE5.5 faulty box model is corrected */
* html #nav a, * html #nav a:visited {width:141px; w\idth:130px;}
 
/*style the second level background */
#nav ul ul a.drop, #nav ul ul a.drop:visited {background:#cbeafa url(/resources/images/template/arrow.gif) no-repeat 95% 50%;}
/*Xstyle the second level hover */
#nav ul ul a:hover{background:#e1f4fb;color:#000;border-width:0 1px 1px 1px;border-color:#87c3fa;}
#nav ul ul :hover > a {background:#e1f4fb;color:#000;border-width:0 1px 1px 1px;border-color:#87c3fa;}
#nav ul ul a.drop:hover{background:#e1f4fb url(/resources/images/template/arrow.gif) no-repeat 95% 50%;}
#nav ul ul :hover > a.drop {background:#e1f4fb url(/resources/images/template/arrow.gif) no-repeat 95% 50%;}

/* style the third level ++ background */
#nav ul ul ul a, #nav ul ul ul a:visited {background:#e1f4fb;color:#003399;}
#nav ul ul ul a.drop, #nav ul ul ul a.drop:visited {background:#e1f4fb url(/resources/images/template/arrow.gif) no-repeat 95% 50%;}
/* style the third ++ level hover */
#nav ul ul ul a:hover {background:#eef9fd;color:#000;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:160px;border-top:1px solid #87c3fa;}
/* another hack for IE5.5 */
* html #nav ul ul {top:23px;t\op:24px;}
 
/* position the third level flyout menu */
#nav ul ul ul{left:161px; top:-1px; width:160px;}
 
/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {left:-162px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */				
#nav ul ul a, #nav ul ul a:visited {text-align:left;background:#cbeafa; color:#003399; height:auto; padding:5px 10px; width:150px;border-width:0 1px 1px 1px;border-color:#87c3fa;font-weight:400;font-size:10px;padding:0px 5px;}
/* yet another hack for IE5.5 */
* html #nav ul ul a, * html #nav ul ul a:visited {width:172px;w\idth:150px;}
 
/* style the top level hover */
#nav a:hover {color:#000; 	background:#0093c4;	border:1px solid #0093c4;}
#nav :hover > a {color:#000; 	background:#0093c4;	border:1px solid #0093c4;}
 
/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{ visibility:visible;}
/* keep the fourth level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul ul{visibility:hidden;}
/* make the fourth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul { visibility:visible; }
/* keep the fifth level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul :hover ul ul{visibility:hidden;}
/* make the fifth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul :hover ul { visibility:visible; }
/* keep the six level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul :hover ul :hover ul ul {visibility:hidden;}
/* make the six level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible; }