/* 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.stunicholls.com/menu/skeleton_right.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. */
#nav li {
	height: 21px;
}
#nav, #nav ul, #nav2, #nav2 ul { padding:0px; margin:0; list-style:none; position:relative; z-index:200;}
#nav {float:right;}
#nav li li { background:#fff; }
/* a hack for IE5.x and IE6 */
* html #nav li { float:left; }
#nav li a, #nav2 li a {
	display:block;
	width: 165px;
	color: #555555;
	background: url(/images/ar.gif) no-repeat 10px 6px;
	padding: 4px 2px 4px 25px;
	border-bottom: solid 1px #999999;
	margin-top: 1px;
	font-weight: bold;
	text-decoration:none;
	}
#nav li a:hover, #nav2 li a:hover {
	color: #289CC8;
	}
#nav ul li a {
	display:block;
	background: #999999 url(/images/ar2.gif) no-repeat 5px 6px;
	color: #FFFFFF;
	padding: 3px 0px 3px 20px;
	margin-top: 1px;
	font-weight: bold;
	text-decoration:none;
	}
#nav ul li a:hover {background-color:#333333;color:#FFFFFF;}
#nav li:hover {position:relative; z-index:300;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html #nav ul {width:1px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {right:-5px; left:auto; margin-right:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{right:0px; left:auto; margin-right:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}