/* ================================================================ 
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/drop_examples.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.
=================================================================== */
/* commom style for all browsers */

#menu5 {
	text-align:left; 
	font-family: arial,verdana,helvetica,sanserif; 
	position:relative; 
	font-size:.7em;
	height:1.6em;
	margin:0;
	padding: 0px; 
	list-style-type:none;
	color: #000;
	z-index: 1;
}
#menu5 ul {
	padding:0; 
	margin: -3px 0px 0px 3px; 
	list-style-type:none; /* for Firefox */
	z-index: 5;
	
}
#menu5 li {
	float:left; 
	position:relative;
	border: black solid;
	border-width: 1px 1px 1px 0px;
	background-color: #aaa;
	
}
#menu5 li.top a, #menu5 li.top a:visited {
	display:block; 
	text-decoration:none; 
	* width:inherit;  /* For IE */
	padding: .3em 1em; 
	color:#000; 
	float:left;    /* For IE */
	/*height:2em; 
	line-height:2em;*/
	  
}
#menu5 .top a.drop,
#menu5 .top a.drop:visited {
	float: none;
	text-align: center;		
}
.subdrop {
	text-align: left;
}
/*
#menu5 li:hover,
#menu5 li.sfhover {
	background-color: #000;
	font-size: 100%;
}
* html .menu5 li a, .menu5 li a:visited {
	width:7em; 
	w\idth:6em;  hack for IE5.5 
}
#menu5 li a.drop, #menu5 li a.drop:visited {
	/*font-weight:bold;
}*/
#menu5 li ul {
	visibility:hidden; 
	position:absolute; 
	top:1em; 
	left:5px; 
	height:0; 
	overflow:hidden;
	border-top: 1px solid black;
}
#menu5 table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#menu5 li:hover,
#menu5 li a:hover,
#menu5 li.sfhover {
	text-decoration:none; 
	/*border:0;*/
	background-color: #ccc;
}
#menu5 li:hover ul, #menu5 li a:hover ul,
#menu5 li.sfhover ul, #menu5 li a.sfhover ul {
	visibility:visible; 
	height:auto; 
	/*width:10em; 
	background:#fff; 
	border:1px solid #ddd; */
	left:0; 
	top:2em; 
	overflow:visible;
}
#menu5 li:hover ul li a, #menu5 li a:hover ul li a,
#menu5 li:hover ul li a:visited, #menu5 li a:hover ul li a:visited,
#menu5 li.sfhover ul li a, #menu5 li a.sfhover ul li a,
#menu5 li.sfhover ul li a:visited, #menu5 li a.sfhover ul li a:visited {
	display:block; 
	font-weight:normal; 
	background:transparent; 
	text-decoration:none; 
	height:auto; 
	line-height:1em; 
	padding: 0.5em; 
	width:15em;
}

** html #menu5 li a:hover ul li a {
	width:10em; 
	w\idth:9em; /*hack for IE5.5 */
}
#menu5 li:hover ul li a.subdrop,
#menu5 li.sfhover ul li a.subdrop,
#menu5 li a:hover ul li a.subdrop {
	/*font-weight:bold;*/
}
#menu5 li:hover ul li a:hover,
#menu5 li.sfhover ul li a:hover,
#menu5 li a:hover ul li a:hover {
	background-color: #ccc;
	
}
#menu5 li ul li {
	border-width: 0px 1px 1px;

}


#menu5 li:hover ul li ul,
#menu5 li.sfhover ul li ul,
#menu5 li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left:9.5em; 
	height:0; 
	overflow:hidden;
}
#menu5 li:hover ul li:hover ul,
#menu5 li.sfhover ul li.sfhover ul,
#menu5 li a:hover ul li a:hover ul {
	visibility:visible; 
	color:#000; 
	height:auto;
	border-top: 1px;
	z-index: 9;
} 
#menu5 li ul li ul li {
	border-color: black;
	border-style: solid;
	border: 0px 1px 1px;
	
}
#menu5 li:hover ul li:hover ul.left,
#menu5 li.sfhover ul li.sfhover ul.left,
#menu5 li a:hover ul li a:hover ul.left {
	left:-9.3em;
}
#menu5 li:hover ul li:hover ul li a,
#menu5 li.sfhover ul li.sfhover ul li a,
#menu5 li a:hover ul li a:hover ul li a {
	display:block; 
	font-weight:normal; 
	background:transparent; 
	text-decoration:none; 
	/*height:auto; */
	line-height:1em; 
	padding:0.5em; 
	width:15em;
}
#menu5 li:hover ul li:hover ul li:hover a,
#menu5 li.sfhover ul li.sfhover ul li.sfhover a,
#menu5 li a:hover ul li a:hover ul li a:hover {
	text-decoration:none;
}


/*widths*/

#menu5 .one 	{width: 48px;}
#menu5 .two 	{width: 70px;}
#menu5 .three 	{width: 116px;}
#menu5 .four 	{width: 80px;}
#menu5 .five 	{width: 92px;}
#menu5 .six 	{width: 88px;}
#menu5 .seven 	{width: 80px;}
#menu5 .eight 	{width: 90px;}
#menu5 .nine 	{width: 50px;}
#menu5 .ten 	{width: 50px;}

