/* ================================================================ 
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/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#menu2{
	margin-top:0px;
	width: 225px;
}
.menu2 {
	position:relative;
	z-index:0;
    font-family: Arial;
    text-align:right;
    color: #fff;
    margin-left:3px;
}
.menu2 ul li a, .menu2 ul li a:visited {
	display:block;
	text-decoration:none;
	float:left;
	height:24px;
	text-align:center;
	border:0px;
	margin:0px;
	padding:0px;
	line-height:24px;
	vertical-align:middle;
	font-size:12px;
	overflow:hidden;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-align:left;
	width: 210px;
    	float: left;
    	z-index:0;  
	background: url(../img/menu.jpg) repeat-y;
	padding-left:15px;
}



.menu2 ul {z-index:0;position:relative;text-decoration: none;padding: 0px 0px 0px 00px; margin: 0px 0px 0px 00px; list-style: none;}
.menu2 ul li {z-index:0;float:left; position:relative;}
.menu2 ul li ul {z-index:100;display: none;position:relative;}

/* specific to non IE browsers */
.menu2 ul li:hover a {z-index:0;position:relative;text-decoration:none;color:#fff;background: url(../img/menu2.jpg);vertical-align:middle;}
.menu2 ul li:hover ul {width:216px;z-index:0;position:relative;text-decoration:none;color: #fff;text-align:left;padding-left:00px;display:block; position:absolute; top:0px; left:225px; width:210px;height:24px;line-height:24px;vertical-align:middle;}

.menu2 ul li:hover ul li a.hide {width:216px;padding-left:15px;z-index:100;position:relative;text-decoration:none; color: #fff; text-align:left;  background: url(../img/menu.jpg); width:205px; height:24px; line-height:24px; vertical-align:middle;}
.menu2 ul li:hover ul li a.hide {width:210px;}
.menu2 ul li:hover ul li:hover a.hide {width:210px;padding-left:15px;left:-00px;z-index:100;position:relative;text-decoration:none;color: #fff;text-align:left;background: url(../img/menu2.jpg);}