/* ================================================================ 
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.
=================================================================== */
a{
	text-align:right;
}

#nav2, 
#nav2 ul {padding:10px 0 10px 0; margin:0; list-style:none; font: 12px verdana, sans-serif; background:#fff; position:relative; z-index:200;direction:rtl;}
#nav2 ul ul {padding:0px; margin:0; list-style:none; font: 12px verdana, sans-serif; background:#fff; position:relative; z-index:200;direction:rtl;}

#nav2 {float:right;}

#nav2{
	width:175px;
}

#nav2 li li{
 margin:0; list-style:none; font: 12px verdana, sans-serif; background:#fff;
}

#nav2 li {
	padding:0 0 0px 0; margin:0; list-style:none; font: 12px verdana, sans-serif; background:#fff;
}





#nav2 li li ,#nav2 li {
	background:#fff;
	border-bottom:1px solid #cccccc;
	padding:0px;
}
/* a hack for IE5.x and IE6 */
* html #nav2 li {float:right;}

#nav2 li a {background:#ffffff;display:block; color:#777; padding:0px 10px 0 25px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav2 li li a ,
#nav2 li li li a ,
#nav2 li li li li a {background:#eeeeee;display:block; color:#777; padding:0px 10px 0 25px; height:25px; line-height:25px; text-decoration:none; }

#nav2 li a:hover {background:#cccccc;display:block; color:#ffffff; padding:0px 10px 0 25px; height:25px; line-height:25px; text-decoration:none; }
#nav2 li li a:hover ,
#nav2 li li li a:hover ,
#nav2 li li li li a:hover {background:#6D7D96;display:block; color:#ffffff; padding:0px 10px 0 25px; height:25px; line-height:25px; text-decoration:none;}


#nav2 li:hover {position:relative; z-index:300;
right:auto; }

#nav2 li li:hover {position:relative; z-index:300;
right:auto; 
background:#6D7D96;display:block; color:#ffffff;
}

#nav2 li li {position:relative; z-index:300;
right:auto;
padding:0px;
background:#eeeeee;
}

#nav2 li li a,#nav2 li li:hover a{width:120px;
margin:0px;
}

#nav2 ul {position:absolute; right:0px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav2, * html #nav2 ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav2 li:hover > ul {right:-5px;  margin-right:100%; top:-1px;display:inline;}
/* keep further levels hidden */
#nav2 li:hover > ul ul {position:absolute; right:0px; top:-9999px; width:auto;}
/* show path followed */



/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav2 li:hover ul,
#nav2 li:hover li:hover ul,
#nav2 li:hover li:hover li:hover ul,
#nav2 li:hover li:hover li:hover li:hover ul,
#nav2 li:hover li:hover li:hover li:hover li:hover ul
{right:-5px; margin-right:100%; top:-1px;display:inline;}



/* keep further levels hidden */
#nav2 li:hover ul ul,
#nav2 li:hover li:hover ul ul,
#nav2 li:hover li:hover li:hover ul ul,
#nav2 li:hover li:hover li:hover li:hover ul ul
{position:absolute; right:-9999px; top:-9999px;}

#nav2 li:hover li:hover li:hover a,
#nav2 li:hover li:hover li:hover li:hover a,
#nav2 li:hover li:hover li:hover li:hover li:hover a,
#nav2 li:hover li:hover li:hover li:hover li:hover li:hover a
{ color:#777777;}
#nav2 li:hover li:hover a{ color:#fff;}

/* hide futher possible paths */
#nav2 li:hover li a,
#nav2 li:hover li:hover li a,
#nav2 li:hover li:hover li:hover li a,
#nav2 li:hover li:hover li:hover li:hover li a,
#nav2 li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none;}
