/*
 *  CASCADING DROP DOWN MENUS
 */

/*  IE6 Fix */
* html .menuLayer { padding: 0px 0px 0px 0px; }

.menuLayer {
 position: relative;
 top: 0px;
 left: 0px;
 width: 15px;
 height: 15px;
 margin-top: 0px;
 background-image: url(../images/icon_info.gif);
 background-repeat: no-repeat;
 padding: 0px 0px 5px 0px;	
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 border: 0px;
 display: block;
 align: center;
}

.menuLayer ul {
 display: inline;	
 margin: 0px;
 padding: 0px;
 list-style: none;
 width: 15px;
}

.menuLayer ul li {
 position: relative;
 float: left;
 width: 15px;
 font-size: 10px;
 color:#000000;
 font-family: Arial, Helvetica, sans-serif;
}

/* Fix for IE*/
* html .menuLayer ul li { float: left; height: 1%; }

.menuLayer ul li a {
 display: block;
 text-decoration: underline;
 padding: 5px;
 font-size: 10px;
 border: 0px;
 color: #000000;    
 background: #FFFFFF;
}

/* Fix for IE*/
* html .menuLayer ul li a { height: 1%; }

.menuLayer ul li a:hover {
	color: #000000;
	background: #FFFFFF;
	z-index: 21;
}

.menuLayer ul li ul {
 position: absolute;
 left: 25px; 
 top: 2px;
 display: none;
}

.menuLayer ul li ul li {
 position: relative;
 float:none;
 width: 150px;
 height: 15px;
 voice-family: inherit; 
 padding:0px 0px 0px 5px;
 margin: 0px;
 text-align:center;
 color: #FFFFFF;
 background: #009966;
 border: dotted #333333 thin;
 
}

.menuLayer ul li ul li a:hover {
 background: #FFFFFF;
 color: #000000;
}
		
.menuLayer li:hover ul, .menuLayer li.over ul { 
 display: block;
}

.menuLayer a:hover ul {
 display: block;
 }

.menuLayer ul li:hover, .menuLayer ul li.over {
 z-index: 21;
}









/*
DIV.HelpTip {
	width: 30px; 
	height: 27px; 
	background-image: url("../images/icon_info.gif"); 
	background-repeat: no-repeat;
}
DIV.HelpTip:hover {
	width: 65px; 
	height: 21px; 
	background-image:none;
	background-color:#009966;
	border:double #666666;
}
http://santek.no-ip.org/~st/tests/CSS/visibility.html
*/

/*
ul.HelpTip, ul.HelpTip ul { 
	margin: 0px; 
	padding: 0px; 
}

ul.HelpTip { 
	width: 15px; 
	height: 15px; 
	background-image:url(../images/icon_info.gif); 
	padding-left: 0px; 
	cursor: default; 
	margin-left: 0px; 
}

ul.HelpTip ul {
	width: 150px; 
	background-image:none; 
	background-color:#009966; 
	border:dotted #666666;
}
ul.HelpTip li { 
	list-style-type: none; 
	margin: 0px; 
	position: relative; 
	color: #FFFFFF; 
}
* html ul.HelpTip li > ul {	
	position: absolute; 
	top: 0px; 
	left: 20px; 
}
ul.HelpTip li > ul { 
	display:none;
	position: absolute; 
	top: 0px; 
	left: 20px; 
}
ul.HelpTip li:hover, ul.HelpTip li.CSStoHighlight { 
	height: 15px; 
	background-image:url(../images/icon_info.gif); 
	color: #FFFFFF; 
}
ul.HelpTip ul.CSStoShow { 
	display: block; 
}
ul.HelpTip li:hover > ul { 
	display: block; 
}
ul.HelpTip li a { 
	color: #fff; 
	display: block; 
	width: 100%; 
	text-decoration: underline; 
}
ul.HelpTip li a:hover { 
	color: #000000; 
}
ul.HelpTip li:hover > a { 
	color: #000000; 
}
ul.HelpTip * { 
	line-height: normal; 
}
http://www.howtocreate.co.uk/tutorials/testMenu.html
*/